Ссылки

Elusive · September 5, 2008

Почему то в Опере под ресунками при нажатии на него появляеться полоска. Где я допустил ошибку?

А в ИЕ ссылки с ресунков принимают стиль ссылок списка. Подскажите пожалуйста как это исправить. Заранее спасибо за ответы.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>
</title>
<style type="text/css">
<!--
body {
	background: #cff;
	margin: 0;
	padding: 0;
	}
#list {
	float: left;
	width: 200px;
	background: #f36;
	}
#content {
	margin-left: 230px;
	background: #f0c;
	}
#container #list ul {
	margin: 0;
	padding: 0;
	}
#container #list li {
	list-style: none;
	}
#container #list li a {
	height: 30px;
	width: 199px;
	display: block;
	}
.list {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
	}
.bottom {
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	text-align: center;
	}
#container #list a:link, a:visited {
	background: #360;
	color: #900;
	}
#container #list a:hover, a:active {
	background: #f96;
	color: #cfc;
	}
#container #content img {
	height: 100px;
	width: 100px;
	margin: 20px 20px;
	border: none;
	}
#container #content a:
	text-decoration: none;
	}

-->
</style>
</head>
<body>
<div id="container">
<div id="list">
	<ul>
		<li><a href="" class="list">home</a></li>
		<li><a href="" class="list">home</a></li>
		<li><a href="" class="bottom">home</a></li>
	</ul>
</div>
<div id="content">
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>
<a href=""><img src="" alt="img" /></a>

</div>
</div>
</body>
</html>

Edited September 5, 2008 by Elusive

DjTarik · September 5, 2008

В общем - ты просто прописал для всего #container background... просто убери его из #container #content a:... Т.е. пропиши, к примеру прозрачный...

Пример:

#container #content a:active {

background: transparent;

}

Edited September 5, 2008 by DjTarik

Elusive · September 5, 2008

Дело в том, что я хочу что бы список менял цвет при наведении. Но почему то не получаеться задать стиль для определенного диапазона ссылок, если я меняю стиль - то это влияет на весь документ (на все ссылки). Нужно что бы список (боковая панель) осталась с прежним редактированием, а остальные ссылки в документе можно бы было задать другим стилем.

DjTarik · September 5, 2008

ну так оно так и есть... Боковой блок - при наведении меняет цвет... Рисунки - нет... Или не так нужно?

Elusive · September 10, 2008

Если просматривать этот код в ИЕ то все нормально, но вот в опере появляеться полоска, которая тоже являеться ссылкой. С цветом я уже разобрался, а вот ее убрать не как не могу.

Неужели нету выхода? Помогите советом начинающему, очень надо. Заранее спасибо

Edited September 12, 2008 by Elusive

Sign In

Ссылки

Question

Elusive

Link to comment

Share on other sites

4 answers to this question

Recommended Posts

DjTarik

Link to comment

Share on other sites

Elusive

Link to comment

Share on other sites

DjTarik

Link to comment

Share on other sites

Elusive

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information