SitePoint Sponsor

User Tag List

Results 1 to 5 of 5

Thread: Layout trouble

Hybrid View

  1. #1
    My precious!!! astericks's Avatar
    Join Date
    Mar 2002
    Location
    Vancouver, BC
    Posts
    1,971
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Layout trouble

    [see picture]


    I have the search textbox and button in the same row [of a table] as my menu, but the search box is not in line with the menu [grey "ssment" part of the picture]. I'm sure some of you have had this prob before...help me out.

    thanks.
    asT.

  2. #2
    Sidewalking anode's Avatar
    Join Date
    Mar 2001
    Location
    Philadelphia, US
    Posts
    2,205
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Add
    Code:
    td {
    
    	vertical-align: top;
    }
    to your style sheet.

  3. #3
    SitePoint Wizard triexa's Avatar
    Join Date
    Dec 2002
    Location
    Canada
    Posts
    2,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Not sure that the previous reply fixes it..... use the following in your css:

    form {
    margin-top:0px
    margin-bototm:0px
    }

    or in the <form itself...

    (form style="margin-top:0px; margin-bottom:0px")
    search box (button)
    (/form)
    AskItOnline.com - Need answers? Ask it online.
    Create powerful online surveys with ease in minutes!
    Sign up for your FREE account today!
    Follow us on Twitter

  4. #4
    My precious!!! astericks's Avatar
    Join Date
    Mar 2002
    Location
    Vancouver, BC
    Posts
    1,971
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    thanks anode...you da man.

    It worked out perfectly fine.

    asT.

    edit: in order not to disturb my td tags..I think I'm gonna try KandieMan101's suggestion.

  5. #5
    Sidewalking anode's Avatar
    Join Date
    Mar 2001
    Location
    Philadelphia, US
    Posts
    2,205
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Originally posted by KandieMan101


    form {
    margin-top:0px
    margin-bototm:0px
    }
    Code:
    form {
           display: inline;
    }
    is the proper way to do that.

    Glad to hear everything worked out, astericks.


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
  •