При пробеле слетает слово

[Gintos]

В боковой менюшке ставлю пробел между словами а слово слетает на строку ниже. Если пишу слитно (даже если слово больше) все слово влазиит. А если поставлю хотя бы одну букву через пробел она слетает на строку ниже.

[psywalker]

Используй невидимый пробел.

[Gintos]

Точно! Я и недодумался ))

[psywalker]

Точно! Я и недодумался ))

А мы на что?

[Gintos]

Точно! Я и недодумался ))

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

[psywalker]

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

Почему?

Покажи код.

[Gintos]

Почему?

Покажи код.

<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;

}

[psywalker]

А пробел ты откуда берёшь?

[sigma77]

Gintos,

Попробуй white-space: nowrap

Неразрывный пробел:

Т.е.

Образцы визиток

Edited April 24, 2010 by sigma77

[Gintos]

Gintos,

Попробуй white-space: nowrap

Не помогает.

[psywalker]

Не помогает.

Бери пробел из винды, таблица символов!

[Gintos]

А пробел ты откуда берёшь?

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

Подождите маленько, счас скриншот подготовлю и скину. Чтоб понятнее маленько было.

[psywalker]

Да ты с винды пробелы берёшь? Таблица символов?

[Gintos]

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

меню

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

меню2

Edited April 24, 2010 by Gintos

[sigma77]

Gintos,

С твоими стилями:

[psywalker]

1) Второй рисунок не открывается, ошибка

2) Открываешь Таблицу символов в винде, знаешь такую? Пуск > Таблица символов.

Далее там есть пустые клетки, это и есть пробелы, копируешь и вставляешь у себя между слов. ВСё

[Gintos]

1) Второй рисунок не открывается, ошибка

2) Открываешь Таблицу символов в винде, знаешь такую? Пуск > Таблица символов.

Далее там есть пустые клетки, это и есть пробелы, копируешь и вставляешь у себя между слов. ВСё

Исправил второй рисунок.

Вот как с таким вариантом:

<li><a href="Home.html"><span>Образцы визиток</span></a></li>

меню3

Это в CSS скорее всего проблема ((

Кстати счас заметил, в IE нормально, а в Опере глюк такой вылазит.

Edited April 24, 2010 by Gintos

[psywalker]

Исправил второй рисунок.

Вот как с таким вариантом:

<li><a href="Home.html"><span>Образцы визиток</span></a></li>

меню3

Это в CSS скорее всего проблема ((

Кстати счас заметил, в IE нормально, а в Опере глюк такой вылазит.

Странная тема дружище выходит.

[Gintos]

Странная тема дружище выходит.

Не правильно написал, исправил

<li><a href="Home.html"><span>Образцы визиток</span></a></li>

Может есть какие мысли как под оперу подогнать? Код CSS выше написан. Можт знаете че опера не воспринимает?

Edited April 24, 2010 by Gintos

[mishka]

Вобщет слово переносится на новую строку потому что невлазит по ширине. И почемуто странно что непомог совет sigma77 поставить неразрывный пробел.

Также странно что непомогло white-space:nowrap;

либо ты его просто проигнорировал, либо чтото делаешь не так.

Давай код.

Edited April 24, 2010 by mishka2

[psywalker]

Вобщет слово переносится на новую строку потому что невлазит по ширине. И почемуто странно что непомог совет sigma77 поставить неразрывный пробел.

Также странно что непомогло white-space:nowrap;

либо ты его просто проигнорировал, либо чтото делаешь не так.

Давай код.

Я о том-же

[Gintos]

Вобщет слово переносится на новую строку потому что невлазит по ширине. И почемуто странно что непомог совет sigma77 поставить неразрывный пробел.

Также странно что непомогло white-space:nowrap;

либо ты его просто проигнорировал, либо чтото делаешь не так.

Давай код.

Слово влазит, даже если одну букву пишешь она все равно перенесется вниз, и неразрывный пробел пробовал -  , и 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;

}

[Gintos]

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

[mishka]

Какойто замкнутый круг.

Чтото я неувидел тут white-space:nowrap;

Также просьба - вставляй код нормально, так вот:

<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>

[Gintos]

Какойто замкнутый круг.

Чтото я неувидел тут white-space:nowrap;

Также просьба - вставляй код нормально, так вот:

<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>

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

За код извиняюсь

[mishka]

поверь у меня и опера10.51 и ие6-7-8 и сафари и хром... ну все что актуально, да и я сам знаю как это работает и в каких браузерах. Все работает и везде, в опере так и подавно.

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