Obrázkové podtržení odkazu
Pokud chcete své stránky odlišit, oživit či dodat jim prvek, který se na jiných stránkách nevyskytuje, zkuste použít obrázkové podtržení odkazů. Jak na to vám poradí toto řešení.
Zde si můžete prohlédnout výsledek. Pro správnou funkci použijte obrázky podobné těmto: underline.gif a underline1.gif.
Toto řešení publikoval Stuart Robertson. Bližší popis najdete v článku CSS Design: Custom Underlines.
CSS
p
{
line-height: 1.5;
text-align:justify;
}
a
{
text-decoration: none;
background: url(underline.gif) repeat-x 100% 100%;
padding-bottom: 4px;
white-space: nowrap;
}
a:hover
{
background: url(underline1.gif) repeat-x 100% 100%;
}
XHTML
<html>
<body>
<p>
Lorem <a href=“#“>ipsum… </a>
</p>
</body>
</html>
Mohlo by vás také zajímat
-
-
Souboj na trhu s CPU pro servery: AMD vs. Intel
8. prosince 2023 -
Rychlost serveru: Klíč k lepšímu umístění ve vyhledávačích
7. června 2024 -
Šokující data od Microsoftu: Kyberútoky rostou o stovky procent!
8. listopadu 2024
Nejnovější
-
Kdo má nejrychlejší WordPress hosting v ČR?
18. března 2025 -
-
-
Milují Češi domény víc než pivo?
24. února 2025