49 users online (0 members and 49 guests)  


  Results 1 to 4 of 4

Related

  1. Help with Tables!!!!    Forum: HTML Forum
    Replies: 1
  2. Replies: 2
  3. css for tables    Forum: CSS Forum
    Replies: 1
  4. Replies: 2
  5. help with tables!    Forum: HTML Forum
    Replies: 2
  1. #1
    1st's Avatar
    New User

    Status
    Offline
    Join Date
    Jan 2003
    Posts
    3

    Tables in css can this be done

    I have built a site for a seo contest.. I just now learning css hopint to get away from use of tables..

    The three tables to the right on this page
    http://v7ndotcom-elursrebmem-org.com are tables inside tables can this be done in css and where would the best place be to learn css online...

    My main question is can this table lay out be done in css

  2. #2
    vinyl-junkie's Avatar
    Moderator

    Status
    Offline
    Join Date
    Sep 2005
    Posts
    721

    Re: Tables in css can this be done

    W3Schools is probably the best for all kinds of web development tools, not just CSS. Hope this helps.
    Music Around The World - Collecting tips, trade
    and want lists, album reviews, & more

  3. #3
    imventurer's Avatar
    New User

    Status
    Offline
    Join Date
    Sep 2007
    Posts
    1

    Re: Tables in css can this be done

    This table layout can be done, you'll have to use display:inline to make create three column div layout , something like this:
    <div id="container" style="overflow:hidden; height:auto;">
    <div style="display:inline; float:left">1st column</div>
    <div style="display:inline; float:left">2nd column</div>
    <div style="display:inline; float:left">3rd column</div>
    </div>


    To mke the container div strech, you have to add that overflow:hidden; height:auto; CSS rule.

  4. #4
    kilza's Avatar
    New User

    Status
    Offline
    Join Date
    Dec 2007
    Posts
    5

    Re: Tables in css can this be done

    Quote Originally Posted by imventurer View Post
    This table layout can be done, you'll have to use display:inline to make create three column div layout , something like this:
    <div id="container" style="overflow:hidden; height:auto;">
    <div style="display:inline; float:left">1st column</div>
    <div style="display:inline; float:left">2nd column</div>
    <div style="display:inline; float:left">3rd column</div>
    </div>


    To mke the container div strech, you have to add that overflow:hidden; height:auto; CSS rule.
    I am going to test this now.



Tags for this Thread