Petrov
Sent: Tuesday, September 06, 2005 4:11 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Search box like in browsers toolbar
Hi all,
I want to have a search field with an image inside, like the
search boxes in Opera or Firefox toolbars. I can put a
background on the input field
Sorry, I didn't explain my problem very well.
I don't want to position the image but to indent the text. I tried with
padding, but it just widens the box. Text-indent didn't work. I made the
text input field a block element by floating it. Here is the example page:
Tuesday, September 6, 2005, 10:03:26 AM, 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.
You might remove the border and apply a background image that fakes it and
extends it to the left. This might be more
Padding-left doesn't work in Opera :(
On Tue, 06 Sep 2005 07:27:40 -0700, Ovidiu Ion
[EMAIL PROTECTED] wrote:
padding-left: 20px;
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List
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
Have you tried applying 'padding: 0 0 0 15px;' to '#SearchForm #Box'?
It behaves as requested in Moz 1.7.11, FF 1.0.6, IE 6 SP1, IE 5.5 SP2,
IE 5.01 SP2.
It does nothing at all in Opera (8.02, 7.54u2, 7.23).
Netscape 7.01 and 6 have some major misunderstanding with the absolute
position: as
On 9/6/05, Martin Petrov [EMAIL PROTECTED] wrote:
Padding-left doesn't work in Opera :(
It looks like Opera is a loss, but perhaps an almost-decent
degradation can be done by putting the image on a wrapping element.
Most browsers let you remove the text input's border. Therefore, you
can wrap
Hi all,
I want to have a search field with an image inside, like the search boxes
in Opera or Firefox toolbars. I can put a background on the input
field,but I also want to have some padding from the left border (or text
indent). They don't work...
Do you know any way to achieve this?