|
|
Модератор форума: Dimitro, LightInDarkness |
Форум » Web раздел » Web форум » Размещение блоков <div> |
Размещение блоков <div> |
В общем, начал изучать эту всю ересь и наткнулся на проблему. Мне нужно на главной разместить громадную цитату, а возле неё, справа, фотографию, возможно с текстом под фотографией. Но вот цитату я создал, а сделать фотографию справа не могу. Похоже, я это все просто через задницу делаю. Подскажите советом, куда копать?
Получается, что моя картинка не хочет подвигаться к классу main. А почему так? Div с классом main закрывается уже после картинки. Вот так оно выглядит сейчас: Естественно нужно, чтобы картинка поднялась выше и встала напротив цитаты. Прикрепления:
5229732.jpg
(99.9 Kb)
|
Цитата margin-left: 500px; Добавлено (27.08.2015, 14:41)
Сообщение # 2 написано 27.08.2015 в 14:41
|
Сообщение # 3 написано 27.08.2015 в 15:25
|
Правильнее будет вот так:
Код /*main-content*/ .main { height: auto; padding: 10px; background-image: url('http://fonforsite.ru/_ph/27/950269712.png'); border-bottom: 2px solid #dbdbdb; border-top: 2px solid #dbdbdb; } .quote blockquote { font-size: 40px; float: left; width: 600px; padding: 60px 100px 0px 50px; border: none; } blockquote:before { content: "\201C"; font-size: 4em; line-height: 0.2em; margin-right: 0.2em; vertical-align: -0.3em; } blockquote:after { content: "\201D"; font-size: 4em; line-height: 0.2em; margin-right: -0.2em; vertical-align: -0.7em; } .quote span { float: right; font-size: 25px; } .photo { } /*end main-content*/
мне фиолетово какой у меня рейтинг, можете поставить хоть минус миллион...
Не в плюсах счастье... Помогаю тем, кто хочет чтобы ему помогли, а не сделали за него.
Сообщение # 4 написано 27.08.2015 в 20:24
|
Код background: rgba(0, 0, 49, 0.7);
Сообщение # 7 написано 02.09.2015 в 22:21
|
| |||
| |||