<MyRusakov.ru />

Программирование на C++ с Нуля до Гуру

Программирование на C++ с Нуля до Гуру

Данный курс научит Вас программировать на языке C++, который, несмотря на свой почтенный возраст, необычайно сильно востребован. Курс состоит из 6 разделов, посмотрев которые и выполнив все упражнения, Вы с нуля освоите этот язык и сможете создавать самые разные проекты любой сложности на C++.

Для закрепления материала из уроков к ним идёт множество упражнений.

Дополнительно к курсу идёт вспомогательная система, которая не даст Вам забросить начатое на полпути.

Также вместе с курсов Вы получаете Бонус "Программирование на C++ в Unreal Engine", в котором Вы научитесь создавать игры на C++ с использованием этого движка.

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

Подпишитесь на мой канал на YouTube, где я регулярно публикую новые видео.

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

Подписавшись по 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 всё будет совместимо.
Профиль Ответить