How to make a long hat for the site just not a picture. Just solid blue color.

    2 answers 2

    Here is a working example for you - http://jsfiddle.net/Alex83/25StW/

    <div class="header">Шапка сайта</div> .header { width: 100%; background: blue; color: #fff; text-align: center; font: bold 25px Arial; }

    Here you have a great educational site - http://htmlbook.ru/ (so as not to ask such questions ...)

    • How can I make such a cap and I can))) But it is not pressed to the top - Vlmake
    • What do you mean? Perhaps you have not removed default styles. To fix this, write the following before the CSS rule: * {margin: 0; padding: 0; } Here's an example = jsfiddle.net/Alex83/25StW/2 - Astor
    • If this is not the case again, then let's see your code. Put it on jsfiddle.net - Astor
    • ATP all robit I still have a question how to press the element to the bottom? - Vlmake
    • What element and to the bottom of what? If you need to press footer to the bottom of the page, then here is a lesson on this topic - zvirec.com/view_post.php?id=50 - Astor

    height still add and everything will be class)

    • And that would not create a theme how to make the button displayed in IE - Vlmake
    • @Vlmake, may be enough to speak in riddles? What button do you need to make and in which IE? C you HTML and CSS code of the button, and versions of browsers in which this button should be displayed correctly. - Astor
    • So I need a button code that is displayed adequately in all browsers. I will change the colors myself - Vlmake
    • Well, for example - jsfiddle.net/Alex83/6eksd/4 will be displayed the same everywhere! <a href="#"> BUTTON </a> a {display: inline-block; padding: 5px 20px; background: red; color: #fff; border: 1px solid #fff; text-decoration: none; } a: hover {background: # 000; } - Astor