Table css

[stefendoza]

Poz svima. Imam neku tabelu koncipirana tako da imam header,futer, meni i glavni dio i to sve naravno pomocu table tagova. E sad treba mi css da mogu da mijenjam velicine ovih polja. Znaci treba da mogu da mijenjam sirinu visinu ovih dijelova. Evo tabele:

Code:

<table id="sample" cellspacing="2">
    <tr class="toprow">
        <td>HEADER</td>
        
    </tr>
    <tr class="meni">
        <td>Meni1</td>
        <td>Meni2</td>
      <td>Meni3</td>
    </tr>
    <tr class="glavni">
        <td>Sadrzaj</td>
      <td>Reklame</td>
    </tr>
   <tr class="footer">
        <td>Footer</td>
    </tr>
</table>

Evo dijela css sto sam ja pokusavao ali ne radi. Kad bih promijenio velicinu hedera promjeni se i meni :(

Code:

body {
   background: #FFFFFF;
   text-align: center;
   font: 11px verdana, arial, sans-serif;
   color: #695F4C;
   padding-bottom: 0px;
}

table#sample {
    background-color:#FFFFFF;
    border: solid #000 3px;
    width: 800px;
   position:absolute;
   left:110px;

}

table#sample td {
    padding: 5px;
    border: solid #000 1px;
    
}

.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;
   width: 500px;

}
.footer {
width:600px;
}

[kecko]

To se napravi samo sa divovima...
Za layout se tabele ne bi trebale koristiti...
Inače na td-ovima postavljaš širinu, a na tr-ovima visinu, mislim da ti to riješava problem odmah. Ne bi bilo loše niti da koristiš colspanove, ovo nije dobra praksa da u jednom redu ti je ukupan zbroj td-ova 1 u drugom 2 ono što si ti trebao je na .footer i .toprow staviti na td-ove colspan="2"

[stefendoza]

Eeeeee znam ja da bi sa div tagovima rjesio problem za cas, ali moram da uradim preko table tagova, to mi je zadatak, sta da se radi.

[Gogy]

To su pretpostavljam te škole ili fakulteti koji zaostaju 10-ak godina za stvarnosti pa još forsiraju tabele za izradu layouta.

[kecko]

stefendoza Wrote:Eeeeee znam ja da bi sa div tagovima rjesio problem za cas, ali moram da uradim preko table tagova, to mi je zadatak, sta da se radi.

tr ti označava red
td ti označava ćeliju, stupac...
Zbroj svih stupaca u svim redovima iste tablice bi trebao biti isti (ako uzmemo u obzir colspanove)
colspanovi nam govore kroz koliko ćelija se jedna ćelija prostire, ako colspan nije naveden smatra se da mu je vrijednost 1
Tvoja tablica je otpočetka krivo postavljena...
Aj nacrtaj u paintu ili di kako ti točno treba layout izgledat, uglavnom ti imaš dosta krivo postavljeno redove i ćelije...
pogledaj ovaj link, sve je lijepo objašnjeno...
http://www.w3schools.com/html/html_tables.asp
a imaš čak i na ovoj stranici isto na HR jeziku...
http://www.tutorijali.net/html/tablice

[stefendoza]

kecko Wrote:

stefendoza Wrote:Eeeeee znam ja da bi sa div tagovima rjesio problem za cas, ali moram da uradim preko table tagova, to mi je zadatak, sta da se radi.

tr ti označava red
td ti označava ćeliju, stupac...
Zbroj svih stupaca u svim redovima iste tablice bi trebao biti isti (ako uzmemo u obzir colspanove)
colspanovi nam govore kroz koliko ćelija se jedna ćelija prostire, ako colspan nije naveden smatra se da mu je vrijednost 1
Tvoja tablica je otpočetka krivo postavljena...
Aj nacrtaj u paintu ili di kako ti točno treba layout izgledat, uglavnom ti imaš dosta krivo postavljeno redove i ćelije...
pogledaj ovaj link, sve je lijepo objašnjeno...
http://www.w3schools.com/html/html_tables.asp
a imaš čak i na ovoj stranici isto na HR jeziku...
http://www.tutorijali.net/html/tablice

Znaci treba mi ovo

[danielvast]

2 min posla mozda nisam ti trebao napisati al nije tesko shavti ces kako ide mislim da bi to trebalo biti ovako :

Code:

<table width="800" border="1" bordercolor="#000000" style="border-collapse:collapse; text-align:center">
  <tr>
    <td colspan="3">Header</td>
  </tr>
  <tr>
    <td><a href="#">Link1</a></td>
    <td><a href="#">Link2</a></td>
    <td><a href="#">Link3</a></td>
  </tr>
  <tr>
    <td colspan="2"><p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p>
    <p>Sadrzaj</p>
    <p>&nbsp;</p>
    <p>&nbsp;</p></td>
    <td>Reklama</td>
  </tr>
  <tr>
    <td colspan="3">Footer</td>
  </tr>
</table>

Naljepi ovo u body dio html dokumenta.

[Kerber]

Gogy Wrote:To su pretpostavljam te škole ili fakulteti koji zaostaju 10-ak godina za stvarnosti pa još forsiraju tabele za izradu layouta.

Mislim da te nisu skontali gogy :)
Ti jedno, oni po svom hehe

Pomocu divova:

Code:

<div id="okvir">
  <div id="zaglavlje">Moja stranice</div>
  <div id="sadrzaj">
     <div id="tekst">Ovo je neki tekst u glavnom dijelu stranice</div>
     <div id="reklame">Ovdje reklame</div>
  </div>
</div>

Sve ove id-ove treba definisati u css i dati im potrebne vrijednosti kako bi izgledalo onako kako ti zelis.

Al posto vidim da ti trebaju tabele mogu ti pozeliti jedno "Dobroostao u proslosti!"