19.01.2013 21:30:13 Не работает div верстка. Сообщение #1
Паркан
Новичок
Дата регистрации:
30.10.2012 19:40:33
Сообщений: 15
Есть html:
И его свойства:
Проблема в том, что я не могу element_img выровнять по правому краю. Перестает работать widget-content и блок element оказывается за его пределами. Помогите пжл.
<div class='widget'>
<div class='widget-header'>
<h3>
Панель управления
</h3>
<div class='widget-actions'></div>
</div>
<div class='widget-content'>
<p>Выберите необходимое действие</p>
<div class='stat'>
<a href='../cp/new.php'><div class='element'><div class='element_img'><img src='../img/add.png' /></div>Новый заказ</div></a>
<a href='../cp/orders.php'><div class='element'><div class='element_img'><img src='../img/shoppingcart.png' /></div>Заказы</div></a>
<a href='../cp/bliing.php'><div class='element'><div class='element_img'><img src='../img/kwallet.png' /></div>Биллинг</div></a>
<a href='../cp/account.php'><div class='element'><div class='element_img'><img src='../img/loginmanager.png' /></div>Аккаунт</div></a>
<a href='../cp/support.php'><div class='element'><div class='element_img'><img src='../img/helpandsupport.png' /></div>Поддержка</div></a>
</div>
</div>
</div>
</div>
И его свойства:
.widget {
clear: both;
margin-bottom: 10px;
position: relative;
width: auto;
}
.widget-header {
background: -o-linear-gradient(top, #FAFAFA 0px, #E9E9E9 100%) transparent;
border: 1px solid #00ccff;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: inset 0px 1px 0px #FFFFFF;
height: 40px;
line-height: 40px;
position: relative;
}
.widget-content {
background: #FFFFFF;
border-bottom: 1px solid #00ccff;
border-left: 1px solid #00ccff;
border-radius: 5px 5px 5px 5px;
border-right: 1px solid #00ccff;
border-top: 1px solid #00ccff;
padding: 10px 10px 10px;
}
.widget-header .widget-actions {
display: inline-block;
float: right;
height: 40px;
line-height: 40px;
margin-right: 0.85em;
vertical-align: middle;
}
.stat {
margin-top: 1.25em;
}
.element{
clear: both;
height:150px;
width: 128px;
}
.element_img{
clear: both;
width: 128px;
}
Проблема в том, что я не могу element_img выровнять по правому краю. Перестает работать widget-content и блок element оказывается за его пределами. Помогите пжл.
