Zvýraznění odkazů
01. 10. 2005 | Redakce Interval.cz | Pro CSS | Komentáře: 0
Zvýraznění odkazů při najetí kurzorem na odstavec.
Pro správnou funkci v MSIE je třeba do kořenového adresáře stránky umístit soubor hover.htc. Zde si můžete prohlédnout výsledek.
Toto řešení publikoval Janos Horvath. Bližší popis najdete v článku Hover emulation for IE5+.
CSS
body
{
background-color:white;
color:black;
font:12px/18px arial, sans-serif;
padding-left:100px;
}
h1
{
font-size:18px;
}
a
{
text-decoration:none;
color:blue;
}
div.obsah:hover, div.obsahHover p
{
color:silver;
}
div.obsah:hover p a, div.obsahHover p a
{
text-decoration:underline;
}
div.obsah
{
background-color:white;
behavior:url(hover.htc);
}
XHTML
<html>
<body>
<div class="obsah">
<h1>Lorem ipsum</h1>
<p>
Lorem ipsum dolor sit amet <a href="#">Zvýrazněný odkaz</a> consectetuer adipiscing elit.
</p>
</div>
</body>
</html>
Další aktuální články na interval.cz
- Chamurappiho Webylon: čtyři články s kritikou W3C
- Nenápadný cloud: synchronizace dat z prohlížečů
- Pozvánka: Random Hacks of Kindness 2012
- Zajímavost o češtině pro redakční systém WordPress
- Pozvánka na konferenci o vyhledávačích zboží 2012
Tematicky související články
- Obrázkové podtržení odkazu
- Hover efekt pro seznam odkazů
- Změna barvy odstavce
- Vertikální hover menu
- Hover menu
Dejte vědět i ostatním o článku
Diskuse (počet komentářů: 0)
Buďte prvním návštěvníkem, který přidá nový komentář.
