MyCity » Web dizajn / HTML » hover efekat na css boxu?

hover efekat na css boxu?

Napisano na dan: 18.7.2006

hover efekat na css boxu?
Sledeća strana Pagination

Idi na vrh

Poslao: 18 Jul 2006 02:04
Idi na vrh
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.
Poslao: 18 Jul 2006 04:31
Idi na vrh
offline
  • Pridružio: 20 Dec 2004
  • Poruke: 2887
  • Gde živiš: Na Balkanu

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



Poslao: 18 Jul 2006 04:40
Idi na vrh
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

Poslao: 18 Jul 2006 09:27
Idi na vrh
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...

Poslao: 18 Jul 2006 12:35
Idi na vrh
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.

Poslao: 18 Jul 2006 13:47
Idi na vrh
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>

Poslao: 18 Jul 2006 17:34
Idi na vrh
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...

Poslao: 21 Avg 2006 13:54
Idi na vrh
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>

Poslao: 23 Avg 2006 01:09
Idi na vrh
offline
  • PHP developer
  • Pridružio: 22 Mar 2006
  • Poruke: 3760
  • 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>

MyCity » Web dizajn / HTML » hover efekat na css boxu?

Ko je trenutno na forumu
 

Ukupno su 1708 korisnika na forumu :: 149 registrovanih, 10 sakrivenih i 1549 gosta   ::   [ Administrator ] [ Supermoderator ] [ Moderator ] :: Detaljnije

Najviše korisnika na forumu ikad bilo je 15694 - dana 01 Feb 2026 12:23

Korisnici koji su trenutno na forumu:
Korisnici trenutno na forumu: acov34, Agape, alberto, aleksamaki, Aleksandar1991, Alen-Delon-u-boji, aleph_one, Armadillo, asdfjklc, Bbbggg1979, Belisarius, black venom, Bo96, bobpp, bojanM84, Bojcca, BORUTUS, CCCP, ccoogg123, Chainsaw, Cicumile, Colt D, crazydkure, Crazzer, cyprus, darios, dejandr, dekan.m, Dekanovic, dendrit86, djboj, draganl, dusan.l, ekozelj, fokac, gagidjuric, Georgius, Goran_, gost321, GrobarPovratak, Hans Gajger, Ir, istina, IvanMiletic, Jakonjveliki, jalos, Jan, Jaxupa, Jezekijel, Joja, Kajzer Soze, Kalem, kapela, Karaula, Kibice, komenski, komsija1, kondenzator, konstruktor, Koser, KUZMAR, ladro, Laluvr, Lance Guest, Lubenica303, M74AB3, Manesaur, Manjane, marko.markovic, MarkoDzimi, MarkoJ-Nis, markolopin, markoskjk, Markov93, mercedesamg, Metanoja, Mig 29, Might is Right, Miki01, MIKI63, milenko crazy north, Miler88, Miska13, Mitraljeta, Mrav Obrad, Musklfiber, mux, naki011, nelezele, Nemanja.M, nemkea71, nenad81, Neutral, Nikolajevic, nisamBot, Njubara, nuke92, peradetlić, Permaldar, Pero Petković, petar0301, Plavi Jadran, Poof, procesor, Pururin, raf87, rambod, Ran, raso76, Redred, RiV, RJ, Romibrat, samo_srpski, sasabanjac, Semberija, silikon, Silvertooth, singa, siwoti, Sone0883, sspp, stibium51, strawman, strn, Tangero, The_new_Statesman, Totem, Tvrtko I, ujke, v0idmp3, Veless, Veljko™, volimpivuvolimrakiju, vukovi, Wehicle, wizzardone, x011, Yekaterinburg, yip314, zdrebac, Zec, zil10, zivojin32, zoran-ruma, Zoran1959, zrno, Zvonkozvonko, 1453