Forums / Templates, Stylesheets, Page Layout / How do I prevent a multi-line text box from being as wide as the page?

How do I prevent a multi-line text box from being as wide as the page?

Locked

Views: 1,216

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
20 Apr 2007, 12:59 PM
#1
aaelghat avatar

aaelghat

Zen Follower

Join Date:
Feb 2007
Posts:
100
Plugin Contributions:
0

How do I prevent a multi-line text box from being as wide as the page?

Hi, in the example here:

http://lifeonrecord.com/cart/index.php?main_page=product_info&cPath=3&products_id=4

The "message to be printed on CD" text box (and others like it) are as wide as the page. I've fiddled around with the "rows", "display size", and "maximum length" fields on the product options screen in the admin settings, but it doesn't seem like the display size affects the width of the box. Is there another way of making the box not as wide?

Thanks.

20 Apr 2007, 1:07 PM
#2
picci avatar

picci

Zen Follower

Join Date:
Feb 2006
Posts:
125
Plugin Contributions:
0

Re: How do I prevent a multi-line text box from being as wide as the page?

Try using a CSS width to set it. Find that box in the code and you can write in a class for it and add the class to your stylesheet with a width value.

20 Apr 2007, 1:45 PM
#3
aaelghat avatar

aaelghat

Zen Follower

Join Date:
Feb 2007
Posts:
100
Plugin Contributions:
0

Re: How do I prevent a multi-line text box from being as wide as the page?

I'm a bit new at CSS, could you provide a quick example? Thank you.

20 Apr 2007, 2:21 PM
#4
tmc_sherpa avatar

tmc_sherpa

Zen Follower

Join Date:
Mar 2007
Posts:
158
Plugin Contributions:
0

Re: How do I prevent a multi-line text box from being as wide as the page?

TEXTAREA {
float: left;
margin: auto;
display: block;
/width: 95%;/
width: 870px;/AAE/*/<< Making your text box huge
}
is whats in your stylesheet, comment out the width or size it to what you would like

Lazy and willing to work very hard to stay that way