Autor | Zpráva | ||
---|---|---|---|
jemn Profil * |
#1 · Zasláno: 27. 7. 2014, 18:11:28
Zdravím, mám takový problém. Mám vytvořené menu v ul seznamu standardním Regular fontem s tím, že při hoveru by se mělo změnit na tučné. Problém je, že při této změně menu poskočí, jelikož se posune, kvůli změně šířky fontu.
Co s tím a jak to udělat, aby k tomu nedocházelo? Díky za pomoc. Naše jsem na netu nějaké řešení pomocí JS, ale rád bych to vyřešil nejlépe jen pomocí html a css. |
||
sjiamnocna Profil |
#2 · Zasláno: 27. 7. 2014, 18:32:48
Ahoj, podívej se, jestli nepoužíváš u jednotlivých položek (<li>) nějaký padding anebo margin. Také zkus zrušit marginy u textů a dej je na auto. Já vždycky dávám odkazy na w:100% a h:100% a dávám padding, aby bylo možné kliknout na celou plochu (kdo ví, jestli je to správně :)). Zruš obojí pro <li>, a vycentruj si text odkazu. Máš nastavenou pevnou výšku (height) u položek <li>? Zkus si pohrát s overflow, a to bude asi poslední z mých amatérských teoretických rad :)
|
||
jemn Profil * |
#3 · Zasláno: 27. 7. 2014, 19:40:04
No potřebuji prostor mezi odkazy, takže padding a margin tam mám.
Asi jsem to špatně popsal, ten posun je jakoby po vodorovné ose x, kvůli tomu, že se změní tloušťka písma. Zajímavé je, že se to děje jen u standardních fontů jako arial, tahoma atd. Při použití font-face jsem se s tím nikdy nesetkal. Co s tím? |
||
Str4wberry Profil |
#4 · Zasláno: 27. 7. 2014, 19:58:20
Jak už bylo řečeno, řešení je:
1) Vyhradit pro každý odkaz místo: Živá ukázka 2) Srovnat rozšíření odkazu záporným margin em (to může být docela oříšek): Živá ukázka
3) Použít jiné zvýraznění, třeba přes text-shadow : Živá ukázka
|
||
Bubák Profil |
#5 · Zasláno: 27. 7. 2014, 22:55:38
Jeden postarší článek na toto téma:
http://dero.name/weblog/kdyz-pri-hover-meni-text-svoji-sirku/ |
||
Časová prodleva: 10 let
|
0