магия с ссылкой

prowoke · October 13, 2010

Делаю сайт, внизу хочу сделать ссылку на того, кто делал.

Делаю я так:

<div id="developers">
				Developed by <a href="">webdevelop</a> 2010.
			</div>

В стилях вот что:

#developers {
	margin: 350px 0 0 60px;
	font-size: 10px;
	color: #A9A9A9;
	width: 170px;
	height: 30px;
}
#developers a {
	color: #A9A9A9;
}

файл с контентом подключается include в главном файле сайта index.php.

Так вот проблема вот в чём. Ссылка при наведении не работает, все остальные работают. Причём в опере работает, в лисе и хроме нет.

Я не могу понять ПОЧЕМУ?

Vlad · October 13, 2010

Адрес специально в ссылке не указан?

Veseloff · October 13, 2010

Ссылка при наведении не работает

Это что означает? При наведении на ссылку она не меняет цвет? Тогда надо делать :hover.

antonP · October 13, 2010

Иногда бывает не достатачно показать только часть кода...

дай ссылку на сайт где не работает, тогда думаю тебе сразу отверят в чём дело

psywalker · October 13, 2010

Вполне возможно, что Влад прав, впиши в хреф хотя-бы решётку.

prowoke · October 17, 2010

Вот html код:

<!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>
		<title>Вася пупкин</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" href="style.css" type="text/css">
	</head>

<body>
		<div id="mainblock">
			<div id="name">Фотограф Вася Пупкин</div>
					<div id="list">
						<ul>
							<li><a href="">Портреты</a></li>
							<li><a href="">Moments of life</a></li>
							<li><a href="">Свадебные фото</a></li>
							<li><a href="">Репортажи</a></li>
							<li><a href="">Услуги</a></li>
							<li><a href="contacts/index.php">Контакты</a></li>
						</ul>
					</div>

		</div>
		<div id="developers">
			Developed by <a href="#">webdevelop</a> 2010.
			</div>
	</body>

</html>

Вот css код

html, body {
 	margin: 0;
	  padding: 0;
	  height: 100%;
	font-family: calibri;
}
#mainblock {
	 min-height:100%;
   	 width: 400px;
 	 margin: 70px auto;
 	 text-align: center; 
	 position: relative;
}
#name {
	font-size: 24px;
}
#list {
	margin-right: 13%;
	padding-bottom: 50px;
}
#list ul li {
	list-style-type: none;
	padding-top: 28px;
}
#list ul li a {
	font-size: 18px;
	text-decoration: none;
	color: black;
}
#list ul li a:hover {
	text-decoration: underline;
	color: #4b0000;
}
#developers {	
	text-align: center;
	height:40px;
		margin-top: -100px;
	font-size: 11px;
	color: #93979b;
}
#developers a {
	color: #93979b;
}

Нижняя ссылка, которая находиться в developers не работает в 2 браузерах точно( в ие не проверял, у меня его нету). Не работает она в лисе и хроме, в опере работает. Решётку постаувил, легче не стало.

Edited October 17, 2010 by prowoke

mishka · October 18, 2010

#developers { position: relative }

prowoke · October 18, 2010

#developers { position: relative }

Эта проблема была у меня из за того, что на этот слой наезжал другой слой?

mishka · October 18, 2010

Эта проблема была у меня из за того, что на этот слой наезжал другой слой?

да, и он был выше по оси Z

Edited October 18, 2010 by mishka2

Sign In

магия с ссылкой

Question

prowoke

Link to comment

Share on other sites

8 answers to this question

Recommended Posts

Vlad

Link to comment

Share on other sites

Veseloff

Link to comment

Share on other sites

antonP

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

prowoke

Link to comment

Share on other sites

mishka

Link to comment

Share on other sites

prowoke

Link to comment

Share on other sites

mishka

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information