<MyRusakov.ru />

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

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

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

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

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

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

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

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

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

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

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

Не работает div верстка.
19.01.2013 21:30:13 Не работает div верстка. Сообщение #1
Паркан

Паркан

Новичок

Новичок

Дата регистрации:
30.10.2012 19:40:33

Сообщений: 15

Есть html:
<div class='widget'>
<div class='widget-header'>
<h3>
Панель управления
</h3>
<div class='widget-actions'></div>
</div>
<div class='widget-content'>
<p>Выберите необходимое действие</p>
<div class='stat'>
<a href='../cp/new.php'><div class='element'><div class='element_img'><img src='../img/add.png' /></div>Новый заказ</div></a>
<a href='../cp/orders.php'><div class='element'><div class='element_img'><img src='../img/shoppingcart.png' /></div>Заказы</div></a>
<a href='../cp/bliing.php'><div class='element'><div class='element_img'><img src='../img/kwallet.png' /></div>Биллинг</div></a>
<a href='../cp/account.php'><div class='element'><div class='element_img'><img src='../img/loginmanager.png' /></div>Аккаунт</div></a>
<a href='../cp/support.php'><div class='element'><div class='element_img'><img src='../img/helpandsupport.png' /></div>Поддержка</div></a>
</div>

</div>
</div>
</div>

И его свойства:
.widget {
clear: both;
margin-bottom: 10px;
position: relative;
width: auto;
}
.widget-header {
background: -o-linear-gradient(top, #FAFAFA 0px, #E9E9E9 100%) transparent;
border: 1px solid #00ccff;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: inset 0px 1px 0px #FFFFFF;
height: 40px;
line-height: 40px;
position: relative;
}
.widget-content {
background: #FFFFFF;
border-bottom: 1px solid #00ccff;
border-left: 1px solid #00ccff;
border-radius: 5px 5px 5px 5px;
border-right: 1px solid #00ccff;
border-top: 1px solid #00ccff;
padding: 10px 10px 10px;
}
.widget-header .widget-actions {
display: inline-block;
float: right;
height: 40px;
line-height: 40px;
margin-right: 0.85em;
vertical-align: middle;
}
.stat {
margin-top: 1.25em;
}
.element{
clear: both;
height:150px;
width: 128px;
}
.element_img{
clear: both;
width: 128px;
}

Проблема в том, что я не могу element_img выровнять по правому краю. Перестает работать widget-content и блок element оказывается за его пределами. Помогите пжл.
Профиль Ответить
20.01.2013 10:07:00 Не работает div верстка. Сообщение #2
Скромняга

Скромняга

Освоившийся

Освоившийся

Дата регистрации:
04.03.2012 01:24:28

Сообщений: 37

Я бы вам не рекомендовал использовать так много блоков на такой простой странице.

Лучше сразу пересмотрите подход, не обязательно совать везде div'ы
Профиль Ответить
20.01.2013 12:24:29 Не работает div верстка. Сообщение #3
Паркан

Паркан

Новичок

Новичок

Дата регистрации:
30.10.2012 19:40:33

Сообщений: 15

Я сделал все в виде таблицы, вроде теперь работает как надо.
Профиль Ответить
20.01.2013 20:48:34 Не работает div верстка. Сообщение #4
Скромняга

Скромняга

Освоившийся

Освоившийся

Дата регистрации:
04.03.2012 01:24:28

Сообщений: 37

Извините, возможно я вас запутаю совсем)

Табличная вёрстка давно ушла в небытие.

Я говорил лишь о том, что не нужно так много пихать блоков, есть же и проще и легче варианты.
Профиль Ответить
26.01.2013 18:30:58 Не работает div верстка. Сообщение #5
malina95

malina95

Мастер

Мастер

Дата регистрации:
15.07.2012 07:13:44

Сообщений: 208

Михаил, а вы можете записать бесплатный курс по адаптивной блочной вёрстке?
Было бы полезно...
Профиль Ответить