• I have been working on styling my first theme and I found some strange behavior in my testing. I created a bunch of different elements in a post and I noticed when I tried to create a paragraph between an ordered list and an unordered list, it creates divs instead of paragraphs.

    First I added this :

    <ol>
    	<li>first</li>
    	<li>second</li>
    	<li>third</li>
    	<li>fourth</li>
    	<li>fifth</li>
    </ol>
    
    <ul>
    	<li>first</li>
    	<li>second</li>
    	<li>third</li>
    	<li>fourth</li>
    	<li>fifth</li>
    </ul>

    And then I added the paragraphs in between (in visual editor). I noticed they didn’t have the spacing I had styled for paragraphs. Here is what I found:

    <ol>
    	<li>first</li>
    	<li>second</li>
    	<li>third</li>
    	<li>fourth</li>
    	<li>fifth</li>
    </ol>
    <div>This is a paragraph that follows</div>
    <div>This is a paragraph that follows</div>
    <div></div>
    <ul>
    	<li>first</li>
    	<li>second</li>
    	<li>third</li>
    	<li>fourth</li>
    	<li>fifth</li>
    </ul>

    I have repeated this on 3 WordPress installs so far.

    Anyone seen this before?

Viewing 12 replies - 1 through 12 (of 12 total)
  • adress and what plugins do you use?

    Thread Starter rustyscratchy

    (@rustyscratchy)

    I’m not using any plugins beyond Akismet and WordPress Importer.

    The address shouldn’t matter. I have tried this on 3 blogs, all with different themes installed. I was hoping other people would test it to see if they get the same behavior.

    In the visual editor, create an ordered list and then an unordered list. Add two paragraphs between them and look at the HTML. Do you see the same thing?

    Allright , akismet should not do this nor WordPress Importer. Might be the tinymce pulling something.

    I′ll try to reproduce the problem on my testsite.

    I can not reproduce this problem mate.

    I get your ordered list but no added div tags.

    So what I′d do is download a fresh copy of wordpress and just keep your wp-config and your wp-content folder (in such case that you haven’t made any hacks to wp-core files).

    nvm ( saw that you tried it with different themes)

    Thread Starter rustyscratchy

    (@rustyscratchy)

    Thanks fyllhund for giving it a try.

    I can also reproduce it by pasting the two lists above in the HTML editor and then adding the paragraph between them in the visual editor. It’s very odd.

    I won’t likely be creating lists like this, so in normal use I probably won’t ever see it. But, I thought it was worth reporting.

    Nvm mate. I just reproduced the div tags. It seems like some problem with tinymce rather than wordpress itself.

    I′ll see if I can sort it out.

    Thread Starter rustyscratchy

    (@rustyscratchy)

    Thanks!

    I am finding a similar problem with two different installations of WordPress; the client pasted text into the visual editor and we got the <div> tags for each paragraph; so he was unable to create spaces between the paragraphs. I just tried on a local installation typing text directly into the post box, did a switch from Visual to HTML to add a “mailto” link, came back to Visual and lost my ability to create space between the paragraphs. I can always go back into HMTL and fix this, but my clients can’t — if you figure out what the problem is can you please post it? Thank you!

    I’d like to confirm this same problem! Using latest version of WP with default theme, no plugins.

    I am having the same problem, but sometimes when I manually add the paragraph spacing in html, it reverts back to non spaced paragraphs.

    The funny thing is that the preview mode shows the paragraphs correctly spaced.

    M

    (@metacomcreative)

    Was this ever resolved? I have experienced the same problem recently on a 3.4.2 install.

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘Divs instead of paragraph tags – bug in 3.3.1?’ is closed to new replies.