SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard
    Join Date
    Apr 2002
    Posts
    2,301
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    text carrying on downwards in a column after there's no image anymore

    Code:
    <p>
    <img src"piccy.jpg" ... />
    </p>
    
    <h3>Heading</h3>
    
    <p>Text about image etc. Text about image etc. Text about image etc. Text about image etc. Text about image etc. Text about image etc. Text about image etc. Text about image etc.</p>
    having put .img { float:left } to get the text to the right of the image, how can you have the text carrying on ranging left along the same vertical line as it is when the image is to the left of it when the image runs out as it were? so the text should carry on down in a column even when there's no image to the left of it any more.

    tia

  2. #2
    doing my best to help c2uk's Avatar
    Join Date
    May 2005
    Location
    Cardiff
    Posts
    1,832
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    try putting the text in a separate div and give it a margin that equals image-size + whitespace between image and text, you might need to float:left this div as well.

    Haven't tried this technique in a while, so it might not be the solution. Try it out and maybe if you can provide an online version, I can be of more help.
    Dan G
    Marketing Strategist & Consultant

  3. #3
    SitePoint Wizard
    Join Date
    Apr 2002
    Posts
    2,301
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    okay thanks


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •