CODEWITHSUNDEEP
htmlcssinput
leora
leora

Reputation: 196429

input type="text" not resizing

On the page http://qa.salemgolfclub.org/Directions, 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 can't 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 look this long, though it definitely looks like there is real estate left on the screen.

Upvotes: 2

Views: 26608

Answers (6)

Omar Abid
Omar Abid

Reputation: 15976

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

Upvotes: 0

knittl
knittl

Reputation: 265131

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

Upvotes: 0

Russ Cam
Russ Cam

Reputation: 125488

if you change it to 

style= "width: 300px;"

then it is resized

Upvotes: 1

rahul
rahul

Reputation: 187020

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.

Upvotes: 2

Richard Lennox
Richard Lennox

Reputation: 143

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.

Upvotes: 0

Daniel Liuzzi
Daniel Liuzzi

Reputation: 17147

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.

Upvotes: 4

Related Questions