Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 2 of 2
  1. #1
    New Coder
    Join Date
    Sep 2011
    Posts
    44
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Problem (probably css) with jQTransform (jQuery)

    Hiya is anyone familiar with jQTransform of jQuery?
    I'm building a contact form (tutorial found here: http://tutorialzine.com/2009/09/fancy-contact-form/, 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).

    Here's what it looks like when the contact form is placed in a div:


    Here's what it's supposed to look like (notice how the font is lighter like a grey tone):


    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:


    Thanks.

  • #2
    New Coder
    Join Date
    Sep 2011
    Posts
    44
    Thanks
    4
    Thanked 0 Times in 0 Posts
    The website is: http://thesoloconcerto.com
    Contact form is at About -> Contact.


  •  

    Posting Permissions

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