Kako da napravim da td tag promeni boji pri MouseHover?

[ Milan M. Radovic @ 20.10.2006. 14:12 ] @

Kako da napravim da <td> tag promeni boji pri MouseHover?

[ jablan @ 20.10.2006. 14:33 ] @

Koliko sam ukapirao, rešenje ti je da ili u ćeliju staviš A sa position:block i width:100%, ili da nakačiš javascript onmouseover event.

Možeš proguglati na "hover td"...

[ dragancesu @ 20.10.2006. 15:44 ] @

Ako bi to u svrhu pravljenja menija pogledaj http://www.cssplay.co.uk/menus/index.html

[ goranvuc @ 20.10.2006. 15:51 ] @

Citat:

jablan: Koliko sam ukapirao, rešenje ti je da ili u ćeliju staviš A sa position:block i width:100%, ili da nakačiš javascript onmouseover event.

Možeš proguglati na "hover td"...

Mislis "display:block"?

[ jablan @ 20.10.2006. 16:02 ] @

Citat:

goranvuc: Mislis "display:block"?

Da, width:block.

;) Lapsus je bio, display naravno.

[ goranvuc @ 20.10.2006. 16:39 ] @

Znam da je lapsus, ja to zbog ostalih. Pozdrav!

[ miskec @ 23.10.2006. 15:00 ] @

Najlakse ti je samo uz pomoc CSS-a.
U CSS fajlu napravis sledeci stil:

Code:

.celija{
background-color:#FFFFFF
}

.celija:hover{
background-color:#00FF00
}

I onda u html fajlu u toj celiji stavis u taj td tag sledece:
<td class='celija' ....

I to ti je to. Kad stavis misa preko te ceije promenice se boja sa bele u zelenu.

[ jablan @ 23.10.2006. 15:14 ] @

Citat:

miskec: Najlakse ti je samo uz pomoc CSS-a.
U CSS fajlu napravis sledeci stil:

Jesi li ti probao to u svom Maxthonu pre nego što si napisao?

[ miskec @ 23.10.2006. 15:28 ] @

Mora da radi mozda sam zeznuo nesto u kocu ali mora da radi. Mozda ono background-color: mora da radi do sad sam napravio brdo sajtova sa ovom forom.

[ glavince @ 23.10.2006. 19:19 ] @

Citat:

miskec: Mora da radi mozda sam zeznuo nesto u kocu ali mora da radi. Mozda ono background-color: mora da radi do sad sam napravio brdo sajtova sa ovom forom.

celija:hover se odnosi na link (a href=) a da bi se citavoj <td> celii promenija boja mora da postoji display:block;
I to bi izgledalo ovako:

Code:

<style type="text/css">
.celija {font-family: Arial; display:block;}
a.celija:link, a.celija:visited {background-color:blue; color:white;}
a.celija:hover {background-color: green; color:pink;}
</style>
<td><a href="#" class="celija">celija link</a></td>

[ miskec @ 24.10.2006. 09:17 ] @

E pa to znam da ima neka fora mada sam zaboravio nisam dugo koristio. Ovako je dosta lakse nego sa Java Scriptom ima manje komplikacija u kodu.

[ kebic @ 24.10.2006. 15:19 ] @

Ma css je super resenje napisi jedan samo za linkove i uvek ga mozes koristiti samo menjas parametre (boje, velicine fonta itd.) A u krajnjem slucaju mozes naci i na netu gotov css za tvoje potrebe samo se posluzi sa delom koji je napisao miskec kako da ga ubacis u kod.

[ centaur @ 27.10.2006. 12:38 ] @

Zar pseudoklasa hover nema problema sa IE?

[ goranvuc @ 27.10.2006. 12:39 ] @

Ne, jedino fokus nije podrzan.

[ pajaja @ 27.10.2006. 17:19 ] @

Nema IE problema sa <a> tagovima...
(sa <td> i td. ima )