Citat:
Tudfa: Ako se dvoumis, ja bih ti preporucio divove, ako ni zbog cega bar zbog citljivosti koda.
Div, span... jes.
___________________________________________
Evo malog doprinosa temi i objašnjenje autoru.
Ako sam ga dobro razumeo.
Html
Code:<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Css Tabela</title>
<link href="css_tabela.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="okvir">
<div id="tabela">
<p><span class="leftcol"> KOLONA 1</span><span class="rightcol"> KOLONA 2 </span></p>
<p><span class="col1">Veličina fonta, naravno, kao i sve ostalo može da varira kako ti volja.</span><span class="col2">
Sve modifikacije i bojenje ili šta već, možeš na veoma jednostavan način primenjivati pomoću css fajla.
Razlika je u tome da svi browseri mnogo brže renderuju css tabele. </span></p>
<p><span class="col1"> U samom css-u, <br>
<strong>#tabela p</strong> <u>ne dirati</u>. <br>Najbolje je.
Kod <strong>#tabela span</strong> border po želji, slobodno. Kod ostalih po želji.</span><span class="col2">
Najviše obrati pažnju kada menjaš širinu same kolone.
Recimo, u ovom primeru preći ukupnu vrednost iz 700px u nešto više, nije podobno.
Dakle, kada računaš koliko će široka biti jedna a koliko druga kolona, uzimaš u obzir i border vrednosti pre nego što izračunaš. </span></p>
<p><span class="col1"> I tako dalje<br><br></span><span class="col2light"> I tako dalje </span></p>
<p><span class="col1"> text </span><span class="col2light"> text </span></p>
<p><span class="col1"> text </span><span class="col2light"> text </span></p>
<p><span class="col1"> text </span><span class="col2light"> text </span></p>
<p><span class="col1"> text </span><span class="col2light"> text </span></p>
</div>
</div>
</body>
</html>
________________________________________________________
css
Code:
@charset "utf-8";
/* CSS Document */
#tabela {
width: 700px;
border-top: 2px solid #e3e7e7;
font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
background-color: #DAB594;
}
#tabela p {
clear: both;
width: 100%;
margin: 0;
}
#tabela span {
float: left;
padding: 0 10px;
border-left: 1px solid #e3e7e7;
border-bottom: 1px solid #e3e7e7;
}
.leftcol {
width: 190px;
background-color: #F90;
color: #000;
font-size: 20px;
font-weight: bold;
text-align: right;
}
.rightcol {
width: 467px;
font-size: 20px;
background-color: #999;
border-right: 1px solid #e3e7e7;
text-align: left;
font-weight: bold;
}
.col1 {
width: 190px;
background-color: #FFF5E1;
color: #000;
font-size: 12px;
text-align: right;
}
.col2 {
width: 467px;
font-size: 14px;
background-color: #FFF5E1;
border-right: 1px solid #e3e7e7;
text-align: left;
font-weight: bold;
}
.col2light {
width: 467px;
font-size: 12px;
background-color: #FFF5E1;
border-right: 1px solid #e3e7e7;
text-align: left;
}
#okvir {
position: absolute;
top: 30px;
overflow: auto;
width: 720px;
height: 520px;
}
Inače, od klasa, za najnormalniju tabelu, dovoljni su ti samo col1 i col2.
Sve je u zip fajlu.
Pozz.
[Ovu poruku je menjao musicmaster dana 13.09.2009. u 01:26 GMT+1]
Osnovno pitanje o CSS
)...
Re: Osnovno pitanje o CSS