revered

Рейтинг
131
Регистрация
03.08.2012

Так как можно выравнить по центру? Похоже никак? прописать width и пускай будет примерно по центру?

Спасибо большое:) Очень помогли!

т.е. по принципу:

<div id="1'></div>

<div id='2'>Текст комента....</div>

<div id='3'></div>

В див 1 помещаем картинку-шапку, в 2 помещаем текст и делаем картинку repeat-y, ну и в 3 помещаем картинку футер...

Правильно?

---------- Добавлено 26.11.2013 в 23:34 ----------

cssdec:
Нужно создать отдельный блок по размерам стрелочки. Стрелочку сделать фоном этого блока, а потом позиционировать его в нужном месте.

Сейчас попробую так..)

Спасибо большое, очень помогли!:)

А че то код показывать, обычный ul список..

<ul>

<li>text....</li>
<li>text.....</li>
</ul>

В общем говоря, мне нужно сверстать то что вы видели на картинки. Я не знаю только как эту ленточку прикрепить по нормальному... А все остальное - уже сделал. Там ленточка как бы вылазиет за рамку, а у меня обрезается по рамки.

Без дива не получиться, т.е. используя только ul?

Все равно не работает:( Не ровно по центру... он просто принимает width:650px и все... хотя там меньше гараздо

сайт не получиться посмотреть, на данвере:( Да для content указан float:left;

пробовал указывать и min и max нечего не получается... если указать max-width:500px; допустим, то просто блок становиться 500 и в итоге не по центру выравнивается...

Не помогло:(

Вот ccs код целиком:

.navigation {
margin:0 auto;
margin-top:40px;
height:42px;
min-width:1px;
}
.div_previous {
background:url(images/bg_navigation_1.png) no-repeat;
width:40px;
height:36px;
float:left;
}
.div_next {
background:url(images/bg_navigation_3.png) no-repeat;
width:40px;
height:36px;
float:left;
}
.navigation a {
display:inline-block;
font-size:14px;
color:#f45100;
border-right:1px solid #cfc8bc;
float: left;
padding: 6px 8px;
margin-top: 6px;
text-decoration:none;
}
.navigation a:hover, .navigation a.activ {
background-color:#aac32e;
}
.navigation a.previous {
width:35px;
height:28px;
background:url(images/navigation_1.png) no-repeat center;
margin: 6.5px 0 0 6px;
padding: 0;
}
.navigation a.previous:hover {
background:url(images/navigation_1_hover.png) no-repeat center;
}
.navigation a.next {
width:35px;
height:28px;
background:url(images/navigation_2.png) no-repeat center;
border:none;
float:right;
padding:0;
margin: 6.5px 6px 0px 0px;
border-left:1px solid #cfc8bc;
}
.navigation a.next:hover {
background:url(images/navigation_2_hover.png) no-repeat center;
}
.nav_center {
float: left;
background:url(images/bg_navigation_2.png) repeat-x;
}
Всего: 350