Okvir DIV

okvir_div_thumb

Značka <div>, ki se zapre z </div> je vedno bolj in bolj pomembna pri izdelovanju spletnih strani. Ker tabele prvotno niso bile namenjene vstavljanju dizajna v kodo so jih izpodrinili okvirji oz. divi, ki se danes množično uporabljajo v kombinaciji s CSSjem.


Okvir oz. značka <div> predstavlja  del HTML dokumenta (podobno, kot odstavek p).

 

 

 

V znački ponavadi zapišemo le enega od dveh atributov in sicer class=" " ali id=" ", ki predstavljata stil, ki je določen temu okvirju.  Div in vsebino, ki je z njim zajeta oblikujemo (izključno) s CSSjem.

Primer:

 

<html>
<head>

<style type="text/css">


.okvir{border: 1px solid #3399ff; color: #3399ff; width: 200px; height: 200px;}


</style>

</head>

<body>

<div class="okvir">

Besedilo v okvirju

</div>

</body>
</html>

PRIKAZ zgornje kode

 

Začetnikom je uporabljanje tabel ponavadi lažje, a slej kot prej morajo preiti na okvirje, saj okvirji omogočajo veliko več manevrskega prostora in so v kombinaciji z dobrim CSSjem izredno učinkoviti.

 

Vsi vodiči so na voljo BREZPLAČNO!
Pišite mi

Želite mnenje ali pomoč pri vašem projektu?

Pišite mi in bom pomagal, kakor bom v tistem trenutku lahko.