Razmak između tabela

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Pozdrav.
Napravio sam dve tabele za meni (navigaciju stavio u gornju, a druga koja se nalazi odmah ispod sluzi za background img, a na nekim od ostalih stranica kao i "submenu") i sve ok radi u svim browserima osim u IE.



Ovo je slika menija kako izgleda u FF i u svim ostalim browserima (Safari, Opera, Google Chrome)




A ovo je u IE7.

Ne mogu da provalim zbog cega mi napravi razmak izmedju tabela.
Probao sam da namestim i DOCTYPE misleci da je do toga (do sada sam koristio //W3C//DTD XHTML 1.0 Transitional//EN pa mi je stavljalo razmak i u svim browserima osim u FF, pa sam prebacio na //W3C//DTD HTML 4.0 Transitional//EN, pa je sve ok osim u IE)

Evo i kod:

html:

<div id="menu">    <table width="1024"   height="31" border="0" align="center" cellpadding="0" cellspacing="0">       <tbody>          <tr>             <td width="133" height="31" align="left" style="background-image:url(images/bgrleft.jpg); background-repeat:repeat-y;"></td>             <td width="118" height="31" align="center" style="background-image:url(images/button1active.jpg); background-repeat:no-repeat;" class="active">O NAMA</td>             <td width="177" height="31" align="center" style="background-image:url(images/button2.jpg); background-repeat:no-repeat;"><a href="delatnosti.html">USLUŽNE DELATNOSTI</a></td>             <td width="130" height="31" align="center" style="background-image:url(images/button3.jpg); background-repeat:no-repeat;"><a href="galerija.html">GALERIJA</a></td>             <td width="125" height="31" align="center" style="background-image:url(images/button4.jpg); background-repeat:no-repeat;"><a href="reference.html">REFERENCE</a></td>             <td width="116" height="31" align="center" style="background-image:url(images/button5.jpg); background-repeat:no-repeat;"><a href="kontakt.html">KONTAKT</a></td>             <td width="225" height="31" align="right" style="background-image:url(images/bgrright.jpg); background-repeat:repeat-y;"></td>          </tr>       </tbody>    </table>    <table width="1024" height="56" border="0" align="center" cellpadding="0" cellspacing="0" style="background-color:#eeeeee;">       <tbody>          <tr>             <td border="0" height="56" width="1024"; style="background-image:url(images/bar1.jpg); background-repeat:no-repeat;"></td>          </tr>       </tbody>    </table>    <table width="1024" height="54" border="0" align="center" cellpadding="0" cellspacing="0" style="background-color:#eeeeee;">       <tbody>          <tr>             <td width="1024" height="54" border="0"; style="background-image:url(images/shadow.jpg); background-repeat:no-repeat;"></td>          </tr>       </tbody>    </table>    </div>

css:

#menu {    display: block;    width:1024px;    float: left;    position: relative;    margin: 0px auto; } #menu a {    width: auto;    color: #333333;    padding: 5px 0px 0px 0px;    text-decoration:none; } #menu a:hover {    color: #ffffff;    text-decoration: none; } #menu .active {    font-size: 1.0em;    padding: 5px 0px 0px 0px;    color:#ffffff;

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Jedno malo pitanje, kad već znaš css, zašto komplikuješ meni tabelama kad ti nisu potrebne?

http://www.alistapart.com/articles/taminglists/

http://www.tutorial5.com/content/view/147/52/

• 0Niko još nije pohvalio poruku.
  Registruj se da bi pohvalio/la poruku!

Napisano: 03 Avg 2010 12:44

Jer sam davno radio dizajn u html-u, a standardi su se nesto promenili pa moram da odradim generalni upgrade.
Linkovi ce mi mnogo pomoci. Tnx

Dopuna: 04 Avg 2010 12:46

Hmm.. probao sma sa listama, međutim naišao sam na mnogo više posla, sto iziskuje više vremena, a toga trenutno baš i nemam.. :/
Da li neko zna rešenje za ovaj konkretan problem, ovakav kakav je?