Dangling Images

  • I have read the codex about clearing the display to keep long images from dangling into the posting below it:

    “Clear The Display

    In the event the image is larger than the amount of text that would otherwise surround it, causing the image to hang like a flag over some element below it, then at some point in the text, you’ll want to clear the display. Note that there is no text inside this division.

    <div style="clear:both;"></div> “

    The problem is, this doesn’t work for me. If I don’t use the above division, I get this:

    https://www.mouseprint.org/gifs/dangleyes.gif

    If I do use the above code (and whether putting it at the very end of the text, either inside or outside the end paragraph mark), I get a huge amount of blank space before the “comments” link and the next entry below.

    See: https://www.mouseprint.org/gifs/dangleno.gif

    I have just used carriage returns under the text, but that is hit or miss depending on the browser settings of the person viewing the site.

    Any ideas? (And please… css is a foreign language to me, so please be very explicit.)

    Thanks,

    Edgar

Viewing 3 replies - 31 through 33 (of 33 total)

  • lol find another source of revenue? lmao j/k… but it appears that after several people have tried to help fix this, it’s not working… isn’t there a way you can use text links or something with that affiliate?

    well if you float the sidebar left and the content right, then you need another clear-ing div after your two floats….

    Take a look at the template I’ve been working with:
    https://techgnome.anderson-website.net/mainpage.html
    Not 100% the same as what you are working with, but in that second section where newsflashes and popular reads is located, each of those are floated left & right respectfully. Immediately after those (view the source to see it)… I’ve got a clear div tag (classs=”clearDiv”) …. In addition, after the menu (mine is ordered so that content is first, menu second) there’s another clearing div tag, and then the footer.

    -tg

    Thread Starter dworsky

    (@dworsky)

    LadyL… this not an affiliate listing or site… it is about misleading advertising.

    TechGnome…

    Two divclears did not make Firefox work. (it still had completely black space to the right of the full length of the side bar, and the content only began after the sidebar ended).

    I am about to give up… and return to my original solution: just trying to put enough carriage returns after the text when it is short to cover enough space down to the bottom of the picture. (Trouble is the page renders differently on every computer so it is easy to undershoot or overshoot the number of blank lines of text.)

    Edgar

Viewing 3 replies - 31 through 33 (of 33 total)
  • The topic ‘Dangling Images’ is closed to new replies.