Проблема с CSS

DeadBlood

Пользователь
Регистрация
12.09.12
Сообщения
21
Реакции
7
Баллы
3
Возраст
32
Адрес
Украина,Закарпатская обл.г.Свалява
Собственно проблема с элементом #left_button.Он не отображается на странице(по задумке слева внизу как фон)
То что он перекрывает элемент #left я думаю можно решить через z-index(хотя пробывал не помогает), причем сам #left отображаеться но становиться не кликабельным.Почему же элемент #left_button вообще не отображаеться и мешает нормальной работе элемента #left?

П.С. да мб код кривенький,первый CSS)
 

Вложения

  • CSS.txt
    1.5 KB · Просмотры: 4
  • html.txt
    443 байт · Просмотры: 1

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
1. Никаких @charset "utf-8"; в файлах CSS быть не должно - только стили, иначе будет игнорироваться весь файл.
2. Где привязка стилей к документу? Тег link или директива @import - что-то должно быть. Как браузер узнает, где искать стили?
3. background-image:url(../img/left_bottom.png);
Ну-ну... Почитайте тему про относительные URL, а тут пишите * background-image: url(/img/left_bottom.png); *

Итого:
У меня всё работает вот в таком виде:

Код:
<html>
<head>
<link rel="stylesheet" type="text/css" href="css.css">
</head>
<body>
<div id="wrapper">	<div id="left_bottom">Ни хрена себе?</div> <div id="header"><a href=""></a></div>	<div onclick="location.href=#;" id="left"><p id="textleft">Left</p></div> <div onclick="location.href=#;" id="right">right</div> <div onclick="location.href=#;" id="center">center</div> <div id="clear"></div> <div id="top"></div> <div id="mail"></div> </div>
</body>
</html>

+ CSS

Код:
 body {	font:14px Verdana, Geneva, sans-serif;	background-color:#FFFFFF;
}
#left_bottom {	width:500px;	height:500px;	margin:0;	background-image: url(img/left_bottom.png);	position:absolute;	left:0%;	bottom:0%;	border:2px solid #000;
}
#wrapper {	margin:50px auto;	width:1000px;	height:300px;	background-repeat:no-repeat;	background-size:1000px 500px;	min-width:650px;	max-width:1100px;	box-shadow:5px 5px 50px;	opacity:0.45;	-moz-border-radius:5px;	-khtml-border-radius:10px;
}
#mail {	width:28px;	height:28px;	background-image:url(../img/mail.png)	background-repeat:no-repeat;	margin:0;	position:absolute;	top:50px;	left:35px;
}
#header {	margin:10px auto;	width:800px;	height:150px;	position:relative;	top:10px;	background-image:url(../img/header.png);
}
#left { margin:auto;	width:250px;	height:230px;	margin-bottom:12px;	float:left;	position:relative;	left:30px;	top:40px;	background-color:#F2FFD3;	opacity:0.7;	box-shadow:5px 15px 50px #000000;
}
#center { margin:0 340px 50px 340px ;	width:250px;	height:230px;	margin: auto;	position:relative;	top:40px; background-color:#F2FFD3;	opacity:0.7;	box-shadow:5px 15px 50px #000000;
}
#right { margin:auto;	width:250px;	height:230px;	margin-bottom:12px;	position:relative;	right:30px;	top:40px;	float:right;	background-color:#F2FFD3;	opacity:0.7;	box-shadow:5px 15px 50px #000000;
}
 

DeadBlood

Пользователь
Регистрация
12.09.12
Сообщения
21
Реакции
7
Баллы
3
Возраст
32
Адрес
Украина,Закарпатская обл.г.Свалява
Стили были прописаны в head,просто завтыкал копирнуть в файл.
На счет @charset "utf-8" спасибо,но Dreamweaver сам вставлял их в дефолтный проэкт СSS.

и очень странная история приключилась,ничего не менял,сегодня запустил все заработало .Мб кеш?Вроде и чистил его в браузерах.И поновой загружал/пересохранял.
 

Ночная странница

Пользователь
Регистрация
30.01.12
Сообщения
1.751
Реакции
965
Баллы
28
Возраст
47
Я извиняюсь и спасибо - повысила свой уровень знаний. Вот уж не думала, что для внешней таблицы стилей могут быть нужны указания на кодировку...
 
Последнее редактирование:

Статистика форума

Темы
200.631
Сообщения
380.508
Пользователи
327.849
Новый пользователь
ffors
Сверху Снизу