Показать сообщение отдельно
  #3 (permalink)  
Старый 14.10.2015, 10:14
Профессор
Отправить личное сообщение для Гробовщик Посмотреть профиль Найти все сообщения от Гробовщик
 
Регистрация: 10.03.2013
Сообщений: 169

рони,
Сообщение от рони
Пожалуйста, отформатируйте свой код!
Вот, если так удобнее. В div "information" я стили не убирал, они там большой роли не играют
#div_outside{
display: table;
width: 100%;
}
#div1{
float: left;
height: 100px;
background: #EA344D;
font-size: 24px;
color: #FFF;
font-family: PFBeauSansPro-Regular;
text-align:center;
}
#div_text{
padding:20px;
}
#figure_div_1{
float: left;
border: 50px solid transparent;
border-left: 50px solid #EA344D;
border-top: 50px solid #EA344D;
width:0;
height:0; 
}
#information{
float: left;
text-align:center;
}
#posl{
float: right;
width: 100px;
height: 100px;
background: #EA344D;
#figure_div_2{
float: right;
 border: 50px solid transparent;
border-right: 50px solid #EA344D;
border-bottom: 50px solid #EA344D;
width:0;
height:0;
}

<div id="div_outside">        
<div id="div1">
<div id="div_text">
Воспользуйтесь<br>сейчас
</div>
</div>
<div id="figure_div_1">
</div>
<div id = "infiormation">
<div style="padding:20px;">
	<p>Консультации по телефону</p>
  <span style="font-size: 22px; top: 6px; margin-right: 5px; font-family: PFBeauSansPro-Light; color: #5B5B5B;"> (0000)</span>
  <span style="font-size: 30px; font-family: PFBeauSansPro-Light; color: #5B5B5B;">000-000</span><br />
  <a href="" style="border-bottom: 1px dashed #000; color: #5B5B5B;">заказать звонок</a>
</div>
</div>
<!--Тут блоки див я поменял местами, что бы был отступ по правому краю-->
<div id="posl">
</div>
<div id="figure_div_2">
</div>
</div>

Последний раз редактировалось Гробовщик, 14.10.2015 в 10:17.
Ответить с цитированием