Растерялся с DIV Нужна помощь.

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

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

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

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

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

Растерялся с DIV Нужна помощь.

Опции

Константин Росло...

Topic Starter сообщение

26.11.2011, 2:55; Ответить: Константин Рослов

Сообщение #1

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />
<title>Документ без названия</title>
</head>

<body>
<div class="news">
<div class="news_name">Квартира</div>
<div class="news_image">Изображение</div>
<div class="news_mess">сооб</div>
<div class="news_morefoto">сооб</div>
</div>
</body>
</html>

[CSS].news {
background:url(fbg.png);
width:406px;
height:195px;

}

.news_image {
float: left;
width: 144px;
height:72px;
margin:6px 0 0 22px;
}
.news_name {
margin:6px 30px 0 184px;
text-align: center;
}

.news_mess {
float: left;
width: 198px;
height:107px;
margin:6px 0 0 15px;
}

.news_morefoto {
width: 90px;
margin:-26px 0 0 50px;
text-align: center;
float:left;
z-index:2;
}
[/CSS]

изображение во вложении, красным помечены див которые будут заполнятся инфой, слева фото, справа описание. Как не стараюсь сделать так, что бы все див были на переднем плане, не получается.

может есть другие способы это сверстать? более легкие и прозрачные? =)

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

pavelsc pavelsc 26.11.2011, 5:24; Сообщений: 745 Поблагодарили: 0 раз Репутация: 0 Просмотр профиля	26.11.2011, 5:24; Ответить: pavelsc Сообщение #2
0 Группа: User Сообщений: 745 Регистрация: 1.8.2010 Поблагодарили: 0 раз Репутация: 0	Константин Рослов, что значит на переднем плане? Выставите у всех div position:relative; z-index:100;

Сергей Шолохов

27.11.2011, 20:01; Ответить: Сергей Шолохов

Сообщение #3

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

Это подходит?

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>test</title>

<style>

.main{background:green;color:white;padding:5px 10px;width:410px;}
.header{padding-left:200px;margin-bottom:5px;}
.content{overflow:hidden}
.left{float:left;width:150px;}
.right{margin-left:160px;width:250px;}
.photo{height:60px;background:white;color:black;}
.img_descr1{margin:5px 0;}
.img_descr2{margin:5px 0;}
.img_descr3{float:right;}
.text{height:100px;background:white;color:black;}
.text_descr{float:right;padding-top:5px;}

</style>

</head>

<body>

<div class="main">
<div class="header">Заголовок новости</div>
<div class="content">
<div class="left">
<div class="photo">Фотография</div>
<div class="img_descr1">Описание 1</div>
<div class="img_descr2">Описание 2</div>
<div class="img_descr3">Описание 3</div>
</div>
<div class="right">
<div class="text">Полное описание</div>
<div class="text_descr">Надпись справа внизу</div>
</div>
</div>
</div>

</body>
</html>

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

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

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

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

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

Похожие темы

Тема	Ответов	Автор	Просмотров	Последний ответ
Требуется помощь по сайту на "ВордПресс" Закрылся доступ в панель администратора	15	Tia2	2347	17.4.2024, 0:54 автор: diviner99
Состояние после ампутации - нужна помощь благотворительный топик	49	vitvirtual	5875	1.4.2024, 5:23 автор: vitvirtual
Нужна ли плоская структура категорий в ИМ?	1	noviktamw	1171	26.3.2024, 21:50 автор: c4p1t4l15t
требуется помощь с themasoftware (Темапостером)	0	Taylor	623	16.3.2024, 18:41 автор: Taylor
Нужна рассылка по емаил базе сео-студий	0	kasey7	682	2.3.2024, 23:13 автор: kasey7

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

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

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

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

Дизайн