/    Sign up×
Community /Pin to ProfileBookmark

Quick CSS question that is driving me nuts!

Copy linkTweet thisAlerts:
Jun 26.2010

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

So on this page:
[URL=”http://www.adxtactical.com/store/pc/configurePrd.asp?idproduct=1333&qty=1″]http://www.adxtactical.com/store/pc/configurePrd.asp?idproduct=1333&qty=1[/URL]

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

to post a comment
CSS

3 Comments(s) ↴

Copy linkTweet thisAlerts:
@Declan1991Jun 29.2010 — Validate your [url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.adxtactical.com%2Fstore%2Fpc%2FconfigurePrd.asp%3Fidproduct%3D1333%26qty%3D1&charset=%28detect+automatically%29&doctype=Inline&group=0]HTML[/url] and [url=http://jigsaw.w3.org/css-validator/]CSS[/url]. Also try to stop using tables for design if you can.

You have set a width. Remove the size="67" from the input.
Copy linkTweet thisAlerts:
@BlackReefDesignauthorJul 01.2010 — Validate your [url=http://validator.w3.org/check?uri=http%3A%2F%2Fwww.adxtactical.com%2Fstore%2Fpc%2FconfigurePrd.asp%3Fidproduct%3D1333%26qty%3D1&charset=%28detect+automatically%29&doctype=Inline&group=0]HTML[/url] and [url=http://jigsaw.w3.org/css-validator/]CSS[/url]. Also try to stop using tables for design if you can.

You have set a width. Remove the size="67" from the input.[/QUOTE]

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
Copy linkTweet thisAlerts:
@Declan1991Jul 01.2010 — How are the fields given their dynamic width?
×

Success!

Help @BlackReefDesign spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 — BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...