Как разместить картинку?

Сообщение сайта

(Сообщение закроется через 3 секунды)

Здравствуйте, гость (

| Вход | Регистрация )

SEO форум MaulTalk.com > Веб-строительство > Программная часть

Как разместить картинку?

Опции

happyhand

Topic Starter сообщение

14.12.2010, 15:52; Ответить: happyhand

Сообщение #1

Новичок

Группа: Viewer
Сообщений: 0
Регистрация: 26.4.2012
Поблагодарили: 0 раз
Репутация:

Есть блок:

<div id="content">текст текст текст</div>

Фоном лежит бэкграунд:

[CSS]#content {
background-image:url(../img/bg_content.jpg);
background-repeat:repeat-y;
}[/CSS]

Подскажите как положить между текстом и бэкграундом картинку?

Ответить с цитированием данного сообщения

FightInGlory FightInGlory 14.12.2010, 16:36; Сообщений: 222 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	14.12.2010, 16:36; Ответить: FightInGlory Сообщение #2
0 Группа: User Сообщений: 222 Регистрация: 10.12.2010 Поблагодарили: 0 раз Репутация: 0	А можно пример того, что вам надо в картинке?

happyhand Topic Starter happyhandTopic Starter 14.12.2010, 16:46; Сообщений: 0 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	Topic Starter 14.12.2010, 16:46; Ответить: happyhand Сообщение #3
Новичок Группа: Viewer Сообщений: 0 Регистрация: 26.4.2012 Поблагодарили: 0 раз Репутация: 0	В смысле, в картинке? Ну обычная картинка, нужно на фоне разместить дополнительный графический элемент.

piatachok

14.12.2010, 18:52; Ответить: piatachok

Сообщение #4

Группа: User
Сообщений: 2
Регистрация: 6.2.2010
Поблагодарили: 0 раз
Репутация:

Добрый день, надеюсь я понял, что вы хотите сотворить

В html вставляем ваше изображение (я привожу пример с текстом и измененным фоном, так как влом было искать картинки)

<body>
<div id="content1">
<div id="content2">Ваше изображение</div>
<div id="content3">текст текст текст</div>
</div>
</body>

В css изображаем следующее:

#content1 {
position:relative;/*С помощью этого стиля придаем данному блоку относительное позиционирование. Благодаря этому можем размещать дополнительные блоки внутри него*/

}

#content2 {
background-color:#C8F612; /*Я использовал цвет фона в качестве примера для большей наглядности*/
position:absolute; /*Абсолютное позиционирование помогает разместить блок поверх относительного*/
height:200px; /*Ширина и высота для наглядности*/
width:150px;}

#content3 {
background-color:#F0F;
position:absolute; /*Абсолютное позиционирование помогает разместить блок поверх относительного*/
height:200px; /*Ширина и высота для наглядности*/
width:150px;
top:40px; /*Позиционирование данного блока относительно родственного, т.е. content1*/
left:50px;}

Результат:

[attachment=37283:результат.jpg]

P.S. Можно конечно помудрить через z-index, но мне так больше нравится

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой

или обратитесь к любому из модераторов.

« Предыдущая тема · Программная часть · Следующая тема »

1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)

Пользователей: 0

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Арбитражники, как ведете учет расходов и доходов?	11	Boymaster	1798	17.4.2024, 23:35 автор: Boymaster
Как вывести деньги в Украине с заблокированного Юмани ?	29	freeax	4806	17.4.2024, 1:19 автор: sergio11
Как вы отдыхаете от работы за компом	148	adw-kupon.ru	19705	8.4.2024, 10:37 автор: Skyworker
Как вы бросили работу и перешли на заработок с сайтов?	18	uahomka	3096	5.4.2024, 5:53 автор: Skyworker
Как бездомные хранят деньги?	81	metvekot	13652	31.3.2024, 12:44 автор: Boymaster

Режим отображения: Стандартный · Переключить на: Линейный · Переключить на: Древовидный

Подписка на тему · Сообщить другу · Версия для печати · Подписка на этот форум

Текстовая версия

Сейчас: 19.4.2024, 7:24

Дизайн