-1

Как сделать длинную шапку для сайта только не картинкой. Просто сплошной синий цвет.

2 ответа 2

3

Вот Вам рабочий пример - http://jsfiddle.net/Alex83/25StW/

<div class="header">Шапка сайта</div>

.header {
   width: 100%;
   background: blue;
   color: #fff;
   text-align: center;
   font: bold 25px Arial;
}

Вот Вам отличный учебный сайт - http://htmlbook.ru/ (чтобы не задавали таких вопросов...)

8
  • Как бы такую шапку и я сделать могу ))) Но она не прижата к верху
    – Vlmake
    29 дек 2012 в 17:27
  • Что Вы имеете ввиду? Возможно у Вас не убраны дефолтные стили. Чтобы это исправить, перед правилом CSS напишите следующее: * { margin: 0; padding: 0; } Вот пример = jsfiddle.net/Alex83/25StW/2
    – Astor
    29 дек 2012 в 17:30
  • Если опять не то, то давайте Ваш код посмотрим. Выложите на jsfiddle.net
    – Astor
    29 дек 2012 в 17:33
  • Спс всё робит у меня ещё вопрос как прижать элемент к низу?
    – Vlmake
    29 дек 2012 в 17:36
  • Какой элемент и к низу чего? Если необходимо прижать footer к низу страницы, то вот вам урок на эту тему - zvirec.com/view_post.php?id=50
    – Astor
    29 дек 2012 в 17:38
0

height еще добавить и все будет класс)

4
  • А что бы тему не создовать как сделать кнопку отображаемую и в IE
    – Vlmake
    29 дек 2012 в 18:33
  • @Vlmake , может хватит говорить загадками? Какую Вам нужно сделать кнопку и в каком IE? C Вас HTML и CSS код кнопки, и версии браузеров, в которых данная кнопка должна корректно отображаться.
    – Astor
    29 дек 2012 в 19:01
  • ТАк мне и нужен код кнопки который отображаеться во всех браузерах адекватно. Цвета я сам поменяю
    – Vlmake
    29 дек 2012 в 20:30
  • Ну вот например - jsfiddle.net/Alex83/6eksd/4 будет отображаться везде одинаково! <a href="#">КНОПКА</a> a { display: inline-block; padding: 5px 20px; background: red; color: #fff; border: 1px solid #fff; text-decoration: none; } a:hover {background: #000; }
    – Astor
    29 дек 2012 в 20:38

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.