1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Simple Design Question

Discussion in 'Web Design' started by akazzz, Jun 28, 2012.

  1. akazzz

    akazzz Regular Member

    Joined:
    Dec 17, 2011
    Messages:
    377
    Likes Received:
    149
    Location:
    Building The Empire
    I would like to align my pictures to the right and my text to the left. I tried using the Wordpress align left & right but if the text sentence is too long it will overspill.

    Something like this
    The picture on the right and all the text on the left without any overspilling of the sentence if its too long.
     
  2. macdonjo3

    macdonjo3 Jr. VIP Jr. VIP Premium Member

    Joined:
    Nov 8, 2009
    Messages:
    5,560
    Likes Received:
    4,317
    Location:
    Toronto
    Home Page:
    That's done with a table with all the properties set to 0 (border, padding, etc).
     
    • Thanks Thanks x 1
  3. Zapdos

    Zapdos Power Member

    Joined:
    Oct 22, 2011
    Messages:
    597
    Likes Received:
    708
    Location:
    Eastern North Carolina
    You can also use css.

    float: left
    float: right
    clear: both

    Using the above in the right order (depends on site) will give you your wanted results.
     
  4. williamk

    williamk BANNED BANNED

    Joined:
    Oct 29, 2009
    Messages:
    1,030
    Likes Received:
    184
    I would edit my post if I were you. Its not safe putting your website in public.
    But what macdonjo says works pretty good.
     
  5. SYAWEDIS

    SYAWEDIS Jr. VIP Jr. VIP

    Joined:
    Mar 7, 2012
    Messages:
    320
    Likes Received:
    21
    Location:
    Somewhere
    Home Page:
    A table would probably be your best bet. You can use css float but you will have overspill issues like you said, unless you set the image into a div and define specific heights for that div class, or give the img a margin-bottom to prevent the overspill, but this might get messy..