Autor Zpráva
Michalh
Profil
#1 · Zasláno: 23. 11. 2005, 13:46:36
Odpovědět Citovat
Dobrý den. Nevím jak udělat aby se při "onMouseOut" na tabulku zároveň změnilo pozadí tabulky a barva písemného odkazu. Zkoušel jsem to pře CSS ale tim sem dokazal jenom zmenit pozadí za textem nebo pozadi tabulky i s textem který není ovšem odkaz. (viz níže zdrojový kod)
Děkuji
<style>
.zluta {background-color: #FF0000; color:#99FF33; }
.modra {background-color: #0000FF; color: #000000; }
</style>
<body>
<table border="1">
<tr class="zluta" onMouseOver="this.className='modra'" onMouseOut="this.className='zluta'"><td><span class="style1">druhý řádek</span></td>
</tr>
</table>
PerToon
Profil
#2 · Zasláno: 23. 11. 2005, 14:12:11
Odpovědět Citovat
Co třeba takhle?

<table border="1">
<tr class="zluta" onMouseOver="this.style.backgroundColor='#0000ff'; this.style.color='#000000;' " onMouseOut="this.style.backgroundColor='#ff0000'; this.style.color='#99ff33;' "><td><span class="style1">druhý řádek</span></td>
</tr>
</table>

A to by možná šlo zapsat přímo styl, i když to nevím...
onMouseOver="this.style='background-color: #0000FF; color: #000000;' "
Fred
Profil
#3 · Zasláno: 23. 11. 2005, 14:19:53
Odpovědět Citovat
Michalh To co píšeš funguje pouze do té doby dokud neurčíš barvy popředí a pozadí pro class="style1"
peta
Profil *
#4 · Zasláno: 23. 11. 2005, 15:10:40
Odpovědět Citovat
Michalh presne tak, viz FRED
Kdyz udelas
<a class="aaa"><b class=bbb">xxx</b></a>
v CSS
.aaa:hover {barva1}
.aaa:hover .bbb {barva1}
tak je to oki
Ale ted to mas tak, ze
.aaa:hover {barva1}
.aaa .bbb {barva2}
a proste .bbb ma vlastni pozedi a to nemuzes nicim prekryt

SUPER moznost1:
Kdyz uz pouzivas JS pro hover v IE, zkus si najit soubor csshover.htc a behaviour, usetris si spoustu prace. muzes pak bez obav pouzit zapis
.aaa:hover {barva1}
.aaa:hover bbb {barva1}
nebo
tr:hover {barva1}
tr:hover .bbb {barva1}
Ktery ve Firefox, Opere a podobnych kvalitnich prohlizecich funguje naprosto spolehlive.
Neni vsechno jen IE-zlato, co se trpyti :)

Pokud teda chces pouzit JS a JS v htc souboru te nelaka, musis jit pres objekty, viz
jakpsattweb - Javascript - priklady (a nejaky s getElementById)

A SUPER moznost2, oproti behaviour mene stastna, ale asi tomu porozumis lip:
.aaa {barva1}
.bbb .ccc {barva2}
<tr onmouseover..."bbb" class="aaa">
<td class="ccc">XXX</td>
</tr>
Michalh
Profil
#5 · Zasláno: 23. 11. 2005, 17:14:28
Odpovědět Citovat
haaaa strašně díky ale ted jsem na tom pořádně mákl až se ze mne kouřilo a vyřešil jsem to HHHHUUUUAAAAA. Fakt sila. Ukažu vám ten kod a schvalně co na to reknete. Nevěřil bych že se dá takováhle šílenost udělat pomocí CSS. Prosím ale vyjádřete se k tomu
Ještě jednou díky.

a.tlacitko { font-size:10px; font-family:Verdana;/*padding: 0.2em 1em 0.2em 1em; border: outset 0.3em;*/ font-weight: bold; text-decoration: none;}
a.tlacitko:link, a.tlacitko:visited { background: #FF0000; color: #FFFFFF;}
a.tlacitko:hover {background: #000000; color: #FFFF00;/*border: inset 0.3em */}

#levy p {
width: 100%;
padding: 0 0 5px 0;
margin: 0 auto;
overflow:hidden;
}

#levy p a {display:block;
}

#levy {background-color: #000000; text-align: center;}/*pozadi v "div"*/
#hlavicka {position: absolute; width:98%; top: 4px; left: 4px; height: 60px;}
#levy {
position: absolute;
width: 385px;
top: -10px;
left: 41px;
height: 268px;
}

-----------------
<div id="levy" style="top:172px; left:20px; width:98px; height:156px;">
<p align="center">
<a href="dgzk/doprava.html" class="tlacitko" title="Dopravní informace, dálnice, poplatky,
webkamery, trajekty atd."> Doprava</a></p></div>
Michalh
Profil
#6 · Zasláno: 23. 11. 2005, 17:17:27
Odpovědět Citovat
je pravda že nerozumím ještě proč je tam 2x definovaný #levy.
#levy p, #levy p a - a těmhle taky ne;-)
Michalh
Profil
#7 · Zasláno: 23. 11. 2005, 17:28:48
Odpovědět Citovat
Koukal jsem tady do článku a nikde se podrobněji nepíše o vkládání videa na web aby tam mělo video ovládací lišty a ne že se samo zpustí když otevřu stránku nebo když přes něj projedu myší. Kdyby jste věděli jak na to nebo případně která stránka se tím podrobněji zabývá moc by mi to pomohlo zatím jsem žádnou neobjevil:-(
Díky
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0