Obrázek jako odkaz – CSS – Fórum – Programujte.com

Zdravím, chci využit obrázek jako odkaz, ale setkal jsem se s problémem.

Nejprve vám sem hodím kód:

.uvod a {
color: white;
font-style: bold;
text-decoration: underline;
background-image: url(uvod_str.png);
}
.uvod a:hover {
color: white;
font-style: bold;
text-decoration: underline;
background-image: url(uvod_str_hover.png);             
}
<span class="uvod"><a rel="nofollow" href="#"></a></span>

Problém je, že se mi ten obrázek nezobrazí, musím něco napsat mezi <a></a>. Pokud tam dám obrázek "uvod_str.png", tak tam sice je, ale hover se udělá pod ním, zkrátka to nadělá paseku. (http://serious-company.posterus.cz/michael/)..

Děkuji :)

pouzivas ten obrazek pouze jako pozadi, takze kdyz mezi tagy <a></a> nic nenapises, tak nema zadnou velikost a tudiz ani pozadi....

bud nastav <a> velikost jakou potrebujes a nebo vloz obrazek tagem <img> a prepinani res napr. pomoci javascriptu

nebo použij nějakou z metod nahrazování textu obrázkem

http://www.mezzoblue.com/…replacement/