[Solved] Textbox too wide

[Jtwa11]

Here is my problem,

http://img689.imageshack.us/img689/8908/3znz.png

How do I constrain the text box not go past the border? I’ve constrained the div to be 75% of the width of the page.

[Paulie_D]

We need to see the code.

Do you have a link to a live site ?

If not please make a reduced case in Codepen.

[Jtwa11]

Here’s the code simplified on codepen: http://codepen.io/Jtwa/pen/BhHeA

Since I’m using bootstrap, I wasn’t able to do exactly what I wanted to, but it’s the same idea.

A couple other questions to improve my CSS skills:

1) Why is my Name and Email input blocks not inline with everything else? How do I fix that? 2)How do I center my box to the middle of the page 3)How do I make my box just wide enough to contain all the information and the size of the box changes as I change the window size.

Thanks in advance ~Jtwa

[Paulie_D]

I suspect mostly because you haven’t created the form structure properly.

Here’s how Codepen sets out a form if you just type “form” and then press “Tab”.

http://codepen.io/Paulie-D/pen/woeLx

As you can see each input will have it’s own label (not just raw text) and they are usually wrapped together in a div or some other wrapper.

See if that helps.

[Jtwa11]

Thanks for the help

[Author]

Posts