Jump to content

SLameN

User
  • Posts

    37
  • Joined

  • Last visited

Everything posted by SLameN

  1. Проблема в том, что у меня картинка на фоне, а не заливка цветом. Если я пишу размеры, то текст пропадает, а если размеров нет, то картинка есть, но текста нет .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;}
  2. Что-то я торможу... картинка же на фоне, а я хочу текст поверх ее выводить Z-index низя никак разрулить? Больше нет вариантов?
  3. Спасибо, а как прописать стили для текста? Если здесь прописать - nav_active и nav_active:before, не работает... И помогите, пжлст еще с вопросом №2
  4. 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. Как отменить этот стиль на другие ссылки?
  5. <div id="con"><h1>Не работает в IE9</h1></div>#Con h1 { font-family: Verdana; font-size: 18px; background-color: #33aaeb; padding: 10px 20px; color: #000000;}Не работает в IE, в остальных браузерах норм. В чем проблема?
  6. Как сделать #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>
  7. http://jsfiddle.net/V3f36/ Как сделать, чтобы div - left не растягивался по всей ширине, а переносил текст согласно размеру 100px.
  8. А как сделать, чтобы блок растягивался и влево и вправо? В табличном варианте будет выглядеть так: <div class="comLine"> <table style='margin: 0 auto;'> <tr> <td>dfdfdfdfdfdfdfdfdfdfdfdfdfdfdfdf</td> </tr> </table></div>
  9. В этом случае, текст начинается с центра и на право растягивается
  10. Как выронить comLine2 внутри блока comLine? При этом, чтобы текст начинался не с центра, а сам блок был по центру? <div class='comLine'> <div class="comLine2"> sdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdfsdf </div></div>.comLine { width: 1000px; margin: 0 auto; } .comLine2 { outline: 1px solid red; width: 100px; }
  11. SLameN

    Фон

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

    Фон

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

    Фон

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

    Фон

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

    Фон

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

    Фон

    Эм... вообще фон пропал) Мое разрешение - 1600
  17. SLameN

    Фон

    Имеется картинка с размером: 1912 на 545. В середине 1000px занимает сайт (просто прозрачный фон на картинке), а остальные 912px это фон (бока от середины). Как мне эти бока прижать к сайту? Картинку могу разбить на 2 части если нужно. Как сделано сейчас background-image: url('../img/bg_bod.png');background-repeat: no-repeat;background-position: center top;Почему не верно? Появляется нижний, горизонтальный скролинг до конца фона картинки... Можно конечно: overflow-x:hidden, но не хочется этого делать Верстка выполнена div. Как убрать скролл?
  18. Есть таблица в mysql с полями: id, Имя, Должность и она заполнена так: 1, Иван, Директор 2, Евгений, Оператор 3, Родион, Оператор Задача заключается в следующем: Как вывести из базы всех у кого должность Оператор? Можно было бы перечислить нужные id и все, но у меня много таких id и я думаю есть способ получше. Заранее спасибо
  19. Можете на примере показать, куда и как ее вставлять? а это что означает?
  20. Английские символы вставил, значит проблема в кодировке... Через notepad++ сделал кодировку в UTF-8 все получилось, спасибо всем за советы!
  21. Типы полей: Что в итоге базы:
  22. Пытаюсь занести новые данные в mysql, в итоге в базу все идет, но только без текста, все пусто. В чем может быть косяк? <?php $db = mysql_connect("localhost","all","12345"); mysql_select_db("php_test",$db); $result = mysql_query ("INSERT INTO firma (lastname,name,dol) VALUES ('Клевцов','Андрей','Крышник')"); if ($result == 'true') { echo "Успех!"; } else { echo "Косяк!"; } ?>
  23. Как должно быть в идеале (разрешение 1600):
  24. Получилось, но теперь блок main стал по левому краю. Это из-за float:left? И как исправить его по центру? .page { width:1200px; min-width:1200px; } #main { margin: 0px auto; border: solid 1px #cacaca; min-width:1000px; width:1000px; border-radius: 0px 0px 6px 6px; float:left; } #chat { width:200px; float:right; }
  25. Html <div id="main"></div> <div id="chat"></div> CSS #main { margin: 0px auto; min-width:1000px; } #chat { min-width:240px; position: absolute; top: 20px; right: 5px; }
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy