Help | Site Map
Connecting Tech Pros Worldwide
 
 
LinkBack Thread Tools
  #1  
Old August 2nd, 2006, 06:55 PM
maya
Guest
 
Posts: n/a
Default <ul> diff rendering in IE, FF..

I need to format an unordered list as follows:

1) I need to reduce space betw. bullet and line of text..
2) I need to get rid of space to the LEFT of bullet..

have tried various solutions already, mostly taken from here:
http://www.html-faq.com/csspresentation/?csslists

main problem is how diff IE and FF treat lists..

I would like to know how to achieve above-mentioned items (1 & 2) for
both browsers w/o having to do browser-sniffing, JS to print the CSS,
etc.. (IF this is possible..)

thank you very much..





  #2  
Old August 3rd, 2006, 01:15 PM
David Stone
Guest
 
Posts: n/a
Default Re: <ul> diff rendering in IE, FF..

In article <44d0e76b$0$15787$14726298@news.sunsite.dk>,
maya <maya778899@yahoo.comwrote:
Quote:
I need to format an unordered list as follows:
>
1) I need to reduce space betw. bullet and line of text..
2) I need to get rid of space to the LEFT of bullet..
>
have tried various solutions already, mostly taken from here:
http://www.html-faq.com/csspresentation/?csslists
>
main problem is how diff IE and FF treat lists..
>
I would like to know how to achieve above-mentioned items (1 & 2) for
both browsers w/o having to do browser-sniffing, JS to print the CSS,
etc.. (IF this is possible..)
Why exactly do you _need_ to do this? It seems like an
awful lot of trouble to go to for little real gain...
  #3  
Old August 4th, 2006, 01:15 PM
Rik
Guest
 
Posts: n/a
Default Re: <ul> diff rendering in IE, FF..

maya wrote:
Quote:
I need to format an unordered list as follows:
>
1) I need to reduce space betw. bullet and line of text..
2) I need to get rid of space to the LEFT of bullet..
>
have tried various solutions already, mostly taken from here:
http://www.html-faq.com/csspresentation/?csslists
>
main problem is how diff IE and FF treat lists..
>
I would like to know how to achieve above-mentioned items (1 & 2) for
both browsers w/o having to do browser-sniffing, JS to print the CSS,
etc.. (IF this is possible..)
You can't really influence the position of the marker in most browsers,
inside & outside are the only choices.

Solution as posted before:
- list-style-type:none;
- left-padding: something;
- background-image: url(path/to/picture/of/marker.png);
- background-repeat: no-repeat;
- background-position: the exact position you want;


Grtz,
--
Rik Wasmus


 

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are Off
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over network members.
Post your question now . . .
It's fast and it's free

Popular Articles