<MyRusakov.ru />

PHP и MySQL с Нуля до Гуру 2.0

PHP и MySQL с Нуля до Гуру 2.0

Данный курс научит Вас программировать на самом популярном Web-языке в мире - PHP. Курс состоит из 11 разделов, в которых с нуля рассказывается и показывается процесс написания различных скриптов на PHP.

В курсе Вы узнаете всю необходимую теоретическую часть, а также увидите массу практических примеров, в том числе, и из моей практики.

Почти к каждому уроку идут упражнения.

Просмотрев данный курс, Вы сможете создавать абсолютно любые PHP-сайты любой сложности.

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Свойство float
19.12.2011 16:51:01 Свойство float Сообщение #1
sarcodin

sarcodin

Эксперт

Эксперт

Дата регистрации:
30.09.2011 00:53:49

Сообщений: 128

Вот представим себе такую ситуацию нам надо сделать блок меню с округленными краями. Обычно я делаю так:

<div class = "forLeft">
<div class = "block">

<div class = "forBlockTop">
</div>
<div class = "forBlockTitle">
</div>
<div class = "forBlockContent"Ю
</div>
<div class = "forBlockBottom">
</div>

</div>
</div>


и зададим такой css стиль:

forLeft{

margin: 0 auto;
width: 200px;

}

.forBlockTop{

background: url(images/background_block_top.png) no-repeat;
width: 200px;
height: 30px;
margin: 20px 20px 0 20px;

}

.forBlockTitle{

background: url(images/background_block_title.png) no-repeat;
width: 200px;
height: 50px;
margin: 0 20px 0 20px;
text-align: center;
line-height: 50px;
font-weight: bold;

}

.forBlockContent{

background: url(images/background_block_content.png) repeat-y;
width: 200px;
height: 100%;
margin: 0 20px 0 20px;
padding-top: 20px;

}

.forBlockBottom{

background: url(images/background_block_bottom.png) no-repeat;
width: 200px;
height: 25px;
margin: 0 20px 20px 20px;

}


Все будет идеально и все будет работать, но если добавить


.forBlockBottom{

float: left или right;

}


то .forBlockBottom вообще не появляется.
Объясните Михаил почему так происходит.
Заранее спасибо.
Профиль Ответить
19.12.2011 17:19:36 Свойство float Сообщение #2
Admin

Admin

Администратор

Администратор

Дата регистрации:
27.05.2010 21:23:42

Сообщений: 3063

Делайте закруглённые углы так: http://myrusakov.ru/css-round-angle.html, тогда с float всё будет совместимо.
Профиль Ответить