Support » Fixing WordPress » list HTML is case sensitive and shouldn’t be

  • I have two html lists that are identical except that one uses uppercase tags (UL, LI) and the other uses lower case tags (ul, li). Shouldn’t these display exactly the same? The uppercase list looks double spaced but the lowercase one isn’t.

    I tried it on two sites, got the same results. Is there something I”m not getting or is this a bug?

    Test pages are here:

    https://delhichamber.ca/test/
    https://swcr.ca/test/

    The raw HTML on both pages are as follows:

    <h3>lowercase HTML list:</h3>

    • 1
    • 2
    • 3
    • 4

    <H3>uppercase HTML list:</H3>

    • 1
    • 2
    • 3
    • 4

    Can’t seem to quite get the code to display correctly here, but the first list is with “li” tags and the second list is with “LI” tags. And the formatting does seem to be working correctly in this forum, from what I see above. But it doesn’t on two sites I tried that both have different themes. Can anyone shed any light on this, I’m stumped.

    • This topic was modified 1 month, 3 weeks ago by  willpartridge.
    • This topic was modified 1 month, 3 weeks ago by  willpartridge.
    • This topic was modified 1 month, 3 weeks ago by  willpartridge.
    • This topic was modified 1 month, 3 weeks ago by  willpartridge.
    • This topic was modified 1 month, 3 weeks ago by  willpartridge.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • If you look a the source code you’ll notice the second list has <br> in it.

    
    <div class="entry-content">
    		<h3>lowercase HTML list:</h3>
    <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    </ul>
    <p></p><h3>uppercase HTML list:</h3><p></p>
    <p></p><ul><br>
      <li>1</li><br>
      <li>2</li><br>
      <li>3</li><br>
      <li>4</li><br>
    </ul><p></p>
    			</div>
    

    I don’t actually see uppercase tags in the source code so something must be changing the uppercase tags and adding these extra <br> tags in there.

    Weird. There’s no <br> tags on the ends of my original lists, they are cut and pasted the same. All I did was change the case of the “UL” and “LI” tags.

    “<p></p>” I don;t get any reason to use this though.
    Try using it using your Visual editor instead of Text editor.

    It should work fine.

    If the problem still exists then click on the text editor and remove </br> tags from there. Besides in your text “uppercase”, I don’t see any UPPERCASE really.

    You can also use css style “TEXT-TRANSFORM: Uppercase” to get it in the uppercase letter.
    Like <h3 style=’text-transform:uppercase’> …..</h3>

    Hope it will help. Thanks

    Something else is adding the empty paragraph tags. I wish I could paste the exact code, i tried pre and code and xmp and all of them mangled it somewhat.

    The HTML is as simple as can be. Just H3 and LI tags. And the H3 doesn’t matter, it displays correctly regardless of case. It’s just the list element tags. If it’s “LI” it adds an extra line of space between each list element. If it’s “li” it doesn’t add a line of space.

    I tried cutting and pasting the text into a plain text editor in case there was something hidden. There wasn’t. I also did a search and replace, changing the case of the tags in both directions just in case I’d made a typo or something else stupid. It always behaved the same. Uppercase tags gave an extra line of space.

    I’ve never seen case make a difference in any kind of html before so I don’t understand what is happening.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.