Background Div-а - SEO форум MaulTalk.com

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

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

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

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

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

Background Div-а

Опции

aglaz

Topic Starter сообщение

8.9.2010, 11:54; Ответить: aglaz

Сообщение #1

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

Не так давно начал разбираться с CSS и это моя первая верстка, поэтому извиняюсь, если вопрос "ламерский", но самому не получается разобраться. Собственно сабж - никак не удается установить картинку на div, в результате она оказывается под ним.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<link rel="stylesheet" href="./header.css" type="text/css"/>
</head>
<body>


<center>
<div class="header">
<div class="block-body" style="background-image: url('images/header.png')">
<div class="top-left"></div>
<div class="top-center"></div>
<div class="top-right"></div>

<div class="middle-left">
<div class="middle-right">
<div class="middle-center">
HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER HEADER
</div>
</div>
</div>
<div class="bottom-left"></div>
<div class="bottom-center"></div>
<div class="bottom-right"></div>
</div>
</div>

.header { width:90%; }
.block-body { margin-top: 10px; }
.top-left { background-image:url('images/block-top-left.png'); width:36px; height:37px;
float:left; }
.top-center { background-image: url('images/block-top.png'); background-repeat:repeat-x; height: 37px;
margin-left:36px; margin-right:36px; }
.top-right { background-image: url('images/block-top-right.png'); width:36px; height:37px;
float:right; margin-top:-37px; }

.middle-left { background-image:url('images/block-left.png'); background-repeat:repeat-y; }
.middle-center { background-color:#f2f2f2; margin-left:36px; margin-right:36px;}
.middle-right { background-image:url('images/block-right.png'); background-repeat:repeat-y; background-position:top right; }

.bottom-left { background-image:url('images/block-bottom-left.png'); width:36px; height:37px;
float:left; }
.bottom-center { background-image: url('images/block-bottom.png'); background-repeat:repeat-x; height: 37px;
margin-left:36px; margin-right:36px; }
.bottom-right { background-image: url('images/block-bottom-right.png'); width:36px; height:37px;
float:right; margin-top:-37px;}

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

LifeUP LifeUP 8.9.2010, 12:09; Сообщений: 467 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	8.9.2010, 12:09; Ответить: LifeUP Сообщение #2
0 Группа: User Сообщений: 467 Регистрация: 30.4.2010 Поблагодарили: 0 раз Репутация: 0	с помощью стилей картинка ставиться на задний фон DIV, хотите чтобы она была спереди то засуньте её в html страницу <div><img src="mypic.jpg" width="100" height="100" alt="mypic" /></div>

icoin

30.9.2010, 20:30; Ответить: icoin

Сообщение #3

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

Извиняюсь за незнание лексики userov, но если я правильно понял то можно использовать index+1

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

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

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

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

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

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики	10	muratastana	1593	14.1.2023, 1:16 автор: xweb
DIV'ы в строку	0	RedEclipse	5465	29.9.2016, 17:53 автор: -RedEclipse-
при выборе radio в option не скрывались div	0	serj123	6930	17.4.2016, 17:45 автор: -serj123-
Как заставить отображать несколько элементов DIV в одну строку?	2	Aalena	4014	10.1.2016, 10:18 автор: -Aalena-
Фоны в в div'ах расходятся при сужении экрана	1	Balalaaika1	5630	2.6.2015, 19:35 автор: -Degradator-

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

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

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

Сейчас: 18.4.2024, 22:04

Дизайн