Autor Zpráva
panvicka
Profil
Zdravím, mám problém ale nevím jestli ho dokážu dostatečně inteligentně popsat.

Chci pod odkazem obrázek, který se změní, když bude odkaz aktivní.
Když dám

#menu a {
background-image: url("img/alone_off.png");
}


tak se nacpe malinká část obrázku pod odkaz...

nastavila jsem tedy obrázek <li> nebo <div>, což fungovalo ale mělo to drobnou vadu. Chci pomocí php zvýrazňovat aktivní stránku.

if ($page=='index') echo " class='aktivni'";
echo "><a href='index.php?page=index'>Main</a></li>\n";
echo "<li"; 


takže potřebuji do
a:hover dát změněný obrázek, ale jak říkám, je malý nacpaný jenom pod tím textem...

zkouším margin, padding, velký znak v barvě pozadí (fungovalo, ale připadala jsem si jako idiot)...

prostě jak vložit odkazu pozadí větší než je on sám? Nebo něco jiného?


Děkuji za odpověď.
igamenir
Profil
můžeš nastavit odkazu blokové zobrazení a pak si ho nastavuj dle libosti jako div
[pre]
#menu a {
display: block;
background-image: url("img/alone_off.png");
}
samozřemně blok sebou nese další problémy, jako že nebude v textu... ale to už musíš řešit sám v konkrétních případech
panvicka
Profil
Zkusím děkuji :)
Miloš
Profil
Odkaz musí bát minimálně tak vysoký, jak je vysoký obrázek.
Můžeš na to jít buď přes height, nebo přes line-height.
Přičemž height nemůžeš nastavit odkazu (a), je-li řádkovým prvkem, neboli je třeba ho přetypovat na block (a pak by sám neměl být v jiném řádkovém prvku).
panvicka
Profil
Jo jo, na výšku až se tam vejde, na šířku stále ne...

nic jako line-width zřejmě není, takže to bude muset být block, že ano?
Miloš
Profil
panvicka
takže to bude muset být block
přesně tak.
panvicka
Profil
funguje to, díky
Bubák
Profil
Možná tě zmátlo line-height. Kombinaci stejné height a line-height jde totiž použít na vertikální vycentrování textu, příklad.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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