Autor Zpráva
SeRIoZ
Profil
Dobrý den,
mam takový problém ohledně CSS.
...udělal jsem si změnu obrázků v menu s pomocí CSS

<style type="text/css">
a {display:block; width:119px; height:31px; overflow:hidden;}
a:hover {text-indent:-119px;}
a img {border:none;}
</style>

vše fungovalo. Ale teď jsem začal přidávat další obrázky-odkazy, a tenhle styl se slučuje i s nimi a zadává obrázkům velikosti 119x31px a kazí jim jejich správnou funkci ... jestli rozumíte :) .

Tak bych se chtěl zeptat jak styl nějak "omezit", aby styl fungoval jen v menu.

Vysvětlete mi to prosim nějak polopaticky a jednoduše, protože se v tom moc nevyznám :D

Díky předem ... a prosím docela to spěchá
KGW
Profil
Myslíš něco jako
menu a
Tíša
Profil *
V HTML do toho menu přidej id="neco" a v CSS nahrad a za #neco.

Tj. výsledek by mohl vypadat třeba takhle:

HTML:
<a href="cesta..." id="odkaz-v-menu">odkaz</a>


CSS:
#odkaz-v-menu { display:block; width:119px; height:31px; overflow:hidden; }
#odkaz-v-menu:hover { text-indent:-119px; } 
#odkaz-v-menu img { border:none; }


A podle toho jak píšeš, tak si přečti kapitoly pojednávající o identifikátorech a třídách taky na www.jakpsatweb.cz v části CSS.
SeRIoZ
Profil
Super :D ... diky moc . tomu řikam rychlost :D .. jo a určitě si něco o tom přečtu. S webovkama se zabývam teprv asi 3 týdny tak sem toho moc nestihnul :D ... každopádně díky moc

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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