[ Ivan Golubović @ 22.11.2005. 18:52 ] @
Imam problem sa pozicioniranjem teksta ili pozadinske slike kod izrade nav sistema preko CSS-a.

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?
Code:
.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...
Code:
<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]
[ sojic @ 22.11.2005. 23:01 ] @
Pokusaj kombinaciju padding-top ili margin-top.


[Ovu poruku je menjao sojic dana 23.11.2005. u 00:04 GMT+1]
[ Ivan Golubović @ 22.11.2005. 23:42 ] @
margin-top nema apsolutno nikakvog vidljivog efekta...
padding-top dodaje sa spoljne strane određeni broj piksela...

:(
[ Im_a_Veggie @ 23.11.2005. 01:41 ] @
ovo ti je samo off the top of my head, ali "ako" sam razumeo šta ti treba, mislim da treba da podesiš vertical-align za željene td elemente u nav tabeli preko cssa. (Mada bi ti bez tabele bilo bolje.)

[Ovu poruku je menjao Im_a_Veggie dana 23.11.2005. u 02:43 GMT+1]
[ milosh @ 23.11.2005. 01:53 ] @
probaj:
Code:
line-height: 31px;

probaj posle i bez tabele

[Ovu poruku je menjao milosh dana 23.11.2005. u 02:54 GMT+1]
[ Ivan Golubović @ 28.11.2005. 21:04 ] @
Citat:
milosh: probaj:
Code:
line-height: 31px;


Radi sa ovim. Hvala ti!