input type="text" not resizing

Question

on the following page,

there is a section at the bottom (next the the "Directions" button) that has an input where you can put an address and use google maps for driving directions.

one thing that i cant figure out is no matter what i enter for the size property on the textbox, it always shows up as the same size.

as you can see, i have it set to:

 <input type="text" size="300" id="fromAddress" name="from" value="" />

but it clearly doesn't show this long and it definately looks like there is real estate left on the screen

Answer 1

The width of the field is set by CSS. More specifically in line 319 of your Site.css, to 200 pixels. Stylesheets always higher priority than markup.

Answer 2

In your CSS you have the width: 200px; on input[type=text].

Changing this value will allow you to change the width of the box.

Answer 3

Change the width in the style

style="width: 100px"

It would be better to apply a css class for this particular text field and then apply the style in that class. Do avoid inline styling.

Answer 4

if you change it to

style= "width: 300px;"

then it is resized

Answer 5

you’ll probably assign the width with CSS for your id #fromAddress, and CSS’ width has higher priority than the attribute size

Answer 6

using stylizer, the property that control the size of your box is "INPUT[type="text"]". So you need to change it

It's in your site.Css file