Подчеркивая ссылки - PullRequest
Новая
       4

Подчеркивая ссылки

0 голосов
/ 26 августа 2018

Пишу сайт на заказ.Но я столкнулся с проблемой в первый раз - не могу убрать подчеркивания снизу ссылки.Уже пробовал через 

a: hover {text-decoration: none}

как и по другому.Ниже я приведу HTML-код, а также CSS-код, который я прошу помочь исправить такую ​​неожиданную ошибку 

body{background: #efefef 
	url("images/geometry2.png");
	margin: 0; padding: 0;
	font: 16px/24px Arial, Tahoma, Sans-serif;
}

div.mid{
	width: 1000px; margin: 0 auto; 
}
a:hover {
	text-decoration: none;
}
div.header{
	background: #101417;
}
/*Шапка  сайта*/
div.topmenu{float: right;height: 70px; line-height: 70px;}
div.topmenu a{margin: 0 0 0 10px; color: #0000FF;}
div.topmenu a:hover{color: #fff}
div.afisha {padding: 20px 50px 0 50px; background: #f2f2f2 url("images/headline.png") top repeat-x;}
div.afisha img {float: left; }
div.afisha h3 {font-size: 24px; font-weight: normal; text-align: center; color: #830000;}
div.afisha p{text-align: center;}
div.afisha a{font-size: 20px; color: #fff; font-weight: bold; background: #b23600; border: 1px solid #862900;}
div.clear{clear: both;}
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>Мой сайт</title>
	<link rel="shortcut icon" type="image/x-icon" href="images/logomin.png">
	<link rel="stylesheet" href="style.css" media="all">
</head>
<body>
	<div class="header">
		<div class="mid" >
			<header>
				<div class="topmenu" style='float:right;height: 70px; line-height: 70px'
				</div>
				<aside>
					<a href="#">Главная</a>
   				    <a href="#">Тренинг</a>
  					<a href="#">Шаблоны</a>
    				<a href="#">Контакты</a>
   					 </aside>
   						</div>
				<img src="images/logo.png" alt="Логотип сайта" title="Логотип сайта">
				<div class="afisha"</div>
					<img src="images/v5.jpg" alt="Обложка тренинга" title="Обложка тренинга">
				<h3>Стань профессиональным верстальщиком<br>всего за 2 месяца<br> и зарабатывай по 30 000 рублей!</h3>
				<p><a href="#">Смотрите здесь</a><p>
				<div class="clear"></div>
			</header>
		</div>
	</div>
	<div class="menu">
		<div class="mid" >Привет мир</div>
	</div>
	<div class="conten">
		<div class="mid" ></div>
	</div>
	<div class="footer">
		<div class="mid" ></div>
	</div>
</body>
</html>

Ответы [ 2 ]

0 голосов
/ 26 августа 2018

С помощью : hover вы можете установить свойства CSS, когда ссылка наведена (т. Е. Мышь находится над ссылкой).

Кажется, вы хотите удалить свойство подчеркивания по умолчанию для ссылки,Для этого вам нужно применить CSS непосредственно к тегу: 

a{text-decoration: none}
0 голосов
/ 26 августа 2018

попробуйте с 

div.mid{
width: 1000px; margin: 0 auto; 
}
a {
   text-decoration: none;
}
a:hover {
text-decoration: none;
}

также очистить кеши перед проверкой результатов ..

...