• Страница 1 из 1
  • 1
Модератор форума: Dimitro, LightInDarkness  
Форум » Web раздел » Web форум » Размещение блоков <div>
Размещение блоков <div>
No_MaTTeR
Старший Маршал
В общем, начал изучать эту всю ересь и наткнулся на проблему. Мне нужно на главной разместить громадную цитату, а возле неё, справа, фотографию, возможно с текстом под фотографией. Но вот цитату я создал, а сделать фотографию справа не могу. Похоже, я это все просто через задницу делаю. Подскажите советом, куда копать?





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

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

Естественно нужно, чтобы картинка поднялась выше и встала напротив цитаты.
Прикрепления: 5229732.jpg (99.9 Kb)
Сообщение # 1 отредактировано No_MaTTeR - Четверг, 27.08.2015, 14:33
Hamahomma
Цитата
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
Старший Маршал
Hamahomma, второй способ помог, большое спасибо. Но мне кажется, это все равно все коряво получается, именно из-за
Цитата No_MaTTeR ()
.quote blockquote {
font-size: 40px;
margin-right: 350px;


Поскольку, если убрать марджин, то с этим можно что-то делать, иначе получаются какие-то строгие границы.
Сообщение # 3 написано 27.08.2015 в 15:25
Кот_ДаWINчи
Чемпион
Правильнее будет вот так:

Код

/*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
Старший Маршал
Кот_ДаWINчи, спасибо, посмотрю.
Сообщение # 5 отредактировано No_MaTTeR - Понедельник, 31.08.2015, 10:35
No_MaTTeR
Старший Маршал
И так, появился еще один вопрос по поводу div-блоков. Мне нужно сделать полупрозрачным часть бэкграунда, при этом сделать так, чтобы текст, который написан на этом бэкграунде, оставался непрозрачным.


Сообщение # 6 написано 02.09.2015 в 17:16
Sellysalie
Код
background: rgba(0, 0, 49, 0.7);
Сообщение # 7 написано 02.09.2015 в 22:21
Форум » Web раздел » Web форум » Размещение блоков <div>
  • Страница 1 из 1
  • 1
Поиск: