Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
a:hoveri uredno rade, a:active-i ne rade

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
matun



Joined: 19 Feb 2007
Posts: 23

PostPosted: 21.05.2008 11:32    Post subject: a:hoveri uredno rade, a:active-i ne rade Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
mile



Joined: 10 Sep 2003
Posts: 1327
Location: Jeruzalem

PostPosted: 21.05.2008 11:57    Post subject: Add user to your forum ignore list Reply with quote

Pokušaj staviti a:visited umjesto a:active

_________________
mile.is
Back to top
View user's profile Send private message Visit poster's website
Adrian



Joined: 02 Apr 2004
Posts: 692
Location: Around & about

PostPosted: 21.05.2008 12:05    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website
matun



Joined: 19 Feb 2007
Posts: 23

PostPosted: 21.05.2008 12:33    Post subject: Add user to your forum ignore list Reply with quote

Znam za lovehate, al kod ovog css-a ni lj od ljubavi, sama mržnja Smile

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
View user's profile Send private message
matun



Joined: 19 Feb 2007
Posts: 23

PostPosted: 21.05.2008 12:36    Post subject: Add user to your forum ignore list Reply with quote

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 Sad
Back to top
View user's profile Send private message
Adrian



Joined: 02 Apr 2004
Posts: 692
Location: Around & about

PostPosted: 21.05.2008 12:39    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message Visit poster's website
matun



Joined: 19 Feb 2007
Posts: 23

PostPosted: 21.05.2008 12:51    Post subject: Add user to your forum ignore list Reply with quote

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 Sad 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
View user's profile Send private message
Obelix



Joined: 03 May 2007
Posts: 22

PostPosted: 21.05.2008 17:42    Post subject: Add user to your forum ignore list Reply with quote

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
View user's profile Send private message
maratz
mi3.crew


Joined: 24 Nov 2003
Posts: 1207
Location: ZAG

PostPosted: 22.05.2008 21:38    Post subject: Add user to your forum ignore list Reply with quote

: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
View user's profile Send private message Visit poster's website Twitter profile
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group