Autor Zpráva
markett
Profil
Hezký den, můžete mi prosím poradit někdo s tímhle? Potřebovala bych obrázek jako odkaz, který se po přejetí myši změní. Myslela jsem, že by to mělo jít níže uvedeným způsobem, ale nejde mi to a nevím proč. Můžete mi prosím někdo poradit?
Díky za případnou radu a přeju hezký den.


a.menici01
{
background-image: url("ranko01.gif")
}
a.menici01:hover
{
background-image: url("ranko02.gif")
}

a v html pak:

<A class="menici01" href="zij.html"></a>
Manq
Profil
markett
Není to tím, že je ten odkaz prázdný?
<a href="zij.html" class="menici01"><span>odkaz na zij.html</span></a>

do CSS přidej span {display:none;}

možná bude potřeba nastavit nějaký padding.
markett
Profil
Když do toho odkazu něco napíšu, tak se mi objeví text a obrázek pod tím se mění, ale jí bych to potřebovala bez toho textu...jde to vůbec v css?
markett
Profil
manq : tak to taky nejde, je tam pořád prázdno, po obrázku ani vidu ani slechu
Manq
Profil
markett
sakra, promiň.
místo display:none; napiš visibility:hidden;

Omlouvám se.
markett
Profil
Tak dobrý, už je tam aspoň kousek obrázku, jen na jedné řádce. Ještě to asi bude chtít něco.
Manq
Profil
markett
Nastav odkazu v CSS nějaký padding.
http://www.jakpsatweb.cz/css/padding.html
markett
Profil
Asi jsem teda natvrdlá, zkoušela jsem nastavit všemožně padding, ale obrázku už tam není ani ta jedna řádka...
Manq
Profil
markett
Pošli sem raději ten kód. A nastav odkazu ještě k tomu paddingu display:block;.
markett
Profil
Já to nastavovala blbě u toho a.menici01...tak teď už u toho a, jenomže nemůžu přijít na správnou kombinaci px, pořád tam je kousek vykousnutý...je na to nějaký systém? jako celý kód? to je děsně dlouhý...
markett
Profil
tak, když jsem přidala display : block, tak už je to dobrý, poslalo tě samo nebe :-)

díky moc, a přeju hezký den, markett :-)
Manq
Profil
markett
Raději tomu přidej ten display:block;
Nastavovat padding můžeš pro každou stranu zvlášť. I když u takovehleho odkazu by to nemělo dělat problém. Vykousnutý? tak nastav o pixel víc. Já nevím jak je ten obrázek velký.

Pročti si o paddingu http://www.jakpsatweb.cz/css/padding.html


EDIT: Nemáš zač.

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: