Pictures wont align properly

  • Hi i want to align my staff pictures with a small profile like this

    picture this is (name) and volunteers as ( job)
    From ( town)
    Works ( times)

    picture this is (name) and volunteers as ( job)
    From ( town)
    Works ( times)

    picture this is (name) and volunteers as ( job)
    From ( town)
    Works ( times)
    ect

    but when doing this the pictures display slanted diagnoly
    and keeps slanting with every picture you put on. my website is https://lanarkshirecommunityradio.info and its the staff page hopw can i fix this thanks.

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

  • Hi, You need to clear the floats between the entries..

    Basically after each staff member put this bit of html:
    <div style="clear:both"></div>

    I always use…
    <div style="clear:both"><!-- --></div>
    … to clear floats.

    There was a reason for the <!-- -->, but I can’t remember it at the moment.

    Clearing floats that way with additional presentational markup is just sooooooooooooooooooo last year !

    old versions of IE don’t render empty divs… go Microsoft…

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Pictures wont align properly’ is closed to new replies.