This is Interesting: Free Magazines for Graphics designers and webmasters  


Home > Archive > Stylesheets > August 2006 > List styling problems





You are viewing an archived Text-only version of the thread. To view this thread in it's original format and/or if you want to reply to this thread please [click here]

Author List styling problems
TheEv

2006-08-26, 6:33 pm

I was wondering if anyone knew of the standard way to style Lists.
Whenever I style them, especially when I use my own bullet image, They
show up very different in each browser. The bullet in either up or
down, or further left or right, depending on the browser. Is there any

way to ensure my lists will look neat on all browsers?

Stephen Poley

2006-08-27, 6:37 am

On 26 Aug 2006 13:55:17 -0700, "TheEv" <EvanCalkins@XXXXXXXXXX> wrote:

>I was wondering if anyone knew of the standard way to style Lists.
>Whenever I style them, especially when I use my own bullet image, They
>show up very different in each browser. The bullet in either up or
>down, or further left or right, depending on the browser. Is there any
>way to ensure my lists will look neat on all browsers?


When you say the lists look very different in each browser, do you mean
they look *bad* in some browsers? If the appearance is different but
acceptable, then that is not a problem. If you have a problem with the
list appearance being unacceptable in a browser, or browsers, then
perhaps you could be more specific.

--
Stephen Poley

http://www.xs4all.nl/~sbpoley/webmatters/
Andrew

2006-08-27, 6:37 pm

On 26 Aug 2006 13:55:17 -0700, "TheEv" <EvanCalkins@XXXXXXXXXX> wrote:

>I was wondering if anyone knew of the standard way to style Lists.
>Whenever I style them, especially when I use my own bullet image, They
>show up very different in each browser. The bullet in either up or
>down, or further left or right, depending on the browser. Is there any
>
>way to ensure my lists will look neat on all browsers?


Hi Evan,

Have you tried adding the background image to the <li> tag rather
than the <ul> tag? Listamatic describes this better than I can:

http://css.maxdesign.com.au/listutorial/master.htm

All the best,

Andrew.
--
*..· ´¨¨)) -:¦:-
¸.·´ .·´¨¨))
((¸¸.·´ .·´ -:¦:- *Andrew* -:¦:-
-:¦:- ((¸¸.·´*
TheEv

2006-08-29, 3:33 am

Hey thanks! That article is perfect!

Andy Dingley

2006-08-29, 6:45 pm

TheEv wrote:

> I was wondering if anyone knew of the standard way to style Lists.


There isn't. Some browsers do it by controlling padding, some use
margins.

So if you ever want to change behaviour from the default, then chances
are you ought to set _both_ padding and margin explicitly in your
stylesheet.

Sponsored Links


Copyright 2003 - 2008 forum4designers.com  Software forum  Computer Hardware reviews