Previous Message
Next Message

Search box like in browsers toolbar

Sent by Stuart Homfray on 6 September 2005 16:04


Martin Petrov wrote:
> 
> I don't want to position the image but to indent the text. I tried with  
> padding, but it just widens the box. .... Here is the example page:
> 
> http://home.comcast.net/~martinpetrov/example/
> 

Martin,

Add the extra left padding to the #Box element and subtract that same 
value from the width:

example:

#SearchForm #Box{
.... other declations
   padding: 0;
   padding-left: 1.1em;
   /*width: 10.2em;  your original value */
   width: 9.1em;
}

This works similarly in Firefox (1.0.6) and IE6 - I haven't tested 
elsewhere though... You may also want to adjust the padding value.

regards,

Stuart
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Previous Message
Next Message

Message thread:

Possibly related: