Jump to content

Zerro76

Newbie
  • Posts

    8
  • Joined

  • Last visited

Everything posted by Zerro76

  1. Здравствуйте.Имеется три div'a , которые нужно расположить так , чтобы два блока , которые по бокам растягивались по мере уменьшения масштаба , а центральный оставался по середине и не тянулся , возможно такое дело осуществить? Вот пример , только здесь width указан точно в пикселях ; пробовал ставить width:100% не помогло ;( Заранее спасибо
  2. Всем спасибо за ответы ) .Все получилось
  3. Есть @charset "utf-8"; /* CSS Document */ .header { background: #000; width:1100px; height:150px; margin:auto; border:0px solid #000; -webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px; border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; z-index:2; } .headeron { border:0px solid #000; background-color:#FFF; width:1080; height:100px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index:5000; }? И <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Site</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body style="background: #933;padding:0;margin:0;height:100%;"> <div class="header"> <div class="headeron"> </div> </div> </body> </html> Нужно class .headeron сдвинуть сверху на 10px ,если добавить margin-top:10px к диву headeron , то сдвигается и .header .Мне нужно , чтобы header стоял на месте , по центру ,а headeron сдвигался .Пробовал добавить display:inline-block , но как мне тогда отцентрировать .header , т.к. он прижимается к левому краю ? P.S. С margin-top:10px С inline-block
  4. Тебе нужно , чтобы #post был внутри #header ?
  5. Вобщем все ,вопрос решен , пошаманил что-то сделал )) спасибо огромное Softlink .
  6. Вобщем сделал , почти , получилось так Как мне сдвинуть текст ? Пробую добавить в html это <td><div style="padding-top:5px;"><a href="/" class="nav"><span>Главная</span></div></a></td> Сдвигается картинка ____________________________________________________________________________________________________________ Пробовал добавить в css класс ".nav td" .nav td {padding:2px 2px 2px 2px;} и добавить потом в html к td <td class="nav"><div style="padding-top:5px;"><a href="/" class="nav"><span>Главная</span></div></a></td> Но так вообще картинка тянется и получается нечто ...Что сделал не так ?)
  7. А написать потом поверх этой картинки можно будет?)
  8. Вобщем есть две картинки button.png(просто фон кнопки) и hbutton.png(фон при наведении).Создал в css класс nav и написал еще два a.nav {background: url(../images/button.png) repeat-x 0px 1px ; width:100% ; height:46px ; margin:auto ;text-decoration: none;} a.nav:hover {background: url(../images/hbutton.png) repeat-x ;font-size:15px;color: #000;} А в html сделал так <div class="nav"> <table> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Главная</span></td></div> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Файлы</span></td></div> </table> </div> Вопрос собсвтенно в чем , полчилось так , то фон находиться только позади букв , короче вот Строго не судите по коду) т.к. только начал осваивать А да кстати вот сам класс nav .nav {background: url(../images/nav.png) no-repeat 0px 0px; width:1000px; height:50px ; margin:auto ; }
×
×
  • 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