7 replies to this topic

[Celox]

Hi,

**The align problem is fixed**


*This problem is not fixed:*

when I type more text in the field then the image's-width the text goes outside the image at the right side, I tried to change the width but this is the minimum width the image can handle, when i go 1 pixel below the image cuts of at the end.

This is the problem:

<input type="text" style="background: url(images/buttons_field.gif) top left no-repeat; border:0px #000; height:29px; color: #858585;  margin-top: 0px; padding-top:7px; padding-left:4px; margin-top:5px" size="16" name="q" value="&nbsp;Search.." onFocus="value='';" onBlur="value='&nbsp;Search..'"></input>

If anyone could help me with tihs problem, I really appreciate it.

Celox

Edited by Celox, 10 March 2006 - 04:03 PM.

[tiki]

Can we see it in action?

<input type="text" class="search" name="q" value="&nbsp;Search.." onFocus="value='';" onBlur="value='&nbsp;Search..'"></input>

.search {
background: #000000 url("images/buttons_field.gif") center left no-repeat;
border: 0px;
height: 29px;
color: #858585;
margin: 5px 0px 0px 0px;
padding:7px 0px 0px 4px; }

and you have margin-top twice, why?

[Celox]

I got the CSS to work now, it all works fine in good browsers but when I type alot of text in IE in the search box the text pushes the image away to the left, like in the example below.

problem in action (only in IE)

Edited by Celox, 11 March 2006 - 11:05 AM.

[Celox]

fixed this problem with:

background-attachment: fixed;

Topic can be closed.

Celox

[tiki]

Well it seems to still do it on http://www.celoxdesigns.com/

Just put padding-right: 15px; and padding-left: 5px;

[Celox]

Well it was for a new design, but I fixed the old one too now,
Only problem i still have that when i type alot of text in the box that in Internet explorer the text pushes the image away, is there a fix for this?
The background-attachment: fixed; only works for IE when i use it IE is fine, and i don't see ANY background image in other browsers like firefox and opera.

You can test this in IE at the following link at the login box celoxdesigns.com

Thanks in advance

Celox

Edited by Celox, 12 March 2006 - 07:39 AM.

[tiki]

Id suggest not using style="" on your input, make it a class and css.

[Celox]

I got that now tiki, i use the code you gave me.
Unfortanetly IE still screws up with that code.
I guess it's not possible with images in IE cause i see it on more sites not working like it should.