Размещение блоков <div> - Форум

Страница 1 из 1 1
Модератор форума: Dimitro, LightInDarkness

Размещение блоков <div>

No_MaTTeR

Старший Маршал

Репутация: 4130

В общем, начал изучать эту всю ересь и наткнулся на проблему. Мне нужно на главной разместить громадную цитату, а возле неё, справа, фотографию, возможно с текстом под фотографией. Но вот цитату я создал, а сделать фотографию справа не могу. Похоже, я это все просто через задницу делаю. Подскажите советом, куда копать?

Получается, что моя картинка не хочет подвигаться к классу main. А почему так? Div с классом main закрывается уже после картинки.

Вот так оно выглядит сейчас:

Естественно нужно, чтобы картинка поднялась выше и встала напротив цитаты.

Прикрепления: 5229732.jpg (99.9 Kb)

Сообщение # 1 отредактировано No_MaTTeR - Четверг, 27.08.2015, 14:33

Hamahomma

Репутация: 1075

Цитата

margin-left: 500px;

- Тоесть я так понял вот оно должно перемещать твою фотку вправо но не перемещает?

Добавлено (27.08.2015, 14:41)
---------------------------------------------
.photo {
position: absolute;
float: right;
margin-left: 500px;
margin-bottom: 300px;
}
Если не встанет то

.photo {
position: absolute;
float: right;
margin-left: 500px;
margin-top: -50px;
margin-bottom: 300px;
}

margin-top: -50px; - И увеличивай

Сообщение # 2 написано 27.08.2015 в 14:41

No_MaTTeR

Старший Маршал

Репутация: 4130

Hamahomma, второй способ помог, большое спасибо. Но мне кажется, это все равно все коряво получается, именно из-за

Цитата No_MaTTeR (

)

.quote blockquote {
font-size: 40px;
margin-right: 350px;

Поскольку, если убрать марджин, то с этим можно что-то делать, иначе получаются какие-то строгие границы.

Сообщение # 3 написано 27.08.2015 в 15:25

Кот_ДаWINчи

Чемпион

Репутация: 513

Правильнее будет вот так:

Код

/*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

No_MaTTeR

Старший Маршал

Репутация: 4130

Кот_ДаWINчи, спасибо, посмотрю.

Сообщение # 5 отредактировано No_MaTTeR - Понедельник, 31.08.2015, 10:35

No_MaTTeR

Старший Маршал

Репутация: 4130

И так, появился еще один вопрос по поводу div-блоков. Мне нужно сделать полупрозрачным часть бэкграунда, при этом сделать так, чтобы текст, который написан на этом бэкграунде, оставался непрозрачным.

Сообщение # 6 написано 02.09.2015 в 17:16

Sellysalie

Репутация: 912

Код

background: rgba(0, 0, 49, 0.7);

[Услуги] Веб-разработка

Сообщение # 7 написано 02.09.2015 в 22:21

Размещение блоков <div>

Страница 1 из 1
1

Вход на портал