Autor Zpráva
obin_
Profil
Původně jsem myslel že to pojede, ale ono ne.
1. nevím, jestli a:hover není prasárna, ale nevím, jak to jinak nahradit
2. při najetí myší na odkaz se sice zobrazí menusel.gif, ale jen jako pozadí textu (zkoušel jsem to jako odkaz dát cele <a href="#"><li>menuitem... ale nev9m, jestli to taky není prasárna a stejně to nefunguje)
3 poraďte pls, jak to přepracovat

style.css

.menu li{
padding: 3px;
text-align: left;
background-image: url("images/menu.gif");
list-style-type: none;
}

.menu a:hover {
background-image: url("images/menusel.gif");
}

index.php

<ul class="menu">
<li><a href="#">menuitem 1</a></li>
<li><a href="#">menuitem 2</a></li>
</ul>
tiso
Profil
http://wellstyled.com/css-replace-text-by-image.html
obin_
Profil
děkuju, ale chtěl bych využít seznamy, tedy UL, LI. Ne to vytvářet pomocí divu a spanu
tiso
Profil
obin_ - nikto Ti ich nebráni použiť, ale ten span potrebuješ - ul/li/a/span Máš 2 možnosti - nezobrazovať text odkazu, alebo prekryť text odkazu obrázkom. Obe sú popísané v tom návode.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: