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 6 of 6
  1. #1
    New Coder
    Join Date
    Apr 2007
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts

    input overlaping input

    so I was at digg.com and noticed a cool trick they were doing to the search box in the top right corner. The search button is "overlapping" the text field and I could not figure our how they do it. I tried using z-index and negative margins but that was unsuccessful. Any ideas?

  • #2
    Regular Coder maxvee8's Avatar
    Join Date
    Feb 2008
    Location
    UK
    Posts
    185
    Thanks
    19
    Thanked 18 Times in 18 Posts
    its an input box and next to it is an image , its not overlapping it is just that the image has a white curve comoing off it and then the circle, closer inspection it does seem to over lap it but id just use an image next to the input box.
    Last edited by maxvee8; 02-09-2008 at 08:13 PM.

  • Users who have thanked maxvee8 for this post:

    colindunn (02-10-2008)

  • #3
    New Coder
    Join Date
    Apr 2007
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Well I am actually trying to achieve a different result then what digg is doing, but to do that I need to an image to overlap an input. Anyone else have any ideas?

  • #4
    New Coder
    Join Date
    Feb 2008
    Location
    NH, USA
    Posts
    10
    Thanks
    0
    Thanked 0 Times in 0 Posts
    In my experience, if an image is overlapping an input box or a link of any kind, you won't be able to click on the box/link.

    Do you have a graphical layout demonstrating what you are trying to do? That might enable people to envision your plan and offer better assistance for your specific needs.

    Cymy

  • #5
    New Coder
    Join Date
    Apr 2007
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts
    If you go here and type in invalid character, such as <, into the name field and submit the form it will return an error and an "X" graphic will appear to the right of the input. My goal was to get this "X" to appear inside of the input. For your reference, the "X" is just an anchor tag with a background image. The actions are being performed with javascript. Any ideas?
    Last edited by colindunn; 02-10-2008 at 08:00 AM.

  • #6
    New Coder
    Join Date
    Apr 2007
    Posts
    49
    Thanks
    10
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Cymy View Post
    In my experience, if an image is overlapping an input box or a link of any kind, you won't be able to click on the box/link.
    if that is true then how could it be working on digg?


  •  

    Posting Permissions

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