Bug with CSS and p Tags

  • Theunknown1

    (@deexgnome)


    11 years, 9 months ago

    Hey,

    i have some issues with p tags.
    I made a CSS Style like this

    <div class="title_profession"><img class="profession_icon" src="http://news.gnitter.de/images/icons/navigation/enchant.png" alt="" />
<div class="title_profession_title">Allgemeines</div>
</div>
<div class="profession_text_bg">
<p><strong>Empfehmeral Fishing Pole</strong></p>
<p>Große Eisenangelrute<br />Starke Angelrute<br />Angelrute<br />Glänzendes Schmuckstück</p>
<p>Awesomefish<br />Duftender Pheromonfisch<br />Worm Surpreme</p>
</div>

    If i save this all will be fine. But if i save it a nother time there will be a </p> tag after this
    <img class="profession_icon" src="http://news.gnitter.de/images/icons/navigation/enchant.png" alt="" /></p>

    https://ww.wp.xz.cn/plugins/tinymce-advanced/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter Theunknown1

    (@deexgnome)

    11 years, 9 months ago

    Here the Bug Result

    <div class="title_profession"><img class="profession_icon" src="http://news.gnitter.de/images/icons/navigation/enchant.png" alt="" /></p>
<div class="title_profession_title">Allgemeines</div>
</div>
<div class="profession_text_bg">
<p><strong>Empfehmeral Fishing Pole</strong></p>
<p>Große Eisenangelrute<br />Starke Angelrute<br />Angelrute<br />Glänzendes Schmuckstück</p>
<p>Awesomefish<br />Duftender Pheromonfisch<br />Worm Surpreme</p>
</div>
    Plugin Author Andrew Ozz

    (@azaozz)

    11 years, 8 months ago

    Yes, this is a problem with wpautop() and line breaks. Unfortunately line breaks still matter in the editor (although they don’t matter in “plain” HTML). To avoid this, there shouldn’t be a line break after the IMG tag.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Bug with CSS and p Tags’ is closed to new replies.