SLameN

Проблема в том, что у меня картинка на фоне, а не заливка цветом. Если я пишу размеры, то текст пропадает, а если размеров нет, то картинка есть, но текста нет .nav_active { background-repeat: no-repeat; color: #333; position: relative; padding: 10px 20px;}.nav_active:before { display: block; position: absolute; content: ''; left: -10px; top: 6px; background: url('http://s014.radikal.ru/i329/1506/34/3659c0f8b5a9.png'); width: 241px; height: 48px;}

Что-то я торможу... картинка же на фоне, а я хочу текст поверх ее выводить Z-index низя никак разрулить? Больше нет вариантов?

Спасибо, а как прописать стили для текста? Если здесь прописать - nav_active и nav_active:before, не работает... И помогите, пжлст еще с вопросом №2

1. Как сделать чтобы у Заголовка - class="nav_active" был фон смещенный влево? <div id="nav_home" style="margin: 0;"> <ul> <li class="nav_active">Заголовок</li></li> <li><a href="#">Тест1</a></li> </ul> </div> <div id="nav_home" style="margin: 0;"> <ul> <li class="nav_active">Заголовок</li></li> <li><a href="#">Тест1</a></li> </ul> </div>#nav_home { border: 0px solid #ccc; float: left; list-style: none; font-family: Trebuchet MS; font-size: 13px; width: 229px; margin: 0 17px 20px 0px; height: 300px;} .nav_active { background-repeat: no-repeat; color: #fff; padding: 5px 20px; } #nav_home ul { display: inline-block; } #nav_home li { float: left; position: relative; display: block; text-align: left; margin: 0 0 1px -40px; width: 229px; } #nav_home li a { display: block; color: #333; background-repeat: no-repeat; background-position: right; background-color: #eee; text-decoration: none; padding: 10px 20px;#nav_home li a:hover, a:active, a:focus { background: url("../img/hover.png") left center no-repeat,url("../img/hover2.png") right center no-repeat; background-color: #31b8da; color: #fff;} 2. Теперь при нажатии на другие ссылки применяется стиль #nav_home li a:hover, a:active, a:focus. Как отменить этот стиль на другие ссылки?

<div id="con"><h1>Не работает в IE9</h1></div>#Con h1 { font-family: Verdana; font-size: 18px; background-color: #33aaeb; padding: 10px 20px; color: #000000;}Не работает в IE, в остальных браузерах норм. В чем проблема?

Как сделать #p_wrp не прозрачным? Значение z-index не помогает #p_wrp { background-color: #000000;height: 300px;width: 100%;}#con {opacity: 0.9; filter: alpha(Opacity=70); z-index: 2;height: 300px;width: 100%;}<div id="con"><div id="p_wrp"></div></div>

http://jsfiddle.net/V3f36/ Как сделать, чтобы div - left не растягивался по всей ширине, а переносил текст согласно размеру 100px.

А как сделать, чтобы блок растягивался и влево и вправо? В табличном варианте будет выглядеть так: <div class="comLine"> <table style='margin: 0 auto;'> <tr> <td>dfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdf</td> </tr> </table></div>

В этом случае, текст начинается с центра и на право растягивается

Как выронить comLine2 внутри блока comLine? При этом, чтобы текст начинался не с центра, а сам блок был по центру? <div class='comLine'> <div class="comLine2"> sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf </div></div>.comLine { width: 1000px; margin: 0 auto; } .comLine2 { outline: 1px solid red; width: 100px; }

Спасибо, разобрался, проблема была вообще в другом... binomer был прав, в позиционировании забыл задать ширину и высоту

Больше нигде нет больше 1000px; Мое разрешение - 1600px body { background: url('../img/bg_bod.png') no-repeat; background-position: center top; background-color: #a1caea;}.wrp { width: 1000px; margin: 0 auto;}

Фон нормальный, но скролл все равно есть...

background: url('../img/bg_bod.png') no-repeat;background-size: cover;max-width: 1912px;min-width: 1000px;Не получается... Вот ссылка на мой фон

Предложили такое: position:fixed, фон встал хорошо, но мой wpr встал по левому краю, свойства такие - margin: 0 auto И какая будет минимальная и максимальная?