Naime kada ne koristim atribut height: 31px; tekst mi se nalazi u sredini tj. tamo gde treba, kao i pozadinska slika, ali prilikom rollovera mi prikaz pozadinske slike šeta i ne prikazuje se nikad kako bi trebalo.
A kada imam atribut height: 31px; pozadinska slika mi se prikazuje dobro u oba slučaja (normalan prikaz i hover), ali mi je tekst pozicioniran pri vrhu tabele (top), a trebalo bi da bude u sredini.
Da li neko ima ideju kako bih mogao da rešim ovaj problem?
.nav a {
background-image:url(../images/nav_bg.gif);
background-repeat:repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-decoration: none;
display: block;
text-align:center;
color:#000099;
height: 31px;
}
.nav a:hover {
color:#FF0000;
height: 31px;
background-image:url(../images/nav_roll_bg.gif);
}
Evo i HTML-a mada mislim da nije potreban...
<table width="694" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td width="1"><img src="../images/nav_bg.gif" alt="l" width="1" height="31" /></td>
<td width="138" height="31" valign="middle" class="nav"><a href="../index.php">Početna</a></td>
<td width="139" height="31" class="nav" valign="middle"><a href="../o_nama/">O nama </a></td>
<td width="139" height="31" valign="middle" class="nav"><a href="../usluge/">Usluge</a></td>
<td width="139" height="31" valign="middle" class="nav"><a href="../proizvodi/">Proizvodi</a></td>
<td width="138" height="31" valign="middle" class="nav"><a href="../kontakt/">Kontakt</a></td>
</tr>
</table>
Unapred hvala ;)
[Ovu poruku je menjao God_Of_HellFire dana 22.11.2005. u 19:53 GMT+1]
[Ovu poruku je menjao God_Of_HellFire dana 22.11.2005. u 19:54 GMT+1]