Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 02-09-2008, 06:52 PM   PM User | #1
colindunn
New Coder

 
Join Date: Apr 2007
Posts: 49
Thanks: 10
Thanked 0 Times in 0 Posts
colindunn is an unknown quantity at this point
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?
__________________
Artifex Productions
colindunn is offline   Reply With Quote
Old 02-09-2008, 07:09 PM   PM User | #2
maxvee8
Regular Coder

 
maxvee8's Avatar
 
Join Date: Feb 2008
Location: UK
Posts: 185
Thanks: 19
Thanked 18 Times in 18 Posts
maxvee8 is an unknown quantity at this point
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 07:13 PM..
maxvee8 is offline   Reply With Quote
Users who have thanked maxvee8 for this post:
colindunn (02-10-2008)
Old 02-10-2008, 03:07 AM   PM User | #3
colindunn
New Coder

 
Join Date: Apr 2007
Posts: 49
Thanks: 10
Thanked 0 Times in 0 Posts
colindunn is an unknown quantity at this point
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?
__________________
Artifex Productions
colindunn is offline   Reply With Quote
Old 02-10-2008, 03:36 AM   PM User | #4
Cymy
New to the CF scene

 
Join Date: Feb 2008
Location: NH, USA
Posts: 9
Thanks: 0
Thanked 0 Times in 0 Posts
Cymy is an unknown quantity at this point
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
Cymy is offline   Reply With Quote
Old 02-10-2008, 06:55 AM   PM User | #5
colindunn
New Coder

 
Join Date: Apr 2007
Posts: 49
Thanks: 10
Thanked 0 Times in 0 Posts
colindunn is an unknown quantity at this point
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?
__________________
Artifex Productions

Last edited by colindunn; 02-10-2008 at 07:00 AM..
colindunn is offline   Reply With Quote
Old 02-11-2008, 06:26 PM   PM User | #6
colindunn
New Coder

 
Join Date: Apr 2007
Posts: 49
Thanks: 10
Thanked 0 Times in 0 Posts
colindunn is an unknown quantity at this point
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?
__________________
Artifex Productions
colindunn is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 04:16 PM.


Advertisement
Log in to turn off these ads.