Маржа не отображается должным образом

Question

Маржа не отображается должным образом

0

Я создаю свой личный сайт на Wordpress, и теперь я переделываю шаблон. После целого дня работы css, html и php... и поискать много вещей в Интернете, я столкнулся с множеством известных проблем.

Где-то на моем сайте какой-то элемент дает мне разницу, которую я не хочу. Вы можете видеть это на картинке ниже:

Я знаю правила этого сайта, чтобы дать код, и вы попытаетесь мне помочь, но теперь я не знаю, где проблема. Поэтому, если кто-то с большим опытом и немного времени может посмотреть на мою страницу, я был бы очень благодарен.

Мой сайт si svrcek.webfix.sk

M.Svrcek 20 сен. 2013, в 14:26

Источник

Теги:

html

css

margin

3 ответа

1

Я не знаю, почему у вас есть этот запас, но этот CSS исправит это:

.front-slider {
    float: left;
}

Guillaume Lehezee 20 сен. 2013, в 09:33

0

Большое спасибо, через 4 минуты я дам вам ответ и принимаю, потому что вы первыми ответили на мой вопрос :) еще раз спасибо :)
M.Svrcek 20 сен. 2013, в 11:52
0

спасибо за ответ принимаю! но я все еще жду этого: '(
Guillaume Lehezee 20 сен. 2013, в 12:53

1

Ваш .front-slider вызывает разрыв. Добавить position:absolute чтобы исправить ее. (Если это не разметка слайдера, вы также можете удалить избыточную <p> которая изначально вызывает проблему.)

Чтобы иметь действительно чистый код, вы должны удалить все абсолютное позиционирование из дочерних элементов и просто .front-slider упаковку .front-slider соответствующим образом. Также кажется, что ваши зеленые кнопки навигации не работают. Вероятно, есть возможность позиционировать и soliloquy-next кнопки soliloquy-next и soliloquy-prev которые в настоящий момент кажутся избыточными.

Christoph 20 сен. 2013, в 09:23

0

спасибо, это сработало, но также и помощь @Guillaume Lehezee, и она была первой, поэтому я дам ответ, принимаю ее, большое спасибо :)
M.Svrcek 20 сен. 2013, в 11:51
0

@ M.Svrcek технически я был на 30 секунд раньше ее;) Вы можете навести курсор на отметку времени, чтобы увидеть точное время публикации, но не стесняйтесь отдать голос любому, кто вам нравится
Christoph 20 сен. 2013, в 11:53
0

да, вы правы ... но в конце концов я не дал ей этот голос ... я отдал его lee_glading :) я надеюсь, что вы согласны со мной :)
M.Svrcek 20 сен. 2013, в 14:31

Показать ещё 1 комментарий

Ещё вопросы

Большое спасибо, через 4 минуты я дам вам ответ и принимаю, потому что вы первыми ответили на мой вопрос :) еще раз спасибо :)
спасибо за ответ принимаю! но я все еще жду этого: '(
спасибо, это сработало, но также и помощь @Guillaume Lehezee, и она была первой, поэтому я дам ответ, принимаю ее, большое спасибо :)
@ M.Svrcek технически я был на 30 секунд раньше ее;) Вы можете навести курсор на отметку времени, чтобы увидеть точное время публикации, но не стесняйтесь отдать голос любому, кто вам нравится
да, вы правы ... но в конце концов я не дал ей этот голос ... я отдал его lee_glading :) я надеюсь, что вы согласны со мной :)

lee_gladding · Accepted Answer · 2013-09-20T09-14-00.000Z

Передний слайдер имеет <p> в котором есть край.

удалите этот узел и пробел.

Поскольку он пуст, вам это нужно? и если да, то можете ли вы добавить к нему стиль?

Вы просто победили меня в этом! Я вижу пару пустых тегов <p> в нижней части класса вашего переднего слайдера, который вызывает эту проблему.
да, теперь я вижу это ... это готовый слайдер, так что я буду искать код, чтобы решить его :) спасибо
Да, это блуждающий конечный тег </p> (их два в источнике, в строках 90 и 91), который создает пустой элемент P с верхним полем по умолчанию 16 пикселей, который сворачивается из .front-slider и основной оболочки. Возможно, вы скопировали некоторый избыточный код, добавив слайдер. В качестве быстрого и грязного исправления попробуйте просто .front-slider p { display: none; }