Исправить ошибку Html

12
alexstvol
На сайте с 01.03.2012
Offline
53
751

При проверке сайта на Вордпрессе через валидатор (validator.w3.org), показывает ошибку (картинка ниже).

Самое обидное, что это последняя ошибка, которую надо исправить.

Место в сайте, где показывает ошибку (выводится название каждой статьи на главной странице), пример:

<div class="post" id="post-4679">
<h2 class="title1">
<p class="meta">
<a href="https:/.../amerikanskaya-zvezda-socialnyx-setej-podverglas-napadeniyu-pingvina.html" rel="bookmark" title="Перейти по ссылке на: Американская звезда социальных сетей подверглась нападению пингвина">Американская звезда социальных сетей подверглась нападению пингвина </a>
</p>
</h2>
<div class="entry">

Этот код в файле index.php:

<div class="post" id="post-<?php the_ID(); ?>">
<h2 class="title1">
<p class="meta">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Перейти по ссылке на: <?php the_title_attribute(); ?>"><?php the_title(); ?>
</a>
</p>
</h2>
<div class="entry">

Ну и из таблице стилей:

.pagetitle1 {
margin-top: 0;
}

.post .title1 {
border-bottom: 1px solid #0C0B0F;
}

.post h3.title1 {
font-size: 1.6em;
margin-top: -45px;
padding: 10px 15px 9px 40px;
}

.post .title1 a {
text-decoration: none;
color: #d3d0d0;
}


.post .meta {
height: 20px;
padding: 10px 15px 15px 40px;
background: url("images/img05.gif") no-repeat;
line-height: normal;
margin-top: 1px;
}

.post .meta a {
text-decoration: none;
font-weight: bold;
}

.post .meta a:hover {
text-decoration: underline;
}

.post .meta .posted {
float: left;
}

.post .meta .comments {
float: right;
}

Помогите, кто понимает где ошибка

X
На сайте с 04.12.2018
Offline
279
#1

Внутри тэга H2 должен быть текст, а не абзац со ссылкой.

H2 - это заголовок.

<H2>Американская звезда социальных сетей подверглась нападению пингвина</H2>

Удобный съем позиций (http://allpositions.ru/redirect/58277)
Geers
На сайте с 12.04.2011
Offline
487
#2

Код ужасно кривой.

Ошибка скорей всего незакрытого тега.

Это что такое? 2 стиля для одного дива.. :)

<div class="post" id="post-4679">
X
На сайте с 04.12.2018
Offline
279
#3

id может быть для Java скрипта, class для CSS

alexstvol
На сайте с 01.03.2012
Offline
53
#4
Xubart:
Внутри тэга H2 должен быть текст, а не абзац со ссылкой.
H2 - это заголовок.

<H2>Американская звезда социальных сетей подверглась нападению пингвина</H2>

Не так все просто, тут кроме текста, который является заголовком статьи, он выводится на фоне рисунка. Вот это прописано в стилях: background: url("images/img05.gif") no-repeat;

SJ
На сайте с 09.10.2017
Offline
30
#5

<div class="post" id="post-<?php the_ID(); ?>">
<h2 class="title1">
<p class="meta">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Перейти по ссылке на: <?php the_title_attribute(); ?>"><?php the_title(); ?>
</a>
</p>
</h2>
<div class="entry">

Нужно переработать в такой код


<div class="post" id="post-<?php the_ID(); ?>">
<h2 class="title1">
<a href="<?php the_permalink() ?>" rel="bookmark" title="Перейти по ссылке на: <?php the_title_attribute(); ?>"><?php the_title(); ?>
</a>
</h2>
<div class="entry">

и поправить стили.

Валидатор говорит: ошибка в том, что внутри блочного элемента заголовка не может быть блочный элемент: тег p

А вообще валидность дело спорное.. и зависит также от типа документа DOCTYPE

Есть строгий синтаксис и там ошибок может быть куча, есть нестрогий

eis
На сайте с 18.10.2008
Offline
473
eis
#6

alexstvol, в тегах H не должно быть других вложенных тегов

- Здесь я покупаю вечные ссылки на свои сайты! (https://backlinkator.com) - сотни ссылок за копейки
alexstvol
На сайте с 01.03.2012
Offline
53
#7
seo-jet:


и поправить стили.

Отлично, убрали (p class="meta") и получилась абракадабра.

SJ
На сайте с 09.10.2017
Offline
30
#8
alexstvol:
Отлично, убрали (p class="meta") и получилась абракадабра.

Стили поправили?

Открывающий и закрывающий тег p убрали?

Если все это сделали, то не должно быть проблем.

alexstvol
На сайте с 01.03.2012
Offline
53
#9
seo-jet:


Если все это сделали, то не должно быть проблем.

Самое интересное, что похожий код стоит в файле search.php, который запускается при поиске на сайте и нормально работает, вот он:

<div class="post">
<p class="meta"><h3 class="title1" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Перейти по ссылке на: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h3>
</p>
<div class="entry">

Если по аналогии сделать, то получим:

<div class="post">
<p class="meta"><h2 class="title1" id="post-<?php the_ID(); ?>"><a href="<?php the_permalink() ?>" rel="bookmark" title="Перейти по ссылке на: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
</p>
<div class="entry">

Но если его вставить в index.php, он тоже выдает искажение на сайте.

SJ
На сайте с 09.10.2017
Offline
30
#10
alexstvol:
Самое интересное, что похожий код стоит в файле search.php, который запускается при поиске на сайте и нормально работает, вот он:


Если по аналогии сделать, то получим:


Но если его вставить в index.php, он тоже выдает искажение на сайте.

Если Вы не знаете как работают правила css, то лучше не лезьте в код.

Или сделайте как я написал в коде, в личку киньте сайт, я вам пришлю css который нужно прописать

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий