HTML CSS Windows Photoshop
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
  • Moje-Mesto header
 Avtor: -primož-    27.01.10
Okvir DIV               
HTML vodiči

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.

 

Komentiraj:
Ime
E-mail
Spletna stran

!joomlacomment 4.0 Copyright (C) 2009 Compojoom.com . All rights reserved."
 
Sorodni vodiči