View previous topic :: View next topic |
Author |
Message |
matun
Joined: 19 Feb 2007 Posts: 23
|
Posted: 21.05.2008 12:32 Post subject: a:hoveri uredno rade, a:active-i ne rade |
|
|
Pozdrav ekipa,
Imam mali problemčić s css-om. Dakle, za meni su mi definirani stilovi za hovere, active i ostalo, ali mi aktivni linkovi ne izgledaju kako su definirani css-om, dok hoveri (za koje je kod identičan kao i od activea) rade upravo onako kako je definirano.
Kod ide ovako (za jedan od linkova u meniju, ali svakom je isto definirano samo za druge pozicije):
Code: | #menu li a.menuSuradnja { width:73px; background-position: -519px 0%; }
#menu li a.menuSuradnja:hover { background-position: -519px 100%; }
#menu li a.menuSuradnja:active { background-position: -519px 100%; } |
html izgleda ovako.
Code: | <div id="topMenu">
<div class="menuContent">
<div id="menu">
<div style="width:770px; margin: 0 auto;">
<ul>
<li><a href="index.php" class="meniNovosti" title=" Novosti ">Novosti</a></li>
<li><a href="suradnja.php" class="menuSuradnja" alt="Suradnja" title="Suradnja">Suradnja</a></li>
<li><a href="kontakt.php" class="menuKontakt" title=" Kontakt ">Kontakt</a></li>
<li><a href="nagrade_i_certifikati.php" class="menuNagradeCertifikati" title=" Nagrade i certifikati ">Nagrade i certifikati</a></li>
</ul>
</div>
</div>
</div>
</div>
|
Kad prelazim preko izbornika hoveri rade kako i trebaju, al kad kliknem na određeni link (say Suradnja) i kad taj link postane aktivan, tom se linku ne pridodaje stanje a:activea... Zna netko zašto? |
|
|
Back to top |
|
|
mile
Joined: 10 Sep 2003 Posts: 1327 Location: Jeruzalem
|
Posted: 21.05.2008 12:57 Post subject: |
|
|
Pokušaj staviti a:visited umjesto a:active |
_________________ mile.is |
|
Back to top |
|
|
Adrian
Joined: 02 Apr 2004 Posts: 692 Location: Around & about
|
Posted: 21.05.2008 13:05 Post subject: |
|
|
LOVE-HATE je najčešće rješenje tih problema.
:link
:visited
:hover
:active
sve ih definiraj, tim redom, pa bi trebalo radit.[/u] |
_________________ The quest for certainty blocks the search for meaning. Uncertainty is the very condition to impel a man to unfold his powers.
http://origami.hr |
|
Back to top |
|
|
matun
Joined: 19 Feb 2007 Posts: 23
|
Posted: 21.05.2008 13:33 Post subject: |
|
|
Znam za lovehate, al kod ovog css-a ni lj od ljubavi, sama mržnja
Probao sam lupiti ovo:
Code: | #menu li a.meniNovosti { width:63px; background-position: 0 0%; }
#menu li a.meniNovosti:link { width:63px; background-position: 0 0%; }
#menu li a.meniNovosti:visited { width:63px; background-position: 0 0%; }
#menu li a.meniNovosti:hover { background-position: 0 100%; }
#menu li a.meniNovosti:active { background-position: 0 100%; } |
Pa ništa. Wtf? Jel moguće da ima veze s doctype-om? Moj je Code: | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> |
CSS validator mi ne prijavljuje greške... |
|
|
Back to top |
|
|
matun
Joined: 19 Feb 2007 Posts: 23
|
Posted: 21.05.2008 13:36 Post subject: |
|
|
mile wrote: | Pokušaj staviti a:visited umjesto a:active |
Ovo radi, ali to mi ne odgovara, onda ce mi svi linkovi izgledati fucked up kako se user kreće po sajtu.. Trebam fakin a:active natjerat da radi |
|
|
Back to top |
|
|
Adrian
Joined: 02 Apr 2004 Posts: 692 Location: Around & about
|
Posted: 21.05.2008 13:39 Post subject: |
|
|
jesi probao dodat
Code: | #menu li a.meniNovosti:hover { background-position: 0 100% !important; } |
?
Ako ne radi ni s tim, ja bih probao ne koristit postotak...
I nisi rekao jel to u svim browserima ili nekim samo..? |
_________________ The quest for certainty blocks the search for meaning. Uncertainty is the very condition to impel a man to unfold his powers.
http://origami.hr |
|
Back to top |
|
|
matun
Joined: 19 Feb 2007 Posts: 23
|
Posted: 21.05.2008 13:51 Post subject: |
|
|
Adrian wrote: | jesi probao dodat
Code: | #menu li a.meniNovosti:hover { background-position: 0 100% !important; } |
? |
!important direktivu sam isprobao još prije nego sam postao ovdje, ma kakvi, ni čut...
Adrian wrote: | Ako ne radi ni s tim, ja bih probao ne koristit postotak...
I nisi rekao jel to u svim browserima ili nekim samo..? |
Uh, ko će sad bez postotaka šteliti sve A ništa, probat ću i to...
E da, u FF-u, IE-u, Operi i Safariju je ista situacija, niti jedan me ne šljivi 5%, dakle očigledno se negdje nešto pogrešno događa, al je bed u tome što css validator ne prijavljuje nikakvu grešku. Fala na pomoći anyway. |
|
|
Back to top |
|
|
Obelix
Joined: 03 May 2007 Posts: 22
|
Posted: 21.05.2008 18:42 Post subject: |
|
|
Ako zelis postici ono sto mislim da zelis postic dodaj a:focus { ...} |
_________________ If you can't make a mistake, you can't make anything. |
|
Back to top |
|
|
maratz mi3.crew
Joined: 24 Nov 2003 Posts: 1207 Location: ZAG
|
Posted: 22.05.2008 22:38 Post subject: |
|
|
:active pseudo-klasa ne služi zato da ti link na trenutnu stranicu bude drugačije oblikovan,
nego da oblikuješ link koji je kliknut/aktiviran. Primjenu u te svrhe je ta pseudo-klasa
imala nekad davno dok su se stranice radile sa frameovima. Ono što pokušavaš postići bi bilo
nešto kao a:current, ali to (još) ne postoji.
CSS engine dakle ne zna na kojoj se stranici posjetitelj nalazi. "Prepoznavanje" se
odradjuje programski JavaScriptom ili nekim server-side programskim jezikom.
CSS-om ćeš to ipak moći riješiti ako ti svaki link u glavnoj navigaciji ima id, a body svake
stranice unique id, tada bi CSS izgledao ovako:
Code: | body#naslovna li#naslovna-link a,
body#proizvodi li#proizvodi-link a,
body#usluge li#usluge-link a,
body#kontakt li#kontakt-link a { budi: drugaciji; } |
Postoji i online primjer.
Dodatni tip: premjesti class atribute sa A na LI, odnosno još bolje,
neka budu id-jevi ako se pojavljuju samo jednom u dokumentu.
Na taj ćeš način sa istim identifikatorom moći dohvatiti više elemenata, npr:
Code: | li.klasa { property: value; }
li.klasa a { property: value; } |
Trenutno je recimo teško identificirati pojedini list-item. |
_________________ STOP HITTING YOURSELF! | NETIQUETTE | TYPETESTER | Hypertext rulez™ | CREATIVE NIGHTS | ACCOMMODATIONS |
|
Back to top |
|
|
|