Proper HTML rather than lots of nbsp 's (non-breaking spaces)

  • Resolved aplusr

    (@aplusr)


    9 years, 6 months ago

    Hi Everyone,

    I have a page template which looks like this:

    H1 (Page Heading)

    Intro Paragraph (54 Words)

    H2 (Subheading 1)
    Image
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)

    H2 (Subheading 2)
    Image
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)

    H2 (Subheading 3)
    Image
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)
    nbsp (non-breaking space)

    -If I don’t include all of the nbsp’s (non-breaking spaces) then all of the content (sub headings and images) below the intro paragraph will sort of be overlapping each other cascading down one line and to the right each time…

    The problem is that on smaller devices if I’ve added seven non breaking spaces there are seven blank lines in between each subheading and image combination. -On desktop and tablet devices it doesn’t look like there are seven blank lines, it only looks as though there is one which is what I want to achieve with the proper HTML (and so that on smaller devices there doesn’t look like there many blank lines)

    Andy

Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter aplusr

    (@aplusr)

    Hi,

    – Does anyone know what will solve this issue?

    Thanks,

    Andy

    Thread Starter aplusr

    (@aplusr)

    Hi again,

    I haven’t managed to find a solution to this issue. Does anyone know the solution?

    Thanks,

    Andy

    If I understand your question, it sounds like it may not be an issue with HTML structure, than it may be with CSS. Could it be that your headings and images are not block display elements and could they perhaps be floated left, causing the elements to overlap without the nbsp’s?

    Thread Starter aplusr

    (@aplusr)

    Hi Lauren,

    – Thanks I suspected that this issue had to do with the alignment of the image(s)

    I deselected Align Left from the Visual Editor for the images and removed all of the unnecessary nbsp’s and the problem is now solved! None of the content overlaps and it looks as it should.

    Thanks again!

    Andy

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Proper HTML rather than lots of nbsp 's (non-breaking spaces)’ is closed to new replies.