Вот описание стилей ТРЁХ блоков DIV
Код |
DIV.head_1{ padding-bottom:10px; padding-top:10px; position: fixed; width:40px; border-style:groove; border-width:2px; display: inline; } DIV.head_2{background-color: #FFFFFF; background-image:url(style/Head.jpg); width:900px; padding-bottom:10px; padding-top:10px; text-align:center; position: fixed; display:inline; border-style:groove; border-width:2px; } DIV.head_3{ padding-bottom:10px; padding-top:10px; position: fixed; width:40px; border-style:groove; border-width:2px; display: inline; } |
HTML |
<DIV class='head_1'></DIV> <DIV class='head_2'>HEAD</DIV> <DIV class='head_3'></DIV> |
HTML |
<style type="text/css"> DIV.head_1 { width: 40px; } DIV.head_2 { background: #FFF url('style/Head.jpg'); width: 900px; text-align: center; } DIV.head_3 { width: 40px; } DIV.head_1,DIV.head_2,DIV.head_3 { border: 2px groove; display: inline-block; float: left; padding: 10px 0; } </style> |
HTML |
<div class='head_1'></div> <div class='head_2'>HEAD</div> <div class='head_3'></div> |