Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

Problem sa rolloverom u CSS-u

[es] :: Web dizajn i CSS :: Problem sa rolloverom u CSS-u

[ Pregleda: 2729 | Odgovora: 5 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

Ivan Golubović
AV market
Požarevac

Član broj: 3154
Poruke: 586
195.252.85.*

Sajt: www.AVmarket.rs


+7 Profil

icon Problem sa rolloverom u CSS-u22.11.2005. u 18:52 - pre 223 meseci
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]
 
Odgovor na temu

sojic
Dalibor Sojic
Makedonija

Član broj: 7051
Poruke: 796
62.162.220.*

Sajt: right-sock.net


+1 Profil

icon Re: Problem sa rolloverom u CSS-u22.11.2005. u 23:01 - pre 223 meseci
Pokusaj kombinaciju padding-top ili margin-top.


[Ovu poruku je menjao sojic dana 23.11.2005. u 00:04 GMT+1]
routing protocols enable routers to route routed protocols!
 
Odgovor na temu

Ivan Golubović
AV market
Požarevac

Član broj: 3154
Poruke: 586
*.beotel.net.

Sajt: www.AVmarket.rs


+7 Profil

icon Re: Problem sa rolloverom u CSS-u22.11.2005. u 23:42 - pre 223 meseci
margin-top nema apsolutno nikakvog vidljivog efekta...
padding-top dodaje sa spoljne strane određeni broj piksela...

:(
 
Odgovor na temu

Im_a_Veggie
Dragan Babić
Novi Sad

Član broj: 39965
Poruke: 163
*.panline.net.

Jabber: averagejoe@jabber.org
Sajt: www.dnevnikeklektika.com


Profil

icon Re: Problem sa rolloverom u CSS-u23.11.2005. u 01:41 - pre 223 meseci
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]
 
Odgovor na temu

milosh
Stevanic Milos
Kragujevac

Član broj: 3281
Poruke: 13
213.137.99.*

Jabber: milos@elitesecurity.org


Profil

icon Re: Problem sa rolloverom u CSS-u23.11.2005. u 01:53 - pre 223 meseci
probaj:
Code:
line-height: 31px;

probaj posle i bez tabele

[Ovu poruku je menjao milosh dana 23.11.2005. u 02:54 GMT+1]
 
Odgovor na temu

Ivan Golubović
AV market
Požarevac

Član broj: 3154
Poruke: 586
195.252.86.*

Sajt: www.AVmarket.rs


+7 Profil

icon Re: Problem sa rolloverom u CSS-u28.11.2005. u 21:04 - pre 223 meseci
Citat:
milosh: probaj:
Code:
line-height: 31px;


Radi sa ovim. Hvala ti!
 
Odgovor na temu

[es] :: Web dizajn i CSS :: Problem sa rolloverom u CSS-u

[ Pregleda: 2729 | Odgovora: 5 ] > FB > Twit

Postavi temu Odgovori

Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.