DIV Вёрстка
Playmanovich
Дата: Вторник, 28.02.2012, 22:23 | Сообщение # 1
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Кандидат
Группа: V.I.P персона
Сообщений: 981
Всем привет
Подпись пользователя Playmanovich + !
Melkiy
Дата: Вторник, 28.02.2012, 22:36 | Сообщение # 2
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Фотошоперы
Сообщений: 632
Playmanovich , Создаеш один главный див футер,после еще два и меняеш их положение,один слева другой справа. Затем вставляеш то что надо туда.
Подпись пользователя Melkiy
Playmanovich
Дата: Вторник, 28.02.2012, 22:37 | Сообщение # 3
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Кандидат
Группа: V.I.P персона
Сообщений: 981
melkiyPro , Не ты меня не понял я выучил html и я знаю что в футере 3 части Левая часть средняя часть и правая часть это на Ubox так
Подпись пользователя Playmanovich + !
ivanfom
Дата: Вторник, 28.02.2012, 22:42 | Сообщение # 4
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Постоянные
Сообщений: 319
Playmanovich , можно и таблицей сделать очень быстро...
djkefir
Дата: Вторник, 28.02.2012, 22:45 | Сообщение # 5
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Фотошоперы
Сообщений: 577
ivanfom , Табличная вёрстка не дело) Дивная грузится в разы быстрее)
Подпись пользователя djkefir Любишь кино? Тогда тебе сюда 5starmovies.ru
djkefir
Дата: Вторник, 28.02.2012, 22:46 | Сообщение # 6
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Аспирант
Группа: Фотошоперы
Сообщений: 577
А по поводу футера советую сделать сначало основной див а потом дивы для его состовляющего и остаётся только выровнить через стили)
Подпись пользователя djkefir Любишь кино? Тогда тебе сюда 5starmovies.ru
hack3p
Дата: Вторник, 28.02.2012, 22:51 | Сообщение # 7
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Школьник
Группа: Проверенные
Сообщений: 21
Playmanovich , например:
Code
<!DOCTYPE HTML>
<html>
<head>
<style>
#footer {
border: 3px solid black;
width:100%;
height:100px;
}
#mail {
border: 3px dashed green;
float: left;
margin:10px;
width:70px;
height:50px;
}
#banners {
border: 3px dashed red;
float:right;
margin:10px;
width:200px;
height:70px;
}
</style>
</head>
<body>
<div id="footer">
<div id="mail">Тут белый конверт</div>
<div id="banners">тут баннеры маленькие</div>
</div>
</body>
</html>
Добавлено (28.02.2012, 22:51) Quote (hack3p )
border: ;3px dashed green;
Сообщение отредактировал hack3p - Вторник, 28.02.2012, 22:51
Подпись пользователя hack3p Удалено, весит 370кб грузит форум.
Kapusha
Дата: Вторник, 28.02.2012, 22:52 | Сообщение # 8
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Знающий больше чем вы!
Группа: UcozonGroup
Сообщений: 1177
Этот футер сделать можно лишь картинкой, градиент мешает растяжке. Создаешь главный див, прописываешь bground к нему, создаешь два дива один float:left другой с right. и все...
Подпись пользователя Kapusha МОЙ БЛОГ
ivanfom
Дата: Вторник, 28.02.2012, 22:53 | Сообщение # 9
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Магистр
Группа: Постоянные
Сообщений: 319
Таблицей будет выглядеть примерно так может чуть доработать надо непроверял, просто отредактировал старый код: Code
<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="90%" height="60">
<tr><td width="30%" height="45" style="background:url('картинка слева') #цвет если нет картинки;"><div align="left" style="padding-left:15px;">тут будут банеры слева</div></td><td width="30%" height="45" align="center" style="background:url('центральная картинка') #цвет если нет картинки;">тут будет текст</td>
<td width="30%" height="45" style="background:url('картинка справа') #цвет если нет картинки;"><div align="right" style="padding-right:15px;"></div></td>
</tr>
</table><br /></div>
Сообщение отредактировал ivanfom - Вторник, 28.02.2012, 22:55
Playmanovich
Дата: Вторник, 28.02.2012, 23:08 | Сообщение # 10
Президент
Министр
Академик
Доктор
Кандидат
Аспирант
Магистр
Бакалавр
Абитуриент
Школьник
Звание: Кандидат
Группа: V.I.P персона
Сообщений: 981
ivanfom , Не не получается
Подпись пользователя Playmanovich + !
