Autor Zpráva
jemn
Profil *
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
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 *
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
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 marginem (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
Jeden postarší článek na toto téma:
http://dero.name/weblog/kdyz-pri-hover-meni-text-svoji-sirku/

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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