Такая ситуация: Верстаю макет для сайта-визитки, но столкнулся с проблемой.
Основная часть (контент): в первом ряду 3 блока, во втором ряду 2 блока. и все.
Блоки выровнял в два ряда, все сделал нормально. Но, выровнял я их с помощью float:left, и потому они смещены влево, а их надо поставить в центр. Помогите, кто может...
Скриншот: h1813090.stratoserver.net/files/share/3_2_2012/5kvt2xQpmkqu3UXRYXZ4g.png]ссылка
Код:
а так же css:
Основная часть (контент): в первом ряду 3 блока, во втором ряду 2 блока. и все.
Блоки выровнял в два ряда, все сделал нормально. Но, выровнял я их с помощью float:left, и потому они смещены влево, а их надо поставить в центр. Помогите, кто может...
Скриншот: h1813090.stratoserver.net/files/share/3_2_2012/5kvt2xQpmkqu3UXRYXZ4g.png]ссылка
Код:
| Код |
|---|
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>example Studio</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body class="body"> <!-- <шапка начало> --> <div class="head" align="center"> <div class="ico1"></div> <div class="logo"></div> </div> <!-- <шапка конец> --> <!-- <контент начало> --> <div class="bl_all1"> <div class="block"> <div class="bl_title" align="center">Раскрутка</div> <div class="bl_text">Раскрутка вашего сайта (кроме порталов).</div> </div> <div class="block"> <div class="bl_title" align="center">Сайт-визитка</div> <div class="bl_text">Создание сайта-визитки под заказ.</div> </div> <div class="block"> <div class="bl_title" align="center">Скидки и т.д.</div> <div class="bl_text">Какие либо новости о скидках и т.д.</div> </div> </div> <br> <div class="bl_all2"> <div class="block"> <div class="bl_title" align="center">Примеры</div> <div class="bl_text">Здесь будут примеры моих сайтов и т.д.</div> </div> <div class="block"> <div class="bl_title" align="center">Контакты</div> <div class="bl_text">мои контакты.</div> </div> </div> <!-- <контент конец> --> <!-- <футер начало> --> <div class="ico2"></div> <!-- <футер конец> --> </body> </html> |
а так же css:
| Код |
|---|
.body {width:100%;background:#ffffff;font-size:12px;margin:0 auto;font-family:tahoma;}
.head {margin-bottom:20px;}
.ico1 {height:40px;width:98px;background:url('img/ico1.png');}
.ico2 {height:40px;width:98px;background:url('img/ico2.png');margin:auto;margin-top:5px;}
.logo {height:48px;width:261px;background:url('img/logo.png');margin-top:4px;}
.bl_all1 {overflow:hidden;}
.bl_all2 {overflow:hidden;}
.block {border:1px solid #d1d1d1; padding:4px 8px; width:225px; margin: 0 auto; margin-right:8px; min-height:200px; float:left;}
.bl_title {margin:0 0 8px -2px; padding:2px 0 0 0; font-size:17px; font-weight:100; color:#00aeef;}
.bl_text {border-top:1px dashed #cfcfcf; padding:10px 0 0 0; margin:4px 2px 0 2px; color:#b2b2b2;font-weight:bold;} |
