Список внутри параграфа

[bob_24]

Если я в html пишу:

<p>
    <ul>
        <li>text</li>
        <li>text</li>
    </ul>
</p>

то когда открываю страницу в браузере получается:

<p></p>
    <ul>
        <li>text</li>
        <li>text</li>
    </ul>
<p></p>

т.е. параграфы сами закрываются где не надо.

Как сделать что бы работало нормально?

[cyklop77]

в каком браузере такое наблюдаете? я посмотрел в нескольких, проблемы не обнаружил

[sigma77]

Как сделать что бы работало нормально?

Это и есть нормальное поведение браузера. Учите мат. часть.

[cyklop77]

люди, а в каком браузере такое можно увидеть? уже интересно

[sigma77]

люди, а в каком браузере такое можно увидеть? уже интересно

В любом - Хром, FF и т.д. Открываешь любое из средств разработчика и смотришь.

[bob_24]

sigma77, т.е. если у меня у всех параграфов стоит нижний отступ, и я хочу что бы что в каком то параграфе был только список мне нужно спискам задать такой же нижний отступ. А что будет если мне нужно текст сразу после списка, без отступа написать.

Просто интересно как ты это реализуешься в плане стилей

[sigma77]

sigma77, т.е. если у меня у всех параграфов стоит нижний отступ, и я хочу что бы что в каком то параграфе был только список мне нужно спискам задать такой же нижний отступ. А что будет если мне нужно текст сразу после списка, без отступа написать.

Просто интересно как ты это реализуешься в плане стилей

ul {
   margin: 0 0 10px; /* если марджин у ul не обнулялся ранее*/
}

ul {
   margin: 0; /* если отступы не нужны */
}

[bob_24]

Не совсем то, что я имел ввиду. Стиль для списка один, но в некоторых ситуациях отступ получается то нужен, то нет. Может я не ясно объясняю

Edited December 15, 2011 by bob_24

[sigma77]

bob_24,

Добавляешь тогда этих случаях списку класс и ему уже устанавливаешь исключения.

[bob_24]

Это ... конечно. Надеюсь человек, который потом будет добавлять текст не запутается в этих стилях для списка.

[cyklop77]

люди, а в каком браузере такое можно увидеть? уже интересно

В любом - Хром, FF и т.д. Открываешь любое из средств разработчика и смотришь.

средства разработчика. а я ctrl+u жал

[sigma77]

средства разработчика. а я ctrl+u жал

Там показан исходный код, т.е. код, который был отправлен браузеру.

Код же после обработки его браузером можно увидеть в средствах разработки. В Web Developer (плагин для ФФ) его также можно увидеть в Код/Сгенерированный код.

[mikhail.baranov]

>> Как сделать, чтобы работало нормально?

Никак. По спецификации внутри элемента P могут располагаться только строковые элементы или текст. Списко — элемент блочного уровня, поэтому браузеры сначала закрывают параграф, потом ставят список.

Решение с дополнительными классами в таком случае единственно верное.

[SelenIT]

Из спортивного интереса сделать можно — отдавать страницы как application/xhtml+xml (ну или text/xml на мегакрайний случай). Но незачем.

А добавлять разметку ради отступов — вообще отвратительная практика. Еще бы двойной <br> добавили...

[bob_24]

А добавлять разметку ради отступов — вообще отвратительная практика. Еще бы двойной <br> добавили...

т.е. отступы у параграфов это не айс? О_о

[rash]

Из спортивного интереса сделать можно — отдавать страницы как application/xhtml+xml (ну или text/xml на мегакрайний случай). Но незачем.

Гм, а почему это будет работать?

Как-то забывается вся та теория, которая не используется на практике постоянно. Вот и тут уже не соображу, почему так можно

[SelenIT]

отступы у параграфов это не айс?

Отступы у параграфов — айс. Но параграфы (точнее, абзацы по-нашему), добавленные только для придания чему-то отступа (а не потому, что в них "законченная мысль") — не айс. Как и <blockquote> для горизонтального отступа, например.

почему это будет работать?

В X(HT)ML DOM строится строго по написанному, без "неявных" открытий/закрытий. А такая конструкция, хоть и невалидна, но веллформна, поэтому ошибки с "желтым экраном" не будет.

[rash]

В X(HT)ML DOM строится строго по написанному, без "неявных" открытий/закрытий. А такая конструкция, хоть и невалидна, но веллформна, поэтому ошибки с "желтым экраном" не будет.

Спасибо. После такого вопроса теперь остро чувствую необходимость выучить все, что знал, но забыл, еще раз

[psywalker]

Если я в html пишу:

<p>
    <ul>
        <li>text</li>
        <li>text</li>
    </ul>
</p>

то когда открываю страницу в браузере получается:

<p></p>
    <ul>
        <li>text</li>
        <li>text</li>
    </ul>
<p></p>

Хм, странно, по идее должно быть так:

<p></p>
    <ul>
        <li>text</li>
        <li>text</li>
    </ul>

Т.е. параграф должен открыться и закрыться перед списком и один раз.

Назови браузеры плиз.

upd: Ага, увидел в Хроме такое поведение. Но, считаю, что это неправильно, вставлять в конец пустой параграф. Есть одни вначале, перед списком и хватит.