Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS [Solved] Textbox too wide

  • This topic is empty.
Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #152061
    Jtwa11
    Participant

    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.

    #152064
    Paulie_D
    Moderator

    We need to see the code.

    Do you have a link to a live site ?

    If not please make a reduced case in Codepen.

    #152208
    Jtwa11
    Participant

    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

    #152209
    Paulie_D
    Moderator

    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.

    #152217
    Jtwa11
    Participant

    Thanks for the help

Viewing 5 posts - 1 through 5 (of 5 total)
  • The forum ‘CSS’ is closed to new topics and replies.