Autor | Zpráva | ||
---|---|---|---|
Furling Profil |
#1 · Zasláno: 26. 4. 2013, 08:35:01
Ahoj chtěl jsem udělat takový odkaz jako je tady www.elrevize.cz nic těžkého co se týče stylování. Jen by mě zajímalo jak se dá udělat ta čára mezi tím? Je to obrázek?
|
||
margin Profil * |
#2 · Zasláno: 26. 4. 2013, 09:12:14
Celé menu má opakující se pozadí http://www.elrevize.cz/images/bg-top-menu.png
Položky menu mají vpravo neopakující se pozadí http://www.elrevize.cz/images/separator-top-menu.png Nevýhodou tebou odkázaného menu je, že klikatelný je pouze text odkazu, nikoliv celá plocha položky. Nedostatek jde odstranit tím, že se odkazu dá float, pravý a levý padding, výška, a výška řádku (line-height) stejná, jako výška, což je starý trik na vertikální vycentrování jednořádkového textu. |
||
Furling Profil |
margin:
Já jsem ted nad tím koumal a vyřešil jsem to podobně....opakující se pozadí v menu...akorát u jednotlivých položek jsem ten obrázek nedal do pozadí ale vložil ho před text...nastavil jsem textu padding-top aby byl uprostřed, sice se posunul obrázek ale v css jsem nastavil margin pro obrázek -10px. Funguje mi celá plocha jako odkaz a je to pěkně vycentrované....no uvidím co se stane až to budu optimalizovat pro explorer :D |
||
Str4wberry Profil |
#4 · Zasláno: 26. 4. 2013, 09:35:48
Nesouvisí přímo z dotazem, ale zkuste neudělat stejnou chybu jako elrevize.cz, kde je menu bez načtených obrázků neviditelné.
|
||
Furling Profil |
#5 · Zasláno: 26. 4. 2013, 10:23:36
Str4wberry:
Myslíte to, že při velkém přiblížení zmizí menu? jak se tomu dá zabránit? Možná min_width? |
||
Str4wberry Profil |
#6 · Zasláno: 26. 4. 2013, 10:25:11
Bránit se tomu lze zadáním
background-color v barvě obrázku. :–)
|
||
Časová prodleva: 11 let
|
0