Results 1 to 5 of 5

Thread: Table Problems

  1. #1
    Join Date
    Apr 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Table Problems

    If you use a code that makes your layout a table and the code looks like this:

    <style type="text/css">
    body {margin:0px}
    table {border: outset 1; width:100%}
    table td {border:inset 1; vertical-align:top}
    table td#MENU {width:150px}

    </style>

    Then how can you make another table inside your table layout so that it isnt the same with as the layout but a smaller width?

    ~Thanks~

  2. #2
    Join Date
    Jun 2006
    Location
    Acton Ontario Canada.
    Posts
    677
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    make 2 of the elements you a different styles, but add a new class to the second.

    table {css}
    table.class2 {width:90%;}

    then in your 2nd table's tag add class="class2" (to match the class in your css) so its : <table class="class2">

    and i thing its only ~td {css}~ not ~table td {css}~ (im not that good with css)
    - Ryan "Boxxertrumps" Trumpa
    Come back once it validates: HTML, CSS, JS.

  3. #3
    Join Date
    Apr 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    When i tried your suggestion it made the table i wanted to be inside the table layout inside a new column of the table layout.

  4. #4
    Join Date
    Jun 2006
    Location
    Acton Ontario Canada.
    Posts
    677
    Thanks
    0
    Thanked 1 Time in 1 Post

    Default

    like this:

    Code:
    <html><head>
    <style type="text/css">
    body {margin:0px}
    table {border: outset 1; width:100%}
    table td {border:inset 1; vertical-align:top}
    table td#MENU {width:150px}
    table.class2 {width:90%}
    </style>
    </head><body>
    <table><tr><td>
    <table class="class2">
    <tr><td>Content</td></tr>
    </table>
    </td></tr></table>
    </body></html>
    if thats not it you would have to post your source to give people a better idea of your webpage. or a link to your webpage.
    - Ryan "Boxxertrumps" Trumpa
    Come back once it validates: HTML, CSS, JS.

  5. #5
    Join Date
    Apr 2006
    Posts
    27
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    That works, thank you very much

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
  •