Obrázkové podtržení odkazu

1. června 2006

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

Nejnovější

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Vyžadované informace jsou označeny *