www.webdeveloper.com
Results 1 to 4 of 4

Thread: Quick CSS question that is driving me nuts!

  1. #1
    Join Date
    Sep 2008
    Posts
    75

    Quick CSS question that is driving me nuts!

    Hello, I am still learning CSS. I've been trying to troubleshoot this issue for awhile now.

    So on this page:
    http://www.adxtactical.com/store/pc/...uct=1333&qty=1

    You will notice if you scroll down that the product options' text field is cutting off the text. I basically need to make this text field longer so it can fit it's containing text

    I added a width variable to the CSS for 'transparentField', but each time I change the width of this, it changes the 'Add to Cart' button width at the bottom.

    Any help would be greatly appreciated

  2. #2
    Join Date
    Aug 2007
    Posts
    3,767
    Validate your HTML and CSS. Also try to stop using tables for design if you can.

    You have set a width. Remove the size="67" from the input.
    Great wit and madness are near allied, and fine a line their bounds divide.

  3. #3
    Join Date
    Sep 2008
    Posts
    75
    Quote Originally Posted by Declan1991 View Post
    Validate your HTML and CSS. Also try to stop using tables for design if you can.

    You have set a width. Remove the size="67" from the input.
    Hi Declan,

    Ya this site was my first website and I wrote it all in tables! agh. We are about to redesign the site in CSS, but I still have to maintain this old site until then.

    It looks like each field has a dynamic width. Might be 67px, another 55px, etc.

    How can I just set them all to 100px (for example) so the text wont go too long in the box?

    Thanks

  4. #4
    Join Date
    Aug 2007
    Posts
    3,767
    How are the fields given their dynamic width?
    Great wit and madness are near allied, and fine a line their bounds divide.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles