Zerro76
-
Posts
8 -
Joined
-
Last visited
Zerro76's Achievements
Explorer (1/14)
0
Reputation
-
Здравствуйте.Имеется три div'a , которые нужно расположить так , чтобы два блока , которые по бокам растягивались по мере уменьшения масштаба , а центральный оставался по середине и не тянулся , возможно такое дело осуществить? Вот пример , только здесь width указан точно в пикселях ; пробовал ставить width:100% не помогло ;( Заранее спасибо
-
Всем спасибо за ответы ) .Все получилось
-
Есть @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
-
DIV "вываливается" за пределы родительског DIV
Zerro76 replied to TrueTrue's question in HTML Coding
Тебе нужно , чтобы #post был внутри #header ? -
Как сделать кнопку при наведении которой она будет менять картинку?
Zerro76 replied to Zerro76's question in HTML Coding
Вобщем все ,вопрос решен , пошаманил что-то сделал )) спасибо огромное Softlink . -
Как сделать кнопку при наведении которой она будет менять картинку?
Zerro76 replied to Zerro76's question in HTML Coding
Вобщем сделал , почти , получилось так Как мне сдвинуть текст ? Пробую добавить в 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> Но так вообще картинка тянется и получается нечто ...Что сделал не так ?) -
Как сделать кнопку при наведении которой она будет менять картинку?
Zerro76 replied to Zerro76's question in HTML Coding
А написать потом поверх этой картинки можно будет?) -
Как сделать кнопку при наведении которой она будет менять картинку?
Zerro76 posted a question in HTML Coding
Вобщем есть две картинки 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 ; }