Jump to content


Photo

Cross Browser Form Styling


  • Please log in to reply
3 replies to this topic

#1 wright67uk

wright67uk

    Advanced Member

  • Members
  • PipPipPip
  • 438 posts

Posted 30 December 2012 - 05:53 PM

Before I go posting long lines of html/php...

is there anything that stands out that could upset IE in this css or should I be looking a little deeper?
(I have a few inline styles in my form) and also are there any important do's and dont's when styling a form for cross browser compatability?

For anyone who fancies taking a look at the misery i'm facing my url is http://www.treequote..._snag_score.php


<style type="text/css">

input[type=text] {width: 40px}

#formwrap {background-color:#0CC; width:300px; margin-left:auto; margin-right:auto;
-moz-border-radius: 15px; border-radius: 15px; padding-left:40px; min-height:400px; }

input.clip {background-color:#0CC; color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}

h2.location {color:#fff; font-family:Tahoma, Geneva, sans-serif; font-weight:bold;}



</style> 


#2 Medavidcook

Medavidcook

    Member

  • Members
  • PipPip
  • 19 posts
  • LocationCardiff, Wales

Posted 02 January 2013 - 06:08 AM

nothing points out to cause any problems, however one thing i noticed that might cause a problem is,in your html after form you have
- but your css style has nothing of this, it can cause a problem later on down the line.hope this helps

#3 wright67uk

wright67uk

    Advanced Member

  • Members
  • PipPipPip
  • 438 posts

Posted 02 January 2013 - 06:31 AM

All sorted. I didn't declare a doctype.

Thanks for the reply.

#4 Medavidcook

Medavidcook

    Member

  • Members
  • PipPip
  • 19 posts
  • LocationCardiff, Wales

Posted 02 January 2013 - 06:46 AM

that would be it but only seeing part of work wouldnt know that.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

Cheap Linux VPS from $5
SSD Storage, 30 day Guarantee
1 TB of BW, 100% Network Uptime

AlphaBit.com