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



 

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

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

2 страниц V   1 2 >
Открыть тему
Тема закрыта
> При наложении div блоков, появляется рамочка, Как убрать?
AcidPrice
AcidPrice
Topic Starter сообщение 29.6.2010, 10:54; Ответить: AcidPrice
Сообщение #1


Вот ради тренировки так сказать, решил я склепать обычную страничку. Естественно решил все раполагать div блоками, все было хорошо, пока не приспичило мне украсить центральный контентовый блок разными картиночками, так как я совсем не профи, решил все картиночки опять засунуть в div блоки и размещать их параметром
z-index. Вот тогда то и при наложении блоков друг на друга появилась эта непонятная рамочка.
[img]http://s58.radikal.ru/i161/1006/56/1a5a1ae0e25at.jpg[/img]
Выслушаю ваши советы по коду, где было бы лучше по другому, где вообще руки из попы. В общем страждуще ищу помощи)) И спасибо админу что снял запрет на необходимость 10 сообщений)
<html>
<head>
<title>
Abstact
</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<div id="head">
</div>
<div id="left">
</div>
<div id="content">
<div id="flower">
</div>
</div>
</head>
<body>
<div id="bottom">
</div>
</body>
</html>

* {
margin: 0;
padding: 0;
}
#head {
float: left;
background: black url(top.jpg) no-repeat left top;
height: 285px;
width: 100%;
border-width: 0px;
}
#left {
float: left;
background: black url(left.jpg) no-repeat;
height: 1295px;
width: 286px;
}
body {
background-color: black;
}
#bottom {
float: left;
background: black url(bottom.jpg) no-repeat left bottom;
height: 428px;
width: 100%;
}
#content {
border-width: 1px;
border-style: solid;
border-color: #291d0d;
position: absolute;
top: 285px;
left: 285px;
background: #140f09;
height: 1300px;
width: 70%;
z-index: 1;
}
#flower {
    float: left;
    background: url(flower.jpg) no-repeat;
    height: 153px;
    width: 176px;
    z-index: 2;
}
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matt
Matt
сообщение 29.6.2010, 11:09; Ответить: Matt
Сообщение #2


У вас в стиле блока content прописана рамка (border):

#content {
border-width: 1px;
border-style: solid;
border-color: #291d0d;
position: absolute;
top: 285px;
left: 285px;
background: #140f09;
height: 1300px;
width: 70%;
z-index: 1;
}

Просто уберите её (напишите 0 px или цвет сделайте как у фона)


--------------------
Мой блог. Продвижение и оптимизация сайтов
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AcidPrice
AcidPrice
Topic Starter сообщение 29.6.2010, 11:29; Ответить: AcidPrice
Сообщение #3


Дак в блоке #content мне и нужна рамка, а вот в блоке #flower - нет. Если я к примеру напишу в блоке flower рамку, то их станет каким-то образом две) Я ж на картинке показал расположение всех блоков)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Гость_0_* Гость_0_*
сообщение 29.6.2010, 11:36; Ответить: Гость_0_*
Сообщение #4


#flower {
    float: left;
    background: url(flower.jpg) no-repeat;
    height: 153px;
    width: 176px;
    z-index: 2;
}

У вас прописана картинка, а её нет. Думаю поэтому и рамка появляется или у меня руки от туда же :blink:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AcidPrice
AcidPrice
Topic Starter сообщение 29.6.2010, 11:43; Ответить: AcidPrice
Сообщение #5


Ахах, нет. Картинка есть, и прекрасно отображается
[img]http://s59.radikal.ru/i164/1006/a5/5071cefc0e56t.jpg[/img]
Это можно убедиться на первом скрине, без нее был бы просто коричневый блок #content в рамочке :blink:
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Matt
Matt
сообщение 29.6.2010, 11:44; Ответить: Matt
Сообщение #6


Может она наследуется как раз от блока content? Вот бы страничку глянуть, есть проги, которые показывают, что от чего зависит и откуда появляется.


--------------------
Мой блог. Продвижение и оптимизация сайтов
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AcidPrice
AcidPrice
Topic Starter сообщение 29.6.2010, 11:54; Ответить: AcidPrice
Сообщение #7


Не должно быть, я ведь сначала content поставил, никакой рамочки небыло. Добивил flower и вот появилась. Но все же вот ссыль на страничку Не удивляйтесь ее кривости :blink: Делал под свой монитор))
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
sc2r2bey
sc2r2bey
сообщение 29.6.2010, 12:39; Ответить: sc2r2bey
Сообщение #8


картинки прикрепи вечером гляну, отображается во всех браузерах? какой доктайп?


--------------------
Заметки о разработке и не только
программирую web и для we
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
AcidPrice
AcidPrice
Topic Starter сообщение 29.6.2010, 12:47; Ответить: AcidPrice
Сообщение #9


Да, проверял в хроме, опере, дрим вивере. Доктайп не стал писать, все стандартно :blink: Картинки на форум прикрепить не могу, по этому выложил их вместе с полной страничкой на депозит. Ссылка выше :)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
gaaarfild
gaaarfild
сообщение 29.6.2010, 16:26; Ответить: gaaarfild
Сообщение #10


А для чего z-index, не поделишься секретом?
У тебя же не абсолютное позиционирование. z-index - это слои.
Попробуй убрать их.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
« Предыдущая тема · Программная часть · Следующая тема »
 
2 страниц V   1 2 >
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ.
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п
 7 stu999 1753 31.3.2024, 11:19
автор: stu999
Открытая тема (нет новых ответов) Моя div-ная верстка соответствует ли стандартам
Хотелось бы конструктивной критики
 10 muratastana 1594 14.1.2023, 1:16
автор: xweb
Открытая тема (нет новых ответов) ПРОЦЕССИНГ НА РУ-КАРТЫ, КИВИ, СИМ С ГАРАНТИЕЙ ОТ БЛОКОВ
 0 Dark_process 1014 7.11.2022, 13:48
автор: Dark_process
Открытая тема (нет новых ответов) Получил странную ссылку при линкбилдинге
Как поведет себя поиск при обнаружении странной ссылке?
 10 r0mZet 2203 24.10.2022, 19:23
автор: Wachowski
Горячая тема (нет новых ответов) 300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе!
 65 inkon 30378 19.7.2022, 13:41
автор: Funoman


 

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

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

RSS Текстовая версия Сейчас: 19.4.2024, 19:04

Дизайн

 
Форум IP.Board © 2024  IPS, Inc.
Лицензия зарегистрирована на: MaulNet
Jooble
Форум IP.Board © IPS, Inc.
Лицензия зарегистрирована на: MaulNet