Помощник
|
Верстка Дивами |
Furin
|
Сообщение
#1
|
||
|
|
||
|
|||
kharikein |
24.10.2010, 23:52;
Ответить: kharikein
Сообщение
#2
|
|
всем фото задаешь в стилях:
float:left; display:block; тогда они должны идти подряд в одну линию. Для того, чтобы они были по центру сделай див со стилем margin: 0 auto; //0 - сверху,снизу, авто по бокам и посади все фото в этот див. удачи АПД: забыл сказать, для дива задай еще ширину... например 800 пикселей, тогда за счет маргин авто он не зависимо от моника будет стоять по середке Сообщение отредактировал kharikein - 24.10.2010, 23:58 -------------------- |
|
|
Furin
|
Сообщение
#3
|
|
всем фото задаешь в стилях: float:left; display:block; тогда они должны идти подряд в одну линию. Для того, чтобы они были по центру сделай див со стилем margin: 0 auto; //0 - сверху,снизу, авто по бокам и посади все фото в этот див. удачи АПД: забыл сказать, для дива задай еще ширину... например 800 пикселей, тогда за счет маргин авто он не зависимо от моника будет стоять по середке все так сделал, они теперь в рядок, но туда привязался text1 проблему с text1 решил clear:both; height:0px; font-size:1px; line-height:0px; но они выравниваются по левому краю. |
|
|
neSkywalker |
25.10.2010, 1:11;
Ответить: neSkywalker
Сообщение
#4
|
|
<div id="clear2"></div>
В CSS допиши: #clear2 {clear:both} Вообще не понятно - у дива название clear2, а он ничего не очищает и вообще его назначение в данном случае для меня загадка И вообще если #clear1, #clear2 и #clear3 делают одно и тоже (а без clear:both - ничего), то надо бы их заменить на .clear и удалить лишнии стили из CSS ) Сообщение отредактировал neSkywalker - 25.10.2010, 1:14 -------------------- |
|
|
Furin
|
Сообщение
#5
|
|
<div id="clear2"></div> В CSS допиши: #clear2 {clear:both} Вообще не понятно - у дива название clear2, а он ничего не очищает и вообще его назначение в данном случае для меня загадка уже до вас решил))) название такое было дано када макет на бумаге рисовал <div id="clear2"></div> В CSS допиши: #clear2 {clear:both} Вообще не понятно - у дива название clear2, а он ничего не очищает и вообще его назначение в данном случае для меня загадка И вообще если #clear1, #clear2 и #clear3 делают одно и тоже (а без clear:both - ничего), то надо бы их заменить на .clear и удалить лишнии стили из CSS ) дуракам мысли приходят сразу не в обиду) не поверите, сижу смотрю код и тоже об этом подумал.. Но пока трогать не буду |
|
|
gr3y |
25.10.2010, 12:25;
Ответить: gr3y
Сообщение
#6
|
|
Ох ты ж боже. Советую почитать какую-нибудь хорошую книгу по CSS. Хотя бы основы.
#photo1 { width:315px; margin:0 auto; background:#FFF; float:left; } #photo2 { width:315px; margin:0 auto; background:#FFF; margin-left:318px; } #photo3 { width:315px; background:#FFF; float:left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #photo4 { width:315px; margin:0 auto; background:#FFF; margin-right:318px; } зачем это? o_O Можно же: #photo1, #photo2, #photo3, #photo4 { width:315px; margin:0 auto; background:#FFF; } #photo1, #photo3 { float:left; } #photo2, #photo4 { margin-left:318px; } Это я просто пример привёл. На самом деле там всё в таком духе написано. Извиняюсь за оффтоп. |
|
|
Furin
|
Сообщение
#7
|
|
|
Ох ты ж боже. Советую почитать какую-нибудь хорошую книгу по CSS. Хотя бы основы. #photo1 { width:315px; margin:0 auto; background:#FFF; float:left; } #photo2 { width:315px; margin:0 auto; background:#FFF; margin-left:318px; } #photo3 { width:315px; background:#FFF; float:left; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; } #photo4 { width:315px; margin:0 auto; background:#FFF; margin-right:318px; } зачем это? o_O Можно же: #photo1, #photo2, #photo3, #photo4 { width:315px; margin:0 auto; background:#FFF; } #photo1, #photo3 { float:left; } #photo2, #photo4 { margin-left:318px; } Это я просто пример привёл. На самом деле там всё в таком духе написано. Извиняюсь за оффтоп. Ниче Эт мы поняли из предыдущего поста Решил сам проблему с выравниванием. Переставил див контейнера Всем спасибо, собственно!
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Верстка/Натяжка/Оптимизация/Увеличение функционала шаблонов на WP Разработка на профессиональном уровне |
144 | Gerga | 91644 | 11.3.2024, 19:59 автор: anchous |
|
Качественный современный дизайн сайтов, логотипов, печатной продукции. Верстка. | 26 | zaiko | 17159 | 30.1.2024, 18:10 автор: zaiko |
|
Верстка шаблона Битрикс | 0 | bat | 1362 | 26.9.2023, 6:22 автор: bat |
|
Верстка электронных писем бесплатно | 0 | Gidemopassan | 1499 | 23.6.2023, 10:12 автор: Gidemopassan |
|
Сайт "под ключ" (дизайн, верстка, CMS) | 32 | Brans | 16445 | 19.5.2023, 22:01 автор: Brans |
Текстовая версия | Сейчас: 28.3.2024, 15:23 |