Autor Zpráva
Hostouat
Profil *
Ahoj, vytvářím pro své fórum v phpbb3 tag spoiler a potřeboval bych, aby se po najetí na div změnila barva písma, něco jako je hover pro odkazy...
Ernie
Profil
Co takhle?
<style>
#obal:link{color:blue}
#obal:hover{color:red}
</style>

<div>
<a id="obal" href="#">
...
</a>
</div>

(pokud vím, tak :hover existuje jen u odkazů - pokud nechcete být závislý na javascriptu)
Hostouat
Profil *
Tak v tom případě bych bral radši i ten javascript
ShiraNai7
Profil
Hostouat:
:hover jde na všechno v novějších prohlížečích (IE7+, atd)
V IE6 lze řešit pomocí javascriptu (s tímto řešením lze nadále používat :hover)
Hostouat
Profil *
Kde mám tedy problém, když v phpbb3 mám ten tag spoiler definován takto
<style>
#obal {color: #46132B;
background-color: #46132B; }
#obal :hover{color:red;}
</style>

<b>Spoiler</b>
<div id="obal">
{TEXT}
</div>


předpokládal bych, že po najetí myší se text změní na červenou a ono nic
ShiraNai7
Profil
Je třeba neudělat mezeru mezi #obal a :hover, protože pak to neznamená #obal, co má hover, ale prvek v obalu, co má hover.
#obal:hover{color:red;}
Hostouat
Profil *
A kdybych chtěl, aby se barva textu změnila až po kliknutí, to už by byl potřeba js asi co?
Bubák
Profil
Šlo by to i bez JS, ale v tomto případě by to bylo jako drbání levou nohou za pravým uchem, takže doporučuji JS, řešení najdeš na jpw.cz v javascriptové sekci.

<mimo-téma>
Nevím, nakolik je ukázka kódu zjednodušená, ale vhodnější než <b>Spoiler</b> bude použít odpovídající nadpis.
</mimo-téma>

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0