Sidebar Sidebar
Become a MacRumors Supporter for $50/year with no ads, ability to filter front page stories, and private forums.

Form element styling

A

andyjamesnelson

macrumors 6502
Original poster
Aug 24, 2003
286
0
Jacob's house
Hey.

I was wondering if anyone got some good tips for form element styling.

It seems that every browser wants to display these elements differently.

I've attached some images to illustrate the issues I'm having.

The 1st is Firefox, 2nd Safari and then last IE7.

I know its not to helpful when looking for specific code examples to just share these images of the issues. That said I more looking for general advice on the subject then a specific fix to this issue.

Andy
 

Attachments

  • Picture 120.png
    Picture 120.png
    4.2 KB · Views: 83
  • Picture 121.png
    Picture 121.png
    4.4 KB · Views: 70
  • Picture 119.png
    Picture 119.png
    3.4 KB · Views: 65
D

dantherevelator

macrumors regular
Oct 8, 2007
148
0
Have you used a CSS reset?

The *{margin:0; padding:0} reset method cause a lot of headaches like that. By contrast, the Eric Meyer-style reset is a touch less brutal.
 
angelwatt

angelwatt

Moderator emeritus
Aug 16, 2005
7,852
9
USA
Yea, using a CSS reset is the best way generally, rather than trying to remembering all the nuances of each browser. The form tags are especially tiresome because the browsers used a lot of different approaches. My reset is based off Eric Myers, and don't be afraid to edit it to meet your own needs. Some of it is overkill for some sites, and Eric feels you should edit as need be too.
 
You must log in or register to reply here.
Register on MacRumors! This sidebar will go away, and you'll see fewer ads.
Top Bottom