Autor Zpráva
Karpov
Profil *
Ahoj prosím mohl by mi někdo poradit jak udělat něco jako je pro odkaz a:hover, ale pro buňku tabulky (aby změnila barvu když se přes ni přejede myší). Předem děkuji.
avaranger
Profil
td:hover{
background-color: #FF00FF;
}

ale nejde to v IE. Tam na to asi bude nejlepsi javascript (onMouseOver).
Karpov
Profil *
Děkuji. td:hover už jsem taky zkoušel, ale nešlo mi to, takže jestli to nejde jinak, tak to budu muset
udělat javascriptem.
houskat
Profil *
ja to mam na svych strankach vyresene pomoci HTC metody. je to pomerne jednuduche. funguje to hlavne i pod IE.
udelas soubor "hover.htc" do nej napises
<attach event="onmouseover" handler="hoverRollOver" />

<attach event="onmouseout" handler="hoverRollOff" />
<script type="text/javascript">

function hoverRollOver() {
element.origClassName = element.className; // backup origonal className
var tempClassStr = element.className;
tempClassStr += "Hover"; // convert name+'Hover' the last class name to emulate tag.class:hover
tempClassStr = tempClassStr.replace(/\s/g,"Hover "); //convert name+'Hover' the others to emulate tag.class:hover
tempClassStr += " hover"; // add simple 'hover' class name to emulate tag:hover
element.className = element.className + " " + tempClassStr;
//window.status = element.className; // only for TEST
}
function hoverRollOff() {
element.className = element.origClassName;
}

</script>

a potom do CSS kde davas td:hover, napises k td:hover i td.hover. to s dvojteckou je pro chytrejsi prohlizece, FF a Operu. pro IE je to td.hover. tecka je tam proto ze trida hover je nadefinovana pomoci prave htc souboru
Pokud ma i tridu k td, takze v CSS mas treba td.cell:hover, tak k tomu jako dalsi napis td.cellHover
takze tvuj CSS pak bude vypadat takto:
td:hover, td.hover {}
popr. td.cell:hover, td.cellHover {}
Karpov
Profil *
Díky moc, určitě to zkusím!!
Matus
Profil *
ide to aj s tabulkami aj s divmi.....skus toto
cela bunka bude mat to pozadie

a {
background-color:green;
display:block;
}
a:hover {
background-color:red;
display:block;
}
avaranger
Profil
ale to je ukrutne nesemanticke a navic se to chova ruzne v ruznych prohlizecich. treba IE prenasi podtrzeni na text a FF ne.
Leo
Profil
"tak to budu muset udělat javascriptem."

Coz mi prijde jako prirozena volba - snazite se zmenit chovani prohlizece (nad jeho normalni projevy). Leo
Toto téma je uzamčeno. Odpověď nelze zaslat.

0