HTML visualization error on wordpress

  • Hello,

    I am experience problems with how my HTML code is published by wordpress. I am using a string of code which I have tried on other platforms (Wix, Webs, etc….) and is always displayed properly, however when I insert it in my WordPress page the results are different from my HTML code.

    This is the link to the page: https://interlingue-it.com/lingue/inglese-2/ielts-course/

    The error is visible at the bottom of the page where I am using the british flag as a bullet point.

    A similar error occurs on other pages, here’s an example: https://interlingue-it.com/lingue/inglese-2/

    If I visualize the page in my editor, text and bullet points are perfectly aligned. Once I preview the page they are on different lines.

    Thank you all for your help!

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

  • You actually have 2 separate, single item, lists at the bottom of that page – with paragraph tags between them. Is that intentional?

    Incidentally, there is no “British flag”. That’s the Union flag. ??

    Thread Starter hellen1987

    (@hellen1987)

    Hi,

    this is the code I am trying to use and the results I would like to see: https://jsfiddle.net/tinyone87/6Swxq/2/

    I had tried inserting the paragraph tag since wordpress is not displaying the HTML properly… I’m not sure why. The same string of code applied elsewhere produces the exact visual results that you can see in the fiddle link .. :/

    That markup is completely borked. You cannot place a paragraph tag between two <li></li> elements like that. WordPress is correcting your badly broken markup. Try:

    <ul style="list-style-image:url(https://www.interlingue-it.com/wp-content/uploads/2011/06/english_button.png);">
    <li><strong>Validità dell'esame:</strong> 2 anni
    <p style="text-indent:18px;width:6000px;"><strong>I corsi disponibili:</strong></p></li>
    <li><strong>Corso Individuale:</strong>pacchetto base 20 ore</li>
    <li><strong>Corso Collettivo:</strong>pacchetto base 30 ore</li>
</ul>

    instead. The rest is down to your theme’s CSS. I’d also suggest that you take out all of the inline CSS and move it to your theme’s CSS (via a custom CSS plugin, if necessary). Especially if you intend to use the Union bullets on more than one page or post.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘HTML visualization error on wordpress’ is closed to new replies.