Left Alignment for Images

  • Resolved Aurynstar

    (@aurynstar)


    15 years, 4 months ago

    Hi,

    I can’t seem to get my images to stick to a straight left alignment. They keep doing this nested/domino thing. When I first created the page, it was ok. The after changing the font size in html view, it all changed. I have restored the page from before I changed the font size, cleared caches on browsers and tried adding break and span tags. No change. I am currently using the Silent movie theme. I’m still pretty new to the world of mark-up so if there is some code that can fix this please list it and where it should go. Here is the page I’m referring to.Thanks lots.

Viewing 8 replies - 1 through 8 (of 8 total)
  • esmi

    (@esmi)

    15 years, 4 months ago

    Site url? Help is free but psychic costs extra.

    Thread Starter Aurynstar

    (@aurynstar)

    15 years, 4 months ago

    Hehe. Yeah, noticed I forgot that. Thanks.

    esmi

    (@esmi)

    15 years, 4 months ago

    Try adding:

    #content img.alignleft {clear:left;}

    to the bottom of your stylesheet.

    Thread Starter Aurynstar

    (@aurynstar)

    15 years, 4 months ago

    Awesome! Thanks. The images look great. But now I can’t seem to align the text to it’s image….

    esmi

    (@esmi)

    15 years, 4 months ago

    Try removing that CSS and then adding <br style="clear:left;" /> after each block of image+text in your markup.

    Thread Starter Aurynstar

    (@aurynstar)

    15 years, 4 months ago

    That was perfect, esmi. Thank you so much! This may not be the place, but I just wanted to clarify what the clear:left; does. Does it refresh the css formatting or…no, no clue. If you’ve got a minute to explain, that would be great. If not, you’re still great and I appreciate you help. Thanks esmi.

    esmi

    (@esmi)

    15 years, 4 months ago

    clear:left instructs the element (in this case the br – line break – element) to disallow any other floating elements to its left (so could be translated to “have nothing on the left side”). This has the effect of pushing the line break down below the previously left floated image so that all subsequent elements can align naturally.

    And – no problem:-)

    Thread Starter Aurynstar

    (@aurynstar)

    15 years, 4 months ago

    I see. Makes sense. Will definitely remember this bit of info. Thanks again.

    So happy to change this to resolved ^_^

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

The topic ‘Left Alignment for Images’ is closed to new replies.