Gintos

Учту замечание. А white-space:nowrap; и не понадобился.

В общем после 6 часов биения головой об стену все получилось. Вот какой всего получился код: #left_block { float:left; width:160px; margin-left:2px; padding:4px; border: 1px double #FC0; font-size:12px; } #left_block ul { list-style:none; margin:0px; padding:0px; } #left_block a { display:block; background-image:url(img/kn.gif); padding: 5px 0 8px 30px; text-decoration:none; text-align:left; color:#FFF; } #left_block a:hover { background-position: 0% -27px;} Всем спасибо! Если есть ошибки - пишите, но вроде все работает.

Все, сам разобрался)

В общем начал все с нуля. Сразу появляется вопрос. Вот код: <div id="left_block"> <ul> <li><a href="Home.html"><span>Главная</span></a></li> <li><a href="Home.html"><span>Образцы визиток</span></a></li> <li><a href="Home.html"><span>Цены</span></a></li> </ul> </div> #left_block { float:left; width:160px; border: 1px double #FC0; font-size:12px; } Как прижать ссылки к левому краю блока?

Да код то правильный, картинки же смотрели, без переноса нормально, че его дорабатывать то? Просто может какой строчки не хватает. Ладно забудьте, завтра сам буду разбираться. (И еще раз повторяю, что с white-space:nowrap; работает в IE а в Опере 10.51 не пашет вот код) /*Меню навигации левый блок*/ #left_block { float:left; display:block; width:160px; margin-left:2px; padding:4px; border: 1px double #FC0; font-size:12px; white-space:nowrap; }

Я пробовал с white-space:nowrap;, потом убрал его. Еще раз говорю,что в IE работает а в опере 10 нет, может можно заменить чем нибудь? За код извиняюсь

В общем - white-space:nowrap; работает только для IE, а для оперы нет. Может можно его чем нибудь заменить?

Слово влазит, даже если одну букву пишешь она все равно перенесется вниз, и неразрывный пробел пробовал - , и white-space:nowrap; пробовал, вообще никак на него не реагирует. Проблема в Опере, потомучто в IE нормально работает без всех вышеперечисленных советов. Вот код: <ul> <!-- CSS Tabs --> <li><a href="Home.html"><span>Главная</span></a></li> <li><a href="Home.html"><span>Образц визиток</span></a></li> <li><a href="Home.html"><span>Цены</span></a></li> </ul> Вот CSS к нему: /*Меню навигации левый блок*/ #left_block { float:left; display:block; width:160px; margin-left:2px; padding:4px; border: 1px double #FC0; font-size:12px; } #left_block ul { margin:0; padding:0px; } #left_block li { width:160px; display:block; margin:0; padding:0px; } #left_block a { float:left; display:block; background:url("img/kn.gif") no-repeat left top; padding:0px 100px 0px 0px; text-decoration:none; } #left_block a span{ float:left; display:block; padding:5px 100px 8px 35px; color:#FFF; text-decoration:none; } #left_block a:hover { background-position:0% -27px; } #left_block a:hover span { background-position:100% -24px; color: #000; }

Не правильно написал, исправил <li><a href="Home.html"><span>Образцы визиток</span></a></li> Может есть какие мысли как под оперу подогнать? Код CSS выше написан. Можт знаете че опера не воспринимает?

Исправил второй рисунок. Вот как с таким вариантом: <li><a href="Home.html"><span>Образцы визиток</span></a></li> меню3 Это в CSS скорее всего проблема (( Кстати счас заметил, в IE нормально, а в Опере глюк такой вылазит.

Для кода - <li><a href="Home.html"><span>Образцывизитоккккк</span></a></li> меню Для кода - <li><a href="Home.html"><span>Образцы визиток</span></a></li> меню2

Пробел в фразе "Образцы визиток" (в самом коде пробел ставлю). Второе слово слетает настроку ниже , как-будто на "ENTER" нажимаешь или как будто не влазит, а слитно, тогда все влазит (даже слово длиннее этой фразы) Подождите маленько, счас скриншот подготовлю и скину. Чтоб понятнее маленько было.

Не помогает.

<ul> <!-- CSS Tabs --> <li><a href="Home.html"><span>Главная</span></a></li> <li><a href="Home.html"><span>Образцы визиток</span></a></li> <li><a href="Home.html"><span>Цены</span></a></li> </ul> Вот где фраза "Образцы визиток". CSS к нему /*Меню навигации левый блок*/ #left_block { float:left; display:block; width:160px; margin-left:2px; padding:4px; border: 1px double #FC0; font-size:12px;} #left_block ul { margin:0; padding:0px; } #left_block li { width:160px; display:block; margin:0; padding0px; } #left_block a { float:left; display:block; background:url("img/kn.gif") no-repeat left top; padding:0px 160px 0px 0px; text-decoration:none; } #left_block a span{ float:left; display:block; padding:5px 160px 8px 35px; color:#FFF; text-decoration:none; } #left_block a:hover { background-position:0% -27px; } #left_block a:hover span { background-position:100% -24px; color: #000; }

Нет, все равно не получается ((