textfield help

[ff123]

how i can make this text area background fixed? and be exactly like it is now..

http://img233.imageshack.us/img233/7645/helpnf8.jpg

[Medyman]

<textarea style="background:url(path/to/image);">
Text Goes Here
</textarea>

[ff123]

the background still moves its not fixed...

[Medyman]

http://limpid.nl/lab/css/fixed/

Do you have a link or some code? The doesn't do anything to explain what you're trying to do.

[ff123]

go there and press Shift Enter in Comment Box. the bg moves up i dun want that..

[Medyman]

go there and press Shift Enter in Comment Box. the bg moves up i dun want that..

Oh you don't? Why not? It gives it a certain flair, don't you think? :p

Did you bother to look at the link I posted earlier? Guessing not.

Anyway...

<textarea style="background-image:url(http://www.calyxlabs.com/blog/text-field-bg-big.gif); background-attachment:fixed;" cols="29" rows="6">Text Goes Here</textarea>

By the way, why are you using RGB color properties in your CSS? Don't you find them cumbersone?

Also, your gradient background is too small for that textarea. It's fine in IE6 but not any modern browsers.

[ff123]

woops sorry dude i missed that post.. well i should leave that text area as it is the gradient really messup when i put FIXED.. anyway what u mean by using RGB in CSS? im just using CSS for comment table that i found at DD.

anyway if you go to and at the bottom there is one Pagination for "Our Latest Works" if i open in IE7 the pagination looks fine but if i open it in Firefox the whole pagination messups.. any solution?

[Medyman]

anyway what u mean by using RGB in CSS?
Nevermind...I was looking at something else. Don't mind me.



anyway if you go to www.calyxlabs.com and at the bottom there is one Pagination for "Our Latest Works" if i open in IE7 the pagination looks fine but if i open it in Firefox the whole pagination messups.. any solution?
For starters, you can validate that page. There are some markup errors that might be causing it. Instead of combing through it, any validator will catch the errors. Secondly, you might want to give your pagination div a width. Currently it's set to 0. Increasing that will at least make it horizontal. Then you can position it with CSS positioning if nothing else.

But first step would be to validate.

[ff123]

i think this is for the width of pagination in ".css" file.

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 450px; /*IE5 width*/
w\idth: 450px; /*IE6 width*/
}

[Medyman]

i think this is for the width of pagination in ".css" file.

* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 450px; /*IE5 width*/
w\idth: 450px; /*IE6 width*/
}

As your comments say, those are IE specific hacks. As you stated, your problem is in Fx, in which you have the width set to 0.

[ff123]

As your comments say, those are IE specific hacks. As you stated, your problem is in Fx, in which you have the width set to 0.

so for FF what should i do.. should it be..


* html .pagination{ /*Simplified box model hack to get IE5 to display width equal to that of Content Slider's*/
width: 450px; /*IE5 width*/
w\idth: 450px; /*IE6 width*/
width: 0px; /*FF width*/
}

[Medyman]

Take a look @ your CSS. You already have a pagination class that has the width to 0. Change it there. The width needs to be greater than 0