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

[Gintos]

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

[Gintos]

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

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

Да код то правильный, картинки же смотрели, без переноса нормально, че его дорабатывать то? Просто может какой строчки не хватает. Ладно забудьте, завтра сам буду разбираться. (И еще раз повторяю, что с 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;

	}

Edited April 24, 2010 by Gintos

[mishka]

доктайп есть?

ты понимаешь что пишешь?

float:left;

display:block; - зачем одновременно и флоат и display:block; ?

#left_block li {

width:160px; ширина и так 160 будет, по ширине родителя, зачем ее еще задавать?

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;

}

поставь фаербаг мозилле и там все увидишь.

white-space:nowrap; 100% работает при доктайпе, без доктайпа не проверял, и даже нехочется проверять это.

#left_block a:hover span {
	background-position:100% -24px;
}

Почему ты при ховере делаешь спану background-position:100% -24px; я по коду нигде не увидел чтобы там был бг картинкой

Короче ошибок немало.

Поставь это и будет все ок.

#left_block a {
	white-space:nowrap;
}

Edited April 24, 2010 by mishka2

[Gintos]

В общем начал все с нуля. Сразу появляется вопрос.

Вот код:

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

Как прижать ссылки к левому краю блока?

[Gintos]

В общем начал все с нуля. Сразу появляется вопрос.

Вот код:

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

Как прижать ссылки к левому краю блока?

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

[Gintos]

В общем после 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;}

Всем спасибо!

Если есть ошибки - пишите, но вроде все работает.

Edited April 25, 2010 by Gintos

[mishka]

Вот совсем другое дело.

Есть маленькое замечание если чтото ставишь 0 то необязательно размерность указывать.

Тоесть margin:0; вполне достаточно, пикселя ненужны.

А что white-space:nowrap; уже непонадобился?

[Gintos]

Вот совсем другое дело.

Есть маленькое замечание если чтото ставишь 0 то необязательно размерность указывать.

Тоесть margin:0; вполне достаточно, пикселя ненужны.

А что white-space:nowrap; уже непонадобился?

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