Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 7 of 7

Thread: New design

  1. #1
    New Coder
    Join Date
    Jun 2002
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts

    New design

    Hi all,

    I am going away from frame, in the new design of my company's website, well, not mine, the one I work for

    Anyway, I have seen a few sites, such as www.greengrocer.com.au. You will notice, well if you go there, that some pages have a table on the left hand side and one on the right hand side, and of course, one in the middle. If you resize your window, you will notice that only the middle one changes it size to accomodate a smaller resolution or screen size.

    Well, I am wondering if this is just a matter of giving a fix size to the left & right column, such a width="xx" and heigth="100%", and nothing for the middle table, or is there somehing tricky to achieve this?

    Thank you for your help and guidance.

    PS: www.elantra.com.au is the current site that I have designed, but that I found not pro enough
    "A journey of a thousand miles begins with a single step."

  • #2
    Senior Coder Morgoth's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada Remaining Brain Cells: 6
    Posts
    1,402
    Thanks
    2
    Thanked 1 Time in 1 Post
    That idea might have something to do with style tags..
    Ask in the CSS forum...

  • #3
    New Coder
    Join Date
    Mar 2003
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Make a table with 3 cells. Set the table to 100% width. Set the left and right cells to fixed widths. Set the center cell to 100% width. Put a table in each cell set to 100% width.

  • #4
    Senior Coder Morgoth's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada Remaining Brain Cells: 6
    Posts
    1,402
    Thanks
    2
    Thanked 1 Time in 1 Post
    eggman's got it...
    Good job eggman!
    Do you understand, olivier78?

  • #5
    New Coder
    Join Date
    Jun 2002
    Posts
    25
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I get the idea yes... However, can I have a table across on top, where the company logo will go as well as the menu & search button?

    I would not mind a quick draft is possible...

    Thanks...

  • #6
    Regular Coder
    Join Date
    Jun 2002
    Location
    United Kingdom Confused: Often
    Posts
    859
    Thanks
    0
    Thanked 0 Times in 0 Posts
    put an extra <tr> above the rest, and a <td> inside that with a colspan attribute set to 3, like this:

    <table width="100">
    &nbsp;&nbsp;<tr>
    &nbsp;&nbsp;&nbsp;&nbsp;<td colspan="3">company name and search and everything</td>
    &nbsp;&nbsp;</tr>
    &nbsp;&nbsp;<tr>
    <!-- whatever you've written for those 3 columns... -->

    ... etc ...



    ps... there are "better" ways of doing this than with tables, as tables are meant for tables (thanks brothercake for making me realize this)... actual tables of data and values or whatever... not for presentation! try taking a look at www.glish.com/css
    redhead

  • #7
    Senior Coder Morgoth's Avatar
    Join Date
    Jun 2002
    Location
    Ontario, Canada Remaining Brain Cells: 6
    Posts
    1,402
    Thanks
    2
    Thanked 1 Time in 1 Post
    colspan="3" works great, I use it..

    But the other method is with will prevent older versions on NS from messing up.
    Code:
    <table>
      <tr>
        <td>
          <table>
            <tr>
              <td>1</td>
              <td>2</td>
              <td>3</td>
            </tr>
          </table>
        </td>
      </tr>
      <tr>
        <td>
          <table>
            <tr>
              <td>Other</td>
            </tr>
          </table>
        </td>
      </tr>
    </table>
    like.. Just incase it's a good method.


  •  

    Posting Permissions

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