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>
Předchozí článek
Cross-page Postback v ASP.NET 2.0
Další článek
zonglovani
Mohlo by vás také zajímat
-
Webový správce souborů Filestash – dojmy a recenze
29. července 2024 -
Jak nainstalovat šablonu ve WordPressu
23. července 2024 -
-
Google Chrome nyní mění kompromitovaná hesla – jak to funguje?
28. května 2025
Nejnovější
-
-
-
-
Trendy podzimní barvy pro váš web
20. října 2025