Autor | Zpráva | ||
---|---|---|---|
panvicka Profil |
#1 · Zasláno: 10. 12. 2008, 21:19:36
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 |
#2 · Zasláno: 10. 12. 2008, 21:46:22
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 |
#3 · Zasláno: 10. 12. 2008, 21:48:17
Zkusím děkuji :)
|
||
Miloš Profil |
#4 · Zasláno: 10. 12. 2008, 21:50:58
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 |
#5 · Zasláno: 10. 12. 2008, 21:57:41
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 |
#6 · Zasláno: 10. 12. 2008, 21:59:58
panvicka
„ takže to bude muset být block“ přesně tak. |
||
panvicka Profil |
#7 · Zasláno: 10. 12. 2008, 22:04:28
funguje to, díky
|
||
Bubák Profil |
#8 · Zasláno: 10. 12. 2008, 22:05:04
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.
|
||
Časová prodleva: 15 let
|
0