Forms look different.

  • Profile Image
    smc9696
    Asked on March 30, 2011 at 03:15 PM

    I have 2 forms total and after I put them in the same frontpage code, they look different. I can't see the boxes in 1 form.

    Form that looks good.

    http://hoist.hrtc.net/~shaun/register.html

    Form that I can't see the entry boxes.

    http://hoist.hrtc.net/~shaun/donate.html

    Any help would be greatly appreciated.

    I don't beleive the coding is wrong in my HTML, it's something with the form.


    Thank you,
    Shaun

  • Profile Image
    DanielGriffin
    Answered on March 31, 2011 at 01:00 PM

    Hi Shaun,

    It looks like some CSS clash is making the input boxes difficult to see.  I have injected some CSS to give them a border for you and it looks ok when I go directly to the form. 

     

    Can you try to re-embed the form into your page please?  It should display correctly now.

    Thanks,

    Daniel

  • Profile Image
    NeilVicente
    Answered on March 31, 2011 at 01:14 PM

    Hey Shaun,

    I found this piece of CSS code in your stylesheet styles.css :

    * {
        border0 none;
        margin0;
    }

    Basically it removes any border on all elements of your page that is why your textboxes look invisible - the borders were removed.
    Delete the first line above from your stylesheet. Keep the 2nd line, I found out that removing it messes up the position of other elements such as the footer.

     

    Regards,
    Neil
  • Profile Image
    smc9696
    Answered on April 01, 2011 at 08:12 AM

    Hello-

    Yep, that worked. I deleted the border: 0 none; line and everything looks good now.

    I will definitely use you again!!


    Thank you,

    Shaun 

  • Profile Image
    NeilVicente
    Answered on April 01, 2011 at 10:37 PM

    Hi,

    You're very much welcome. We're glad to be of help.

     

    Neil