<MyRusakov.ru />

Создание и продвижение лендинга под ключ

Создание и продвижение лендинга под ключ

Данный курс научит Вас создавать профессиональные лендинги на любую тематику с нуля и под ключ. Помимо теории Вы так же своими глазами будете видеть, как создаётся лендинг: заказывается дизайн, верстаются страницы, программируется клиентская часть и Admin-панель, а после лендинг размещается в Интернете. Так же Вы узнаете, как продвигаются лендинги и, самое главное, Вы увидите, как это делается на примере созданного лендинга до первых клиентов.

И, наконец, к курсу идут 4 очень полезных и актуальных Бонуса для лендингов: "Подключение онлайн-консультанта", "Система уведомлений по SMS", "Автоматизация управления Яндекс.Директом" и "Продажа товаров с AliExpress.com".

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

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