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 5 of 5
  1. #1
    $object->toCD-R(LP); vinyl-junkie's Avatar
    Join Date
    Jun 2003
    Posts
    3,100
    Thanks
    2
    Thanked 23 Times in 23 Posts

    Table Layout: Great; Table-less: Messed Up

    I have a contact form that was made using tables. I'm trying to build a table-less version and having problems. The left- and right-hand sides of the table version align well, no matter what text size you use. However, I can't say the same thing about my table-less version. Can someone tell me how to fix it?

    Table version:
    http://www.napathon.net/sphider/search.php

    Table-less version:
    http://www.napathon.net/test/test.htm
    Music Around The World - Collecting tips, trade
    and want lists, album reviews, & more
    SNAP to it!

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,928
    Thanks
    6
    Thanked 1,041 Times in 1,014 Posts
    Yeah, that's the advantage of tables. You put content in a cell and all cells in a row or column stretch equally wide.

    I'd suggest using faux columns for that. You apply a background image to the searchform div, 1px high and as wide as the .searchform with the left part blue color and the right part has this grayish color, remove the background color for .searchform1 in the CSS, and it should look neat immediately.

    Some observations and side notes:
    1. You forgot a period in the CSS for the .searchform.
    2. You forgot a unit (px) for top in the above mentioned rule.
    3. I suppose the CSS goes into an external file eventually but currently your style element is missing the type attribute with the appropriate value.
    4. Your markup ain't gonna be valid until you remove the name attributes from the inputs. (I wonder if ASP or PHP can process forms without these because I always hear that they are needed?)


    Hope I could help.

  • #3
    $object->toCD-R(LP); vinyl-junkie's Avatar
    Join Date
    Jun 2003
    Posts
    3,100
    Thanks
    2
    Thanked 23 Times in 23 Posts
    Well, I'm closer, but still no joy. I have a new version (here), which looks great in Firefox but still has problems in IE7. Why is that purple border going all across the bottom right area of my form in IE7? How do I make this look like it does in FF?

    p.s. - I fixed items 1, 2 and 3 on your list. I believe the name you mentioned in item 4 is needed by PHP. Note that the page validates with that in there.

    No wonder some people cling doggedly to tables!
    Music Around The World - Collecting tips, trade
    and want lists, album reviews, & more
    SNAP to it!

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    I think you mean blue border. Add this to your CSS
    Code:
    form {
    margin:0;
    padding:0;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    $object->toCD-R(LP); vinyl-junkie's Avatar
    Join Date
    Jun 2003
    Posts
    3,100
    Thanks
    2
    Thanked 23 Times in 23 Posts
    Thanks, Aero! That worked like a charm.
    Music Around The World - Collecting tips, trade
    and want lists, album reviews, & more
    SNAP to it!


  •  

    Posting Permissions

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