В общем говоря, мне нужно сверстать то что вы видели на картинки. Я не знаю только как эту ленточку прикрепить по нормальному... А все остальное - уже сделал. Там ленточка как бы вылазиет за рамку, а у меня обрезается по рамки.
пробовал указывать и min и max нечего не получается... если указать max-width:500px; допустим, то просто блок становиться 500 и в итоге не по центру выравнивается...
Так как можно выравнить по центру? Похоже никак? прописать width и пускай будет примерно по центру?
Спасибо большое:) Очень помогли!
т.е. по принципу:
<div id="1'></div>
<div id='2'>Текст комента....</div>
<div id='3'></div>
В див 1 помещаем картинку-шапку, в 2 помещаем текст и делаем картинку repeat-y, ну и в 3 помещаем картинку футер...
Правильно?
---------- Добавлено 26.11.2013 в 23:34 ----------
Нужно создать отдельный блок по размерам стрелочки. Стрелочку сделать фоном этого блока, а потом позиционировать его в нужном месте.
Сейчас попробую так..)
Спасибо большое, очень помогли!:)
А че то код показывать, обычный ul список..
В общем говоря, мне нужно сверстать то что вы видели на картинки. Я не знаю только как эту ленточку прикрепить по нормальному... А все остальное - уже сделал. Там ленточка как бы вылазиет за рамку, а у меня обрезается по рамки.
Без дива не получиться, т.е. используя только ul?
Все равно не работает:( Не ровно по центру... он просто принимает width:650px и все... хотя там меньше гараздо
сайт не получиться посмотреть, на данвере:( Да для content указан float:left;
пробовал указывать и min и max нечего не получается... если указать max-width:500px; допустим, то просто блок становиться 500 и в итоге не по центру выравнивается...
Не помогло:(
Вот ccs код целиком:
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;
}