hover efekat na css boxu?

hover efekat na css boxu?

offline
  • Pridružio: 20 Feb 2005
  • Poruke: 4505
  • Gde živiš: planeta Zemlja

Nece pa nece... Ocu da mi jedan box koji sam pravio on hover menja boju okvira ali to ne mogu da postignem! Evo boxa koji sam spravio (nisu svi elementi tu (font i slicno ali ni ne trebaju vam)):

#box { background: #fff4de; border: 1px solid #e3e3e3; padding: 10px; color: #000000; }

probao sam sa:
#box a:hover{ background: #fff4de; color: #000; border: 1px solid #e3e3e3; padding: 10px; }

ali on mi onda hoveruje samo linkove a ja bih da ipak menja okvir box on hover Smile

m.p. Nisam znao kako da google pitam za pomoc Sad



Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
offline
  • Pridružio: 20 Dec 2004
  • Poruke: 2887
  • Gde živiš: Na Balkanu

Zašto a:hover box bi trebao da bude hover



offline
  • Pridružio: 24 Mar 2004
  • Poruke: 3962
  • Gde živiš: Zemun

a da nije kore kod prvog koda da si zaboravio mozda a iza #box

offline
  • Blood  Male
  • Ugledni građanin
  • Pridružio: 26 Jul 2003
  • Poruke: 384
  • Gde živiš: Beograd

`fali ti display: block; i onda bi trebalo da radi...

offline
  • Pridružio: 17 Mar 2004
  • Poruke: 293
  • Gde živiš: UK

Da, trebalo bi, na svemu SEM na IE-u. Nek' me neko ispravi ako greshim, ali IE podrzhava pseudo selektor :hover SAMO za linkove.

offline
  • Pridružio: 20 Feb 2005
  • Poruke: 4505
  • Gde živiš: planeta Zemlja

@Balkanac
da tu sam se malo presao Neutral

@bNasty
Tacno tako! IE ne prikazuje hover kako treba (bar ne ovako definisan). Valjda ce u IE7 to da srede!

@blood
ne... Nije to (ne radi i dalje)

Malo sam surfao i naleteo na sajt koji ima taj hover efekat i a evo kako se postize:

.box { background: #fff4de; border: 1px solid #e3e3e3; padding: 10px; color: #000000;} .hover:hover { background: #fff4de; border: 1px solid #000000; padding: 10px; color: #000000;}

Znaci kao class css (mada sam juce probao to i nije bas islo)
Evo i koda koji ide na stranu:

<div class="hover box"></div>

offline
  • Blood  Male
  • Ugledni građanin
  • Pridružio: 26 Jul 2003
  • Poruke: 384
  • Gde živiš: Beograd

jeste, IE ima hover efekat samo na linku, tj samo za tag a ali uradis sledece:

#box a { display: block; background: #fff; color: #000; } #box a:hover { background: #ccc; color: #000; }
i html
<a href="#" id="box"><div>nesto pisem</div></a>
I onda si dobio efekat hover na divu...

offline
  • Pridružio: 24 Mar 2004
  • Poruke: 3962
  • Gde živiš: Zemun

meni ovo ne radi sto si napisao...

zanima me kako da izvedem hover pozadine kada se predje misem...
link sam uspeo recimo ovako
.meni a{    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;    color: #000099;    text-decoration: none; } .meni a:hover{    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;    color: #0000FF;    text-decoration: none; }

i <td width="150" class="meni"><a href="#">bla bla</a></td>

a pozadinu nisam uspeo.... tacnije mogu i nju ali ne celom duzinom...
ako mi je ubacena i boja pozadine u CSS-u onda mi on promeni boju samo iza slova a zeleo bih u celom delu te tabele....

i cemu taj <div> evo uzimam nesto i radi, ali ga ne kapiram sta dobijam sa njim.... mislim mogu i bez njega.... a nesto sam cuo da je napredniji bla bla

Dopuna: 21 Avg 2006 14:54

izvalio sam recimo sa ovim kodom, nego mi je nesto kao komlikovan....
da li se to tako radi ili je ovo neki levi nacin
<td bgcolor="#FFFFFF" onMouseOut="this.style.background='#F7F7F7'" onClick="parent.location='contact.php'" onMouseOver="this.style.background ='#E8E8E8';>bla bla</td>

offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3545
  • Gde živiš: 127.0.0.1

Probaj ovako:
a.meni: link, active, visited {    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;    color: #000099;    text-decoration: none;    width: 100px; // stavi odgovarajucu dimenziju    height: 17px; // takodje    background-color: #FFFF00; // stavi boju koju hoces    display: block;    padding: 2px; } a.meni:hover{    font-family: Arial, Helvetica, sans-serif;    font-size: 12px;    color: #0000FF;    text-decoration: none;    width: 100px; // stavi odgovarajucu dimenziju    height: 17px; // takodje    background-color: #FFFF00; // stavi boju koju hoces    display: block;    padding: 2px; }

a na stranicu ti ide

<a href="link.php" class="meni">Bla bla bla</a>

Ko je trenutno na forumu
 

Ukupno su 1110 korisnika na forumu :: 5 registrovanih, 0 sakrivenih i 1105 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 1567 - dana 15 Jul 2016 19:18

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: bojank2, caesar2, nikoladgajic, renoje2, tokivoki01