Please Help - I want table to float to the left

Discussion in 'HTML & Website Design' started by jaredgravatt, May 24, 2008.

  1. #1
    Hi guys.

    I am trying to get a table to float to the left, so that the words/content can flow freely down the page

    Trying to use tables as little as posible.

    This is what I want it to look like: (without the tables of cours) www.entrepreneurprofit.co.nz

    And this is the best I can do


    please please please help !!!!

    My sanity relies upon it.
     
    jaredgravatt, May 24, 2008 IP
  2. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #2
    Simply float the table to the left (either do it inline or add an id to the table)

    Added some right & bottom margin in - I'll make the assumption you don't want the text flush against the box ;)
     
    rochow, May 24, 2008 IP
  3. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #3
    Sorry, Can you please expand on that a bit more?

    where do I put the codes? I am not overly familiar with CSS
     
    jaredgravatt, May 24, 2008 IP
  4. iNTaYkE

    iNTaYkE Active Member

    Messages:
    259
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    73
    #4
    Here you go...
     
    iNTaYkE, May 24, 2008 IP
  5. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #5
    Thanks Mate
     
    jaredgravatt, May 24, 2008 IP
  6. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #6
    The problem is that the table still appears above the text, where I want the text to flow around the table.
     
    jaredgravatt, May 24, 2008 IP
  7. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #7
    This is the best I can do http://www.entrepreneurprofit.co.nz/my-website.html

    But obviously this isn't what I want.

    I would like to leave the table where it is, just move the text up to fill in the blank space.

    Surely this is possible. And surely someone can teach me how, I'm not too thick. I don't think.
     
    jaredgravatt, May 24, 2008 IP
  8. rochow

    rochow Notable Member

    Messages:
    3,991
    Likes Received:
    245
    Best Answers:
    0
    Trophy Points:
    240
    #8
    Do what Intayke said, but change this line:

    <table border="2" width="150" bordercolor="red">

    to this:

    <table border="2" width="150" bordercolor="red" id="table-id">

    that should do the trick!
     
    rochow, May 25, 2008 IP
  9. jaredgravatt

    jaredgravatt Active Member

    Messages:
    849
    Likes Received:
    7
    Best Answers:
    0
    Trophy Points:
    58
    #9
    jaredgravatt, May 25, 2008 IP
  10. webblab

    webblab Guest

    Messages:
    394
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    0
    #10
    float:left;
     
    webblab, May 25, 2008 IP
  11. iNTaYkE

    iNTaYkE Active Member

    Messages:
    259
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    73
    #11
    oops, my bad, i should have pointed that out in the beginning. i forgot the table didn't have an id yet.
     
    iNTaYkE, May 25, 2008 IP