SitePoint Sponsor

User Tag List

Results 1 to 2 of 2
  1. #1
    SitePoint Member
    Join Date
    May 2013
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Table fields hiding behind each other

    I'm using a table to create a form for gathering data to put into a database. I realize that's "old school", but for now, just go with it. 8-)

    There are 6 fields (2 radio buttons, 3 text fields, and 1 checkbox) and a button in the row. When the browser window is wide enough, all is fine. When the browser window is shrunk below 15", the third text field seems to slip "behind" the second text field. It's still accessible, you just can't see it. If you put your cursor in the second field, type something, then tab to the third field, you can see the cursor but it still appears to be in the second field. Type something (which you can not see, but you can see the cursor move) and hit the submit button and all the data (including what you couldn't see) is added to the database.

    What do I need to change to make all the fields always be visible? It's OK if they change sizes as the browser is resized. Or, maybe, you have a better solution.

    Thanks.

  2. #2
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,295
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Hi rmossman. Welcome to the forums.

    It would be really helpful if you could post the HTML and CSS you have so far. Paste them both into a template like this:

    Code:
    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    	
    <style media="all">
    
    your CSS here
    
    </style>
    	
    </head>
    <body>
    
    your HTML here
    
    </body>
    </html>


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
  •