<div class="sidebar">
<h2>News</h2>
<span>4/14/2020</span>
<p>We started a new project!</p>
<a href="#">Read</a>
</div>блок кода, работает не корректно, ссылкой становиться весь код, вместо одного слова "Read".
Нужно весь код посмотреть, может выше где-то div незакрыт или другая ошибка.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<meta name="description" content="KinoMonster - there is kino portal" />
<meta name = "keywords" content="films, films online" />
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<div class="main">
<div class="header">
<div class="logo">
<div class="logo_text">
<h1><a href="/">KinoMonster</a></h1>
<h2>There is Kino our passion</h2>
</div>
</div>
<div class="menubar">
<ul class = "menu">
<li class="selected"><a href="#">Main</a></li>
<li class="selected"><a href="#">Films</a></li>
<li class="selected"><a href="#">TV Series</a></li>
<li class="selected"><a href="#">Films Rating</a></li>
<li class="selected"><a href="#">Contacts</a></li>
</ul>
</div>
</div>
<div class="site_content">
<div class="sidebar_container">
<div class="sidebar">
<h2>Search</h2>
<form method="post" action="#" id="search_form">
<input type="search" name="search_field" placeholder = "your request" />
<input type="submit" class="btn" value="search" />
</form>
</div>
<div class="sidebar">
<h2>Enter</h2>
<form method="post" action="#" id ="login" >
<input type="text" name="login_field" placeholder="Login"/>
<input type="password" name="password_field" placeholder="password">
<input type="submit" class="btn" value="Enter"/>
<div class="labels_passreg_text">
<span><a href = "#">forget password</span> | <span><a href = "#">registration</span>
</div>
</form>
</div>
<div class="sidebar">
<h2>News</h2>
<span>4/14/2020</span>
<p>We started a new project!</p>
<a href="#">Read</a>
</div>
</div>
</div>
</div>
</style>
</body>
</html>я так понимаю проблема на уровне html.
Как я и предполагал. Ошибки:
1. Лишние пробелы:
После name
<meta name = "keywords" content="films, films online" />тут тоже
<ul class = "menu">тут после placeholder
<input type="search" name="search_field" placeholder = "your request" />тут, где id лишние пробелы также
<form method="post" action="#" id ="login" >И здесь лишние пробелы, где href
<span><a href = "#">forget password</span> | <span><a href = "#">registration</span>2. Лишний </div> стоит сразу после блока:
<div class="sidebar">
<h2>News</h2>
<span>4/14/2020</span>
<p>We started a new project!</p>
<a href="#">Read</a>
</div>3. Лишний style стоит, нужно убрать:
</style>4. Нет закрывающих </a>:
<div class="labels_passreg_text">
<span><a href = "#">forget password</span> | <span><a href = "#">registration</span>
</div>братан , я не думаю то что проблема в пробелах тут есть какая то, но </a> все решило, спасибо, я с джавы перелез на html/CSS ибо работу трудно найти без опыта, на бек энде, в интерпетаторе все ошибки подсвечиваются, тут повеситься можно)