Текст с блоке стал ссылкой, Как исправить?
292
28 сентября 2018, 14:50
После абсолютного позиционирования ссылки (двух стрелочек), весь текст в блоке стал ссылкой. В частности если удалить из блока .move_two_up ссылку, то текст становится текстом. Объясните новичку, что не так сделал?
@font-face {
font-family: 'Museo Sans Cyrl';
src: url('../fonts/MuseoSansCyrl-100.eot'); /* IE9 Compat Modes */
src: url('../fonts/MuseoSansCyrl-100.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/MuseoSansCyrl-100.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/MuseoSansCyrl-100.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/MuseoSansCyrl-100.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/MuseoSansCyrl-100.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: 100;
font-style: 100;
}
@font-face {
font-family: 'Museo Sans Cyrl';
src: url('../fonts/MuseoSansCyrl-300.eot'); /* IE9 Compat Modes */
src: url('../fonts/MuseoSansCyrl-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/MuseoSansCyrl-300.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/MuseoSansCyrl-300.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/MuseoSansCyrl-300.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/MuseoSansCyrl-300.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: 300;
font-style: 300;
}
@font-face {
font-family: 'Museo Sans Cyrl';
src: url('../fonts/MuseoSansCyrl-500.eot'); /* IE9 Compat Modes */
src: url('../fonts/MuseoSansCyrl-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/MuseoSansCyrl-500.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/MuseoSansCyrl-500.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/MuseoSansCyrl-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/MuseoSansCyrl-500.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: 500;
font-style: 500;
}
@font-face {
font-family: 'Museo Sans Cyrl';
src: url('../fonts/MuseoSansCyrl-700.eot'); /* IE9 Compat Modes */
src: url('../fonts/MuseoSansCyrl-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/MuseoSansCyrl-700.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/MuseoSansCyrl-700.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/MuseoSansCyrl-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/MuseoSansCyrl-700.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: 700;
font-style: 700;
}
@font-face {
font-family: 'Museo Sans Cyrl';
src: url('../fonts/MuseoSansCyrl-900.eot'); /* IE9 Compat Modes */
src: url('../fonts/MuseoSansCyrl-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/MuseoSansCyrl-900.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/MuseoSansCyrl-900.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/MuseoSansCyrl-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/MuseoSansCyrl-900.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: 900;
font-style: 900;
}
@font-face {
font-family: 'Museo Sans Cyrl';
src: url('../fonts/MuseoSansCyrillic-100Italic.eot'); /* IE9 Compat Modes */
src: url('../fonts/MuseoSansCyrillic-100Italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('../fonts/MuseoSansCyrillic-100Italic.woff2') format('woff2'), /* Super Modern Browsers */
url('../fonts/MuseoSansCyrillic-100Italic.woff') format('woff'), /* Pretty Modern Browsers */
url('../fonts/MuseoSansCyrillic-100Italic.ttf') format('truetype'), /* Safari, Android, iOS */
url('../fonts/MuseoSansCyrillic-100Italic.svg#svgFontName') format('svg'); /* Legacy iOS */
font-weight: 100;
font-style: italic;
}
body {
font-family: 'Museo Sans Cyrl', sans-serif;
font-size: 17px;
}
/* Меню */
#header {
background: url(../img/header.png) no-repeat center top;
height: 747px;
}
.nav ul {
margin-top: 32px;
padding: 0px;
margin-left: 30px;
}
.nav {
padding-right: 0px;
}
.nav__main_menu_list {
float: left;
display: block;
font-size: 11px;
font-weight: 900;
margin-right: 20px;
letter-spacing: 0.2px;
}
.nav__main_menu_list a {
text-decoration: none;
text-transform: uppercase;
color: #fff;
}
.nav__main_menu_list a:hover {
background: #386075;
border-radius: 3px;
padding: 13px 12px;
color: #fff;
}
.nav__main_menu_phone img {
float: left;
margin-top: 10px;
padding-right: 15px;
}
.nav__main_menu_phone {
font-size: 16px;
font-weight: 900;
color: #fff;
margin-top: 15px;
}
.nav__main_menu_list:nth-child(5) {
padding-right: 0;
}
/* Конец Меню */
.heading h1 {
font-size: 90px;
font-weight: 900;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 27px;
margin-top: 200px;
}
.heading span {
font-size: 51px;
letter-spacing: 8px;
}
.heading__img {
text-align: center;
margin-top: 110px;
}
.advantages h2 {
font-size: 42px;
font-weight: 900;
text-align: center;
margin-top: 77px;
text-transform: uppercase;
letter-spacing: 3px;
}
.advantages__list {
background: #f4f4f4;
text-align: center;
font-size: 17px;
font-weight: 100;
height: 356px;
width: 360px;
}
.advantages__list h3 {
font-size: 20px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 2px;
}
.advantages__img_left {
background: url(../img/advantages_left.png) no-repeat center center;
height: 80px;
padding-top: 150px;
}
.advantages__img_top {
background: url(../img/advantages_top.png) no-repeat center center;
height: 80px;
padding-top: 150px;
}
.advantages__img_right {
background: url(../img/advantages_right.png) no-repeat center top;
height: 80px;
padding-top: 150px;
}
.advantages__line {
background: url(../img/advantages_line.png) no-repeat center center;
height: 1px;
margin-top: 20px;
}
.advantages__list p {
font-size: 17px;
font-weight: 100;
margin-top: 15px;
line-height: 22px;
}
#first {
background: url(../img/first.png) no-repeat center top;
min-height: 790px;
}
.move h2 {
font-size: 42px;
font-weight: 900;
color: #fff;
text-align: center;
text-transform: uppercase;
letter-spacing: 5px;
margin-top: 90px;
}
.move blockquote {
font-size: 18px;
font-weight: 100;
font-style: italic;
color: #fff;
text-align: center;
}
.move p {
font-size: 14px;
font-weight: 900;
color: #fff;
text-align: center;
letter-spacing: 4px;
text-transform: uppercase;
}
.move_two {
border: 1px dashed #fff;
text-align: center;
height: 165px;
margin-top: 55px;
position: relative;
}
.move_two_up img {
position: absolute;
left: 550px;
top: -15px;
}
.move_two_down img {
position: absolute;
left: 550px;
bottom: -15px;
}
.move_two p {
font-size: 19px;
font-weight: 100;
text-transform: uppercase;
letter-spacing: 3px;
color: #fff;
margin-top: 45px;
}
.move_two h2 {
font-size: 23px;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 3px;
color: #fff;
}<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Болгария ждет Вас!</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header id="header">
<nav>
<div class="container">
<div class="row">
<div class="col-md-2 logo">
<img src="img/logo.png" alt="logo">
</div>
<div class="col-md-7 nav">
<ul class="nav__main_menu">
<li class="nav__main_menu_list">
<a href="#">Главная</a>
</li>
<li class="nav__main_menu_list">
<a href="#">О компании</a>
</li>
<li class="nav__main_menu_list">
<a href="#">ВНЖ и ПМЖ в Болгарии</a>
</li>
<li class="nav__main_menu_list">
<a href="#">Недвижимость и переезд</a>
</li>
<li class="nav__main_menu_list">
<a href="#">Контакты</a>
</li>
</ul>
</div>
<div class="col-md-3 nav__main_menu_phone">
<img src="img/phone_icon.png" alt="icon">
+7 (495) 12-321-345<br>
+7 (495) 12-321-345
</div>
</div>
</div>
</nav>
<div class="container">
<div class="row">
<div class="col-md-12 heading">
<h1>Болгария<br>
<span>ждет Вас</span></h1>
<div class="heading__img">
<a href="#"><img src="img/heading.png" alt="d"></a>
</div>
</div>
</div>
</div>
</header>
<section>
<div class="container">
<div class="row">
<div class="col-md-12 advantages">
<h2>Наши преимущества</h2>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="advantages__list">
<div class="advantages__img_left">
</div>
<h3>Надежность</h3>
<div class="advantages__line">
</div>
<p>
Мы всегда придем к вам на помощь <br>в решении самых неоднозначных<br> вопросов
</p>
</div>
</div>
<div class="col-md-4">
<div class="advantages__list">
<div class="advantages__img_top">
</div>
<h3>Достоверность</h3>
<div class="advantages__line">
</div>
<p>
Достоверность - главный принцип<br> нашей работы. Мы знаем все тонкости переезда в Болгарию и оформления соответствующих документов
</p>
</div>
</div>
<div class="col-md-4">
<div class="advantages__list">
<div class="advantages__img_right">
</div>
<h3>Компетентность</h3>
<div class="advantages__line">
</div>
<p>
Наши специалисты с большим опытом работы помогут разобраться во всех юридических тонкостях переезда<br>
на ПМЖ в Болгарию
</p>
</div>
</div>
</div>
</div>
</section>
<section id="first">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="move">
<h2>Переезд в Болгарию</h2>
<blockquote>«Если Вам не нравится то место, где вы находитесь -<br>
смените его, Вы же не дерево»</blockquote>
<p>Джим Рон</p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="move_two">
<div class="move_two_up">
<a href="#"><img src="img/move_two.png" alt="">
</div>
<p>Пришло время и перед Вами стоит вопрос</p>
<h2>Как переехать в Болгарию на ВНЖ или ПМЖ?</h2>
<div class="move_two_down">
<a href="#"><img src="img/move_two.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
</body>
</html>Answer 1
Закрывать теги ссылок.
<a href="#"><img src="img/move_two.png" alt=""></a>
-
13:29
Кофе для программистов: как напиток влияет на продуктивность кодеров?
-
22:13
Рекламные вывески: как привлечь внимание и увеличить продажи
-
19:13
-
16:04
Стратегії та тренди в SMM - Технології, що формують майбутнє сьогодні
-
17:27
Выделенный сервер, что это, для чего нужен и какие характеристики важны?
-
22:17
-
18:08
Современные решения для бизнеса: как облачные и виртуальные технологии меняют рынок
-
18:54
-
17:35
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 47879 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30564 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 23873 visits
- Как через css изменить цвет png изображения? 10388 visits
- Blob video url download 10000 visits
- Php curl запрос через прокси с авторизацией 9261 visits
- Работа с captcha vk api 8140 visits
© "hostciti.net" 16.3.2025 | 20:33