sIFR переводит слово на две строки?

Question

У кого-нибудь есть объяснения? Я пробовал установить ширину на #menu_wrapper ul li безрезультатно.

http://i31.tinypic.com/2vskbqu.png http://i31.tinypic.com/2vskbqu.png

Answer 1

sIFR ограничен шириной по ширине элемента, который вы заменяете. Если этот элемент плавает, ширина является фактической шириной текста HTML. Если шрифт Flash шире шрифта HTML, это означает, что текст Flash не будет соответствовать разрешенной ширине и будет разбит на несколько строк.

Возможные решения:

• Укажите letter-spacing для элементов списка, таким образом, что HTML текст будет настолько широк, как текст Flash-
• Установите forceSingleLine параметр для sIFR.replace() в true, с такой нижней стороне, что фильмы, флэш будет отображаться горизонтальное изменение размера по мере их инициализации.
• Объедините два решения, чтобы получить лучшую производительность инициализации и безопасность, которую текст никогда не будет разделен

Answer 2

SIFR вычисляет размеры элемента вы претендуете его. Плавающие элементы сжимаются и занимают только ширину, в которой ее необходимо отображать внутри текста.

Я предлагаю вам идентификатор для каждого из этой лилии, что-то вроде

li#nav-blog { width:200px; } 

Это даст вам более точный контроль над тем, сколько площадью каждые из этих списков нав элементы занимают, и больше пространства для SIFR в использовать.

Answer 3

Мое решение:

sIFR.replace(gothic, { 
    wmode: 'transparent', 
    forceSingleLine: true, 
    selector: '.quick-access li h2 a', 
    css: [ 
     '.sIFR-root { background-color: transparent; font-size:24px; color: #abaaab; text-align: center; cursor: pointer;}', 
     'a {background-color: transparent; font-size:24px; color: #abaaab; text-decoration:none; text-align: center; cursor: pointer;}', 
     'a:hover {background-color: transparent; font-size:24px; color: #77b100; text-decoration:none; text-align: center; cursor: pointer;}' 
     ], 
}); 

И CSS:

h2 { 
    font-size: 18px; 
    font-weight: normal; 
} 

h1, h2, h3, h4, h5, h6 { 
    line-height: 1.35; 
    margin: 0 0 5px; 
} 

*{ 
    margin: 0; 
    padding: 0; 
}