socmarket
Aug '10

I'm launching my new business tomorrow and I have a problem.



My product divs all lined up perfectly before I added the shopping cart code. After studying the code I've discovered that the problem is the width of the text field (instead of a drop down of variables) box where the customer can type in information.



I can't see anywhere in the form code how to change the width of the box:

<input type="hidden" name="on2" value="2nd Photo Choice"/>

<span class="body_text">2nd Photo Choice:</span><br/>

<input type="text" name="os2" maxlength="98"/>

<br/>



The URL of my problem page is: http://www.thesocmarket.com/businesscards_mailbox_series.html



The problem occurs with the vertical cards on the right hand side of the page.



Any help is appreciated. Thanks!

  • created

    Aug '10

  • last reply

    Aug '10
  • 1

    reply

  • 990

    views

  • 2

    users

  • 2

    links

E-junkie_GuruWebmaster & Support Guru
Aug '10

Hm, I'm not seeing anything obviously "wrong" with the appearance of your page, but you can change the size of the text-entry field a couple ways:



<input type="text" name="os2" maxlength="98" size="10"/>



...where the size is given as a number of characters, but this may vary from one browser to the next.



...OR...



<input type="text" name="os2" maxlength="98" style="width:100%;"/>

<input type="text" name="os2" maxlength="98" style="width:90px"/>

etc.



...where the visual size is stated with CSS code; you could also put this in your site's master CSS like so:



input.photo2 {size:90px;}



...which applies to all <input> tags with class="photo2", like this:



<input type="text" name="os2" maxlength="98" class="photo2"/>