ahoj,

mam link ktory ma hover.

.nav-main-header a:hover,
.nav-main-header a:focus,
.nav-main-header a.active {
color: #555555;
font-weight:bold;
overflow:hidden;

tym ze je tam bold, roztahuje mi sirku pisma tym posuva linky co su vedla, na to by mal sluzit overflow:hidden;

ked nastavim pevnu sirku, vsetko je v poriadku, ale ja nechcem nastavovat pevnu sirku (width:100px; )

nejake rady ako zabranit overflowu pri bolde na hoveri?

nepouzivat bold na hover.. na hover mozes pouzit kopu inych efektov, bold sa nepouziva presne kvoli tomu co popisujes.

tu mas nejake moderne inspiracie:
http://tympanus.net/Development/CreativeLinkEffects/

dakujem

ale predsa len su na to nejake triky. aby som ta nezavadzal:

http://jsfiddle.net/85LbG/

pointa je, ze sa ako after element pouzije bold text, zobrany z title atributu, ktory natiahne ten content o tolko kolko treba no ale pri tom je neviditelny, a teda na hover to uz neskoci.

Len to stale vyzera jak sa to zvacsuje a zmensuje... Ak chces efekt boldu, to uz skor shadow.