Проблема с CSS - HTML и CSS

COKOJIOB · 25.07.2009, 23:26

Доброго времени суток, такая проблема:
есть див-шапка сайта
в нем расположено еще 3 маленьких дива-кнопки
у всех уснановлен фиксированый размер в пикселях.
3 кнопки спозиционированны в нужное место дива, и кним преписан скрипт который меняет позицию бекграунда, а так же меняет указатель мыши.

проблема в том что.
все пространство на котором должны были бы находится кнопки, не будь они спозиционорованны, также реагирует как и кнопки, но визуально там ничего нет.

такая проблема только в мозиле, в опере и ИЕ все норм.
какие есть решения??

jeka5555 · 27.07.2009, 08:35

Дело в том что у тебя элементы <DIV> находятся внутри тега <a> и когда ты диву прописывал в стилях: "position:relative; left:773px; top:24px;" у тебя получалось что див вставал на нужное место, а <a> оставался там же где был и просто расширялся. Решение простое:
Прописать все, что было прописано для DIV'ов элементам <a>, дивы убираем совсем:

Код HTML:

	<a id="but1" href="lib.html"  onMouseOver="over(this)" onMouseOut="out(this)"></a>
	<a id="but2" href="galery.html"  onMouseOver="over(this)" onMouseOut="out(this)"></a>
	<a id="but3" href="stati.html"  onMouseOver="over(this)" onMouseOut="out(this)"></a>

А в стилях для для данных ID добавляешь: display:block; что бы наша ссылка приняла вид блочного элемента. Работает во всех браузерах, исправленный код можешь посмотреть в приложенном файле!
За благодарность можешь поставить мне +

COKOJIOB · 27.07.2009, 12:13

т.е. если тегу А прописать дисплей:блок, то им можно манипулировать как обычным дивом?

wall66 · 27.07.2009, 13:15

Цитата:

Сообщение от COKOJIOB

т.е. если тегу А прописать дисплей:блок, то им можно манипулировать как обычным дивом?

если любому строчному элементу прописать display:block то он будет вести себя как блок; соответственно если блочному элементу прописать display:inline - блочный элемент встанет в поток строки

разница между div и блочной ссылкой заключается в том, что у div ширина по умолчанию 100%, у <a> - по сожержимому

Scalper · 27.07.2009, 14:50

Такая проблема(из разряда для начинающих) :Есть таблица стилей,правда с одним правилом только(пока тренеруюсь)
BODY{background-image:fon.jpg;}-название файла mystyle.css. И html документ кототый на неё ссылается :
<html>
<head>
<title></title>
<LINK REL=STYLESHEET TYPE="text/css" HREF="mystyle.css">
</head>
<body>
Но при открытии док-та в браузере заданый фон не отображается.Если прописать в стиле backgroundcolor с указанием цвета-всё работает.Файлы(документ,каринка фона, таблица) все в одной папке.
Подскажите,в чём ошибка?

COKOJIOB · 27.07.2009, 14:53

спасибо.
тогда еще вопрос:
почему ширина блока игнорируется, хотя она выставлена в пикселях.
это бывает когда выставленно абсолютное позиционирование.

COKOJIOB · 27.07.2009, 14:54

Цитата:

Сообщение от Scalper

Такая проблема(из разряда для начинающих) :Есть таблица стилей,правда с одним правилом только(пока тренеруюсь)
BODY{background-image:fon.jpg;}-название файла mystyle.css. И html документ кототый на неё ссылается :
<html>
<head>
<title></title>
<LINK REL=STYLESHEET TYPE="text/css" HREF="mystyle.css">
</head>
<body>
Но при открытии док-та в браузере заданый фон не отображается.Если прописать в стиле backgroundcolor с указанием цвета-всё работает.Файлы(документ,каринка фона, таблица) все в одной папке.
Подскажите,в чём ошибка?

background-image:url(fon.jpg);
или так
background-image:url('fon.jpg');

wall66 · 27.07.2009, 15:32

Цитата:

Сообщение от COKOJIOB

почему ширина блока игнорируется, хотя она выставлена в пикселях.
это бывает когда выставленно абсолютное позиционирование.

какого именно блока ? в каком браузере ? где пример кода ?

COKOJIOB · 27.07.2009, 15:42

Цитата:

Сообщение от wall66

какого именно блока ? в каком браузере ? где пример кода ?

<div style="position:relative; widht:200px; height:100px; background:red; float:left;"></div>

в браузере ничего не появляется.

wall66 · 27.07.2009, 15:48

27.07.2009, 15:48	#10
wall66 Участник клуба Регистрация: 04.10.2008 Сообщений: 1,485	<div style="position:relative; width:200px; height:100px; background:red; float:left;"></div> Notepad2 *свободен...*

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
ссылки и CSS	Izhic	О форуме и сайтах клуба	3	31.07.2009 14:10
Картинка в css	vlad2423	HTML и CSS	1	03.03.2009 17:18
Наследование CSS	SunKnight	HTML и CSS	1	23.11.2008 01:39
CSS книги	Арес	HTML и CSS	7	31.03.2008 23:33

27.07.2009, 12:13	#3
COKOJIOB Регистрация: 25.07.2009 Сообщений: 7	т.е. если тегу А прописать дисплей:блок, то им можно манипулировать как обычным дивом?

27.07.2009, 14:50	#5
Scalper Новичок Джуниор Регистрация: 27.07.2009 Сообщений: 2	Такая проблема(из разряда для начинающих) :Есть таблица стилей,правда с одним правилом только(пока тренеруюсь) BODY{background-image:fon.jpg;}-название файла mystyle.css. И html документ кототый на неё ссылается : <html> <head> <title></title> <LINK REL=STYLESHEET TYPE="text/css" HREF="mystyle.css"> </head> <body> Но при открытии док-та в браузере заданый фон не отображается.Если прописать в стиле backgroundcolor с указанием цвета-всё работает.Файлы(документ,каринка фона, таблица) все в одной папке. Подскажите,в чём ошибка?

27.07.2009, 14:53	#6
COKOJIOB Регистрация: 25.07.2009 Сообщений: 7	спасибо. тогда еще вопрос: почему ширина блока игнорируется, хотя она выставлена в пикселях. это бывает когда выставленно абсолютное позиционирование.