Problem sa Div tagom

[ DDROTT @ 27.10.2009. 16:37 ] @

Imam problem sa div tagom. Kako da napravim da kada dodjem misem na jedan odredjeni div tag on promeni svoju pozadinsku boju ?

hvala...

[ Stefan Jocic @ 27.10.2009. 18:53 ] @

To možeš CSS-om

Code:

#mojDiv /* U normalnom stanju div koristi ovaj kod */
{
width: 400px;
height: auto;
padding: 5px;
background-color: #000000; /* pocetna zeljena boja */
}

#mojDiv:hover /* Kada se predje kursorom preko diva on koristi ovaj kod */
{
width: 400px;
height: auto;
padding: 5px;
background-color: #CC0066; /* ova boja ce se prikazati prelaskom kursora preko div tag-a */
}

[ DDROTT @ 27.10.2009. 19:37 ] @

hteo sam samo jos nesto da pitam... da li je moguce da postavim link na ceo div ?! znaci.. da je ceo div pod linkom.. tako da na bilo koje mesto na njemu da kliknem da me to vodi do druge stranice.. ?!

[ Stefan Jocic @ 27.10.2009. 19:38 ] @

Naravno da može.

Code:
<a href="http://www.google.com"><div id="mojDiv">Tekst unutar diva</div></a>

[ DDROTT @ 27.10.2009. 19:59 ] @

oodlicno ! hvala puuno na pomoci... puno mi je pomoglo ovo !

[ Stefan Jocic @ 27.10.2009. 20:09 ] @

Verovatno nisi kod ubacio pravilno. Ceo div mora da bude linkovan. Urađen primer je u attachment-u!

//edit: tek sam sad video da si prepravio poruku!

[ Igor Gajic @ 27.10.2009. 20:12 ] @

Samo sto ovo nije XHTML validan dokument. Nemozes ubaciti block element u inline element.

[ Stefan Jocic @ 27.10.2009. 20:15 ] @

Moja greška, brzinski odradio.

btw. Isto ovo može da se odradi i JavaScript-om.

[ DDROTT @ 27.10.2009. 20:17 ] @

ma, nema veze, hvala u svakom slucaju... e, da, interesuje me samo jos nesto.. stalno imam problem sa tim podvucenim linkovanim tekstom ... kako da to resim... zelim da mi tekst bude normalan, boja nepromenjena u odnosu na onu koja je bila pre nego sto sam linkovao tekst.... .. kako da to uradim ?! nadam se da ne gnjavim mnogo....

[ Stefan Jocic @ 27.10.2009. 20:20 ] @

Code:
a
{
text-decoration: none;
}

[ DDROTT @ 27.10.2009. 20:27 ] @

ovakvi trenutci me u potpunosti demoralisu u smislu daljeg napretka u web design u... xD
gde treba da stoji taj kod ?! mislim na

Code:

a
{
text-decoration: none;
}

_{mod edit: ubačeni CODE tagovi}

[ Stefan Jocic @ 27.10.2009. 20:29 ] @

Taj kod trebaš ubaciti u CSS fajl.

[ DDROTT @ 27.10.2009. 20:42 ] @

pokusacu da se opravdam time.. sto cu reci da imam 15 godina... ali...
i predpostavljao sam da treba da to ide u CSS.. i uradio sam to... nego.. ne uspeva... rade sve ostale funkcije text-decoration a... ali jedino funkcija "none"... ne menja nista.. tekst i dalje ima onu plavu boju.. specificnu za linkovan text.. i podvucen je...

[ Stefan Jocic @ 27.10.2009. 20:46 ] @

To je zato što za već kliknute linkove važi a:visited. Ubaci ovaj kod (umesto onog gore):

Code:
a:link
{
    text-decoration: none;
}
a:visited
{
    text-decoration: none;
}
a:hover
{
    text-decoration: none;
}
a:active
{
    text-decoration: none;
}

[ DDROTT @ 27.10.2009. 20:53 ] @

hvalaaa.. ! ! ! ! !... puno ste mi pomogli.... hvala, hvala, hvala !!!!

[ Nemke_BG @ 27.10.2009. 22:59 ] @

umesto da stavljas <div> u <a> mozes i <a> tag da definises kao block elemenat ako ti to radi posao....

druga stvar ovo je stefan naveo je isrpravno ali nece raditi u IE 6 posto ona :hover poznaje samo nad <a> tagom, za nju ti treba JS ili malo komplikovaniji CSS

[ Stefan Jocic @ 27.10.2009. 23:03 ] @

Da, može i tako, to je bolja varijanta.