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;
|