alex89

Подскажите как сделать сайдбар справа, при уменьшении этого параметра #contentwrap { background: #FFFFFF; border: 1px solid black; width: 770px; } сайдбар уходит под конент,вот css сайдбара /* SIDEBAR(S) */ .sidebaradbox { margin-top: 0px; text-align:center; } .ad125 { margin: 6px; } .sidebar { margin-left:20px; font-size: 15px; font-style: oblique; color: #0000ff; width: 310px; background: #fff; text-align: left; } .sidebar a { text-decoration: none; color: #6D6D6E; } .sidebar a:hover { text-decoration: underline; color:#0000ff; } www.pechati89.ru

нашел в практике уже, спасибо за наводку!

да вы правы!

Доброго времени суток! Хочу сделать карту сайта и смещение <ul type="square"> <li><a href="http://pechati89.ru/">Главная</a></li> <li><a href="http://pechati89.ru/?page_id=44">Заказать печать</a></li> <li><a href="http://pechati89.ru/?page_id=16">Контакты</a></li> <li><a href="http://pechati89.ru/?page_id=18">Карта сайта</a></li> <li><a href="http://pechati89.ru/?page_id=18">Документы</a></li> </ul> Как сделать смещение лесенкой, а у меня список в одну вертикальную линию!

цвет букв и разделителей менял в #pagemenu li { float: left; list-style: none; margin: 0px; padding: 0px; border-left: 1px solid #ff0000 } #pagemenu li:first-child { } Благодарю!!! Сайтвылазит справа от главной можно закрыть тему!

не могу догнать как добавить разделитель в меню после "карта сайта" сайт pechati89.ru #pagemenucontainer { height: 30px; padding: 0 8px 0 8px; background: #FFFFFF; margin-top: 4px; border: 1px solid #F3F4F5; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: left; } #pagemenu { height: 30px; float: right; } #pagemenu, #pagemenu ul { padding: 0; margin: 0; list-style: none; line-height: 1; } #pagemenu { margin-bottom: 1px; } #pagemenu ul { float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; } #pagemenu li { float: left; list-style: none; margin: 0px; padding: 0px; border-left: 1px solid #ff0000 } #pagemenu li:first-child { } #pagemenu ul li { list-style: none; margin: 0px; padding: 0px; } #pagemenu li a, #pagemenu li a:link { color: #ff0000; display: block; margin: 0 2px 0 2px; padding: 10px 12px 9px 12px; text-decoration: none; font-weight: bold; text-transform: uppercase; font-size: 12px; font-family: Arial, Helvetica, sans-serif; } #pagemenu li a:hover, #pagemenu li a:active{ color: #FFE4C4; display: block; text-decoration: none; background: #3B3B3E; } #pagemenu li.current_page_item a { color: #FFFFFF; text-decoration: none; background: #3B3B3E; } #pagemenu li:hover, #pagemenu li.sfhover { position: static; }

ну и помогите еще сейчас сдвинуть сайдбар влево, после изменений padding слева делаю больше и у меня сайдбар лезет на текст страницы белым фоном /* SIDEBAR(S) */ .sidebaradbox { margin-top: 0px; text-align:left; } .ad125 { margin: 6px; } .sidebar { padding: font-size: 15px ; color: #6D6D6E; width: 310px; background: #FFFFFF; } .sidebar a { text-decoration: none; color: #6D6D6E; } .sidebar a:hover { text-decoration: underline; color:#D75E86; } #search { border: 1px solid #F2F3F3; height: 28px; padding: 0px; background: url(images/search-bg.png) left top repeat-x; text-align: right; margin-top: 15px; } #search input { border: 0; background: none; color: #3F3F3F; } #s { width: 240px; padding: 4px; margin:2px 0 0 0; background: none; } #topsearch #search { margin: 4px 0 0 0; padding-right: 4px; } #topsearch #s { width: 218px; }

Вот сайт pechati89. как мне его сделать пошире? и грамотно сдвинуть сайдбар и контент? /* LAYOUT */ body { background: #FEFEFE; } #wrapper { background: url(images/wrapper-bg.jpg) center top no-repeat; } #container { width:1200px; margin:40px; } #contentwrap { background: #FFFFFF; } a { color: #000000; text-decoration: underline; } a:hover { color: #CF81A4; text-decoration: none; /* CONTENT */ #content { padding: 15px 5px 15px 0; color: #504D4D; } pre { overflow: hidden; width: 470px; } .post { padding:10px 0 10px 0; margin-bottom: 20px; } .post p { margin-bottom: 10px; и /* SIDEBAR(S) */ .sidebaradbox { margin-top: 10px; text-align:center; } .ad125 { margin: 6px; } .sidebar { padding:10%; font-size: 15px; color: #6D6D6E; } .sidebar a { text-decoration: none; color: #6D6D6E; } .sidebar a:hover { text-decoration: underline; color:#D75E86; }