/    Sign up×
Community /Pin to ProfileBookmark

Problem (probably css) with jQTransform (jQuery)

Hiya is anyone familiar with jQTransform of jQuery?
I’m building a contact form (tutorial found here: [url]http://tutorialzine.com/2009/09/fancy-contact-form/[/url], but comment section is closed and there is no way to contact author), and jQTransform is used to stylize some form buttons and textboxes. Everything works if I just open the php from the demo package, however when I migrate the code over and include the contact form as a div on my webpage (in the demo the entire php file was the contact form, I copy/pasted the code over and enclosed it in a div), and updated all the css/js links/sources, the textbox and dropdown images are all incorrectly sized, and for some reason the font becomes darker (either bold or changes into black color). I’m almost certain jqtransform.css and jquery.jqtransform.js are causing the problem, as if I do not link them, then the form will appear correctly (but with ugly default html form style).

(Since this forum does not support images I put them in links)

Here’s what it looks like when the contact form is placed in a div:
[img]http://i.imgur.com/dGte4.jpg[/img]

Here’s what it’s supposed to look like (notice how the font is lighter like a grey tone):
[img]http://i.imgur.com/3Ol4C.jpg[/img]

I noticed an extra style “width:45px” added in which is causing the textboxes to not display correctly, probably by some javascript, and I’m pretty sure it’s from the jquery.jqtransform.js file, but I can’t trace what’s doing it:
[img]http://i.imgur.com/WXroo.png[/img]

Thanks.

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@WindbrandauthorDec 27.2011 — The website is: http://thesoloconcerto.com

Contact form is at About -> Contact.
×

Success!

Help @Windbrand 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.17,
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,
)...