Ordered lists - letters not aligning correctly

HTML, CSS and anything else that deals with client side capabilities.

Moderator: General Moderators

Ordered lists - letters not aligning correctly

Postby mecha_godzilla » Mon Mar 07, 2011 5:35 pm

Hi,

This is a real simple one I guess...hell, I've only been using HTML for 14 years :)

For the first time in my career I've had to use ordered lists today (of type "A" for upper class letters where the bullet points should be) but can't seem to find the right code to align the letters correctly so that they're in a straight (vertical) line. I'm only going up to F so in theory I could either centre or left-justify them, but at the moment neither option seems to work.

What I preview the page in Firefox the letters all look out compared to each other by a couple of pixels or so. Also, the letters appear a couple of pixels lower than the text in <li></li> tags - I've removed all styling from them so this seems to be Firefox's default rendering :lol:

Any suggestions please?

Mecha Godzilla
User avatar
mecha_godzilla
Forum Contributor
 
Posts: 372
Joined: Wed Apr 14, 2010 4:45 pm
Location: UK

Re: Ordered lists - letters not aligning correctly

Postby ofir0803 » Tue Mar 08, 2011 8:33 am

try reseting it with:

Syntax: [ Download ] [ Hide ]
ol{padding:0;margin:0;}
ofir0803
Forum Newbie
 
Posts: 22
Joined: Sun Jan 18, 2009 4:03 pm

Re: Ordered lists - letters not aligning correctly

Postby mecha_godzilla » Tue Mar 08, 2011 6:15 pm

Thanks for that - I'll try this later on and report back :)

M_G
User avatar
mecha_godzilla
Forum Contributor
 
Posts: 372
Joined: Wed Apr 14, 2010 4:45 pm
Location: UK


Return to HTML, CSS and other UI Design Technologies

Who is online

Users browsing this forum: No registered users and 3 guests