#css #html #wordpress #padding
#css #HTML #wordpress #заполнение
Вопрос:
Вы все были так полезны в прошлый раз, я надеюсь, что вы сможете помочь мне с чем-то, что не давало мне покоя последние 2 дня…
Я установил плагин на WordPress под названием Snazzy Archives, чтобы интересно отображать мои архивы. Мне это нравится, это здорово, НО по какой-то причине между моим тегом H1 и моими архивами огромное пространство.. и еще одна вещь, которая меня раздражает, это то, что я не могу получить никакого интервала между изображением заголовка и тегом H1, несмотря на то, что он присутствует на любой другой странице…
Кто-нибудь может помочь с этим? Проблемная страница http://www.electrickiwi.co.uk/blog/archives
Спасибо!
Росс
Ответ №1:
В вашей разметке указано следующее:
<p>
<code> </code>
</p>
Прямо под архивами сообщений h1 . Вам также следует просмотреть поля и отступы в нижней части h1 ; в настоящее время он добавляет примерно 26px общее пространство между ними.
А затем, чтобы исправить интервал h1 между меню над ним, добавьте clear: both; в div id="container4" .
Кроме того, у вас div class="snazzy" есть дочерний code блок, который, похоже, ничего не делает.
Комментарии:
1. Привет, Джаред, спасибо, что откликнулся. Я удалил это с помощью Firebug, но это не полностью устраняет проблему с интервалом, с которой я столкнулся. Я также пытался удалить это, но его нет в коде шаблона, и я также не могу найти его в коде плагина… это действительно меня полностью смутило!
2. Похоже, это связано с плагином, я не писал этот код там. Блок кода даже не появляется, когда я просматриваю шаблон или код плагина. Это серьезно сводит меня с ума..
3. Я не думаю, что они на самом деле причиняют какой-либо вред теперь, когда я смотрю на это более внимательно; они кажутся просто там (без причины, которую я вижу). Смотрите мою правку.
4. Привет, Джаред, еще раз спасибо — ты исправил мой интервал между H1 и меню. Я все еще не могу избавиться от этого интервала между H1 и полем архивов. Однако сейчас это не главная проблема. Спасибо за вашу помощь.
5.
<p><code></code></p>По какой-то причине там есть ошибка (может быть, шикарный разработчик использует это для отладки и забыл удалить его?); Вам нужно будет выполнить поиск, чтобы найти закрывающие элементы. Но вам нужно найти это и удалить.
Ответ №2:
Попробуйте комбинацию удаления
<p>
<code> </code>
</p>
и установка a margin:0; padding:0 для вашего h1.archives
Комментарии:
1. <p> <code> </code> </p> не отображается в шаблоне .. это происходит, когда я просматриваю исходный код с помощью Firebug, но в шаблоне или коде плагина ничего нет.. Я понятия не имею, откуда это берется, и я так уверен, что именно в этом причина проблемы!