Поехал текст на сайте. Выручайте, я не могу понять в чем дело
На сайте http://удостоверениеохранатруда.рф/blog/14-требования-безопасности-при-выполнении-высотных-работ поехал текст, в админке (МОДх) всё ровно, в чем может быть проблема? Подскажите народ,по-любому какая-нибудь фигня, буду благодарен.
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;" подняв текст вверх
.mb70 {
display: inline-block;
}
2. Найди строку:
<span class="slide-tit"><p>Много текста тестового</p></span>
3. Удалить её.
Решение:
>>> Вставить эту строку вместо удаленной.
<p><span class="slide-tit">Много текста тестового</span></p>
1. Зайди в свою статью (выключи редактор, если включен)
2. Найди строку:
<span class="slide-tit"><p>Много текста тестового</p></span>
3. Удалить её.
Решение:
>>> Вставить эту строку вместо удаленной.
<p><span class="slide-tit">Много текста тестового</span></p>
хватить до следующего года исправлять. Я бы сделал так, раз у тебя именно в этой статье всё плывет,
просто удали статью и заново напиши её. Думаю ошибку ты не сможешь повторить два раза продря,
в других статьях ты ведь не допускал ошибок? Удаляй и заново пиши ... Или бери трактор и копай в дивах,
ошибки пешек не помогут тебе восстановить блоки.
Все правки для файла 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". Надеюсь помог решить проблему.