SEO Сообщество: Спрашивайте и помогайте

Присоединяйтесь к сообществу профессиональных веб-мастеров PR-CY, отвечайте на вопросы коллег и задавайте свои.

Q&A SEO

Поехал текст на сайте. Выручайте, я не могу понять в чем дело

MosTime MosTime  
2
  18.01.2017 22:03       1 623    
На сайте http://удостоверениеохранатруда.рф/blog/14-требования-безопасности-при-выполнении-высотных-работ   поехал текст, в админке (МОДх) всё ровно, в чем может быть проблема? Подскажите народ,по-любому какая-нибудь фигня, буду благодарен.

Ответы на пост (10) Написать ответ
Здравствуйте. Вам сейчас скажут вспоминать, что Вы делали перед этим. Иначе как выяснить причину.
0
Alex McDee Alex McDee
4
18.01.2017 22:37
.blog-post-list .entry-content p {
font-weight: 300;
color: #8B8B8B;
line-height: 25px;
/* display: inline-block; */
font-size: 14px;
position: relative;
/* top: -90px; */
text-align: justify;
}

Итак, для начала вы сделали блочный тэг "p", строчно-блочным. Первая ошибка которую никогда не повторяйте. Если вы нужно какой-то отдельный <p> сделать строчно-блочным (советую в таком случае использовать <span>, он по умолчанию inline-block) то используйте именно для него style="param: parama;" или добавляйте для него класс и описывайте его в глобальном CSS (если он повторяем).
Искажение также сделал "top: -90px;" подняв текст вверх
1
Alex McDee Alex McDee
4
18.01.2017 22:42
Также не забудьте пофиксить ваш JS файл work.js, у меня браузер отловил ~318 ошибок. Ошибки не очень сложные, "Cannot read property 'top' of undefined", связанные с неопределенными переменными. Они затрудняют отображение страницы.
0
Alex McDee Alex McDee
4
18.01.2017 22:52
так же у Вас в конце поста, слово комментарии вылезло на кнопки шаринга. Точно сказать не могу в чем проблема, так как может быть что где-то был удален случайно закрывающий </div> но пока для того что-бы немного подправить, добавьте этот CSS в к уже описаному класу .mb70 в файлу style.css
.mb70 {
display: inline-block;
}
0
Alex McDee Alex McDee
4
19.01.2017 01:27
Это уже ненужно, проблему профиксил, внизу все уже готово.
0
Chuvachok Chuvachok
1124
19.01.2017 00:33
1. Зайди в свою статью (выключи редактор, если включен)
2. Найди строку:
&lt;span class="slide-tit"&gt;&lt;p&gt;Много текста тестового&lt;/p&gt;&lt;/span&gt;
3. Удалить её.

Решение:
&gt;&gt;&gt; Вставить эту строку вместо удаленной.
&lt;p&gt;&lt;span class="slide-tit"&gt;Много текста тестового&lt;/span&gt;&lt;/p&gt;
0
Chuvachok Chuvachok
1124
19.01.2017 00:36
эти кракозябры модер может удалить, раньше мнемоника вставлялась, теперь видимо изменения на pr cy ...
0
Chuvachok Chuvachok
1124
19.01.2017 00:34
В общем лови ...

1. Зайди в свою статью (выключи редактор, если включен)
2. Найди строку:
<span class="slide-tit"><p>Много текста тестового</p></span>
3. Удалить её.

Решение:
>>> Вставить эту строку вместо удаленной.
<p><span class="slide-tit">Много текста тестового</span></p>
0
Chuvachok Chuvachok
1124
19.01.2017 00:52
А нет, не выйдет, это я просто ошибку нашел первую попавшиюся в твоем коде, там их у тебя столько,
хватить до следующего года исправлять. Я бы сделал так, раз у тебя именно в этой статье всё плывет,
просто удали статью и заново напиши её. Думаю ошибку ты не сможешь повторить два раза продря,
в других статьях ты ведь не допускал ошибок? Удаляй и заново пиши ... Или бери трактор и копай в дивах,
ошибки пешек не помогут тебе восстановить блоки.
0
Alex McDee Alex McDee
4
19.01.2017 01:26
Нашел основные ошибки, постарайтесь изучить более подробно СSS, так как некоторые ошибки фатальны. Задавайте высоту блока height только если это нельзя больше никак обойти, а то именно из-за нее и float падала верста, когда тестил, основные косяки исправил, ниже смотрите что нужно изменить, добавить и удалить.
Все правки для файла style.css. И так начнем:
Изменить:
.blog-area .single-post .entry-title,
.blog-area .blog-post-list .entry-title > a {
text-decoration: none;
color: #333;
font-size: 22px;
letter-spacing: 2px;
text-transform: capitalize;
position: relative;
Удалить -> top: -42px;
}
Добавить:
После этого блока добавить этот, так как я написал:
.blog-area .blog-post-list .entry-title {
margin: 0;
}
Удалить:
.entry-content {
float: left;
}
Изменить:
.blog-post-list .entry-content p {
font-weight: 300;
color: #8B8B8B;
line-height: 25px;

Удалить -> display: inline-block;
font-size: 14px;
position: relative;

Удалить -> top: -90px;
text-align: justify;
}
Изменить:
.blog-post-list {
margin-bottom: 50px;
Удалить -> height: 475px;
}
Удалить:
.mb70 {
margin-bottom: 70px !important;
}
Удалить:
.mb30 {
margin-bottom: 30px !important;
}
Изменить:
.section-title h3, .section-title h2 {
margin-top: 0px;
font-size: 16px;
position: relative;
Удалить -> margin-bottom: 70px;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: 700;
}

После этого будут корректно отображены все статьи, и не будет бешеных отступов до и после заголовка, как я понял из-за этого все и начались правки с "top". Надеюсь помог решить проблему.
1