<MyRusakov.ru />

Создание Интернет-магазина на PHP и MySQL

Создание Интернет-магазина на PHP и MySQL

Видеокурс "Создание Интернет-магазина на PHP и MySQL" - это уникальный курс по созданию Интернет-магазина с нуля. Особенностью данного курса является то, что создание идёт с самого начала, то есть от идеи. Далее создаётся дизайн всех необходимых страниц, после делается их вёрстка. Затем создаётся движок на PHP и MySQL, после делается Admin-панель и, наконец, готовый сайт размещается в Интернете.

Адрес созданного в этом курсе сайта: http://storedvd.ru

Всё создание сайта будет происходить на Ваших глазах, поэтому Вы легко сможете повторить весь процесс создания сложного функционального сайта уже при разработке своего портала.

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

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