Advertisement

08.03.2006 at 02:03AM PDT, ID: 21941745
[x]
Attachment Details

Positioning of list-style-image

Asked by Refael in Cascading Style Sheets (CSS)

Tags: image, list, style

Positioning of list-style-image
I have tried so many ways, exporting the image with spaces and without, controlling the line height of the list, using background image instead of list-style-image, noting helps to get the bullet image baseline to text.... anyone have eligible idea?  

And I tried this:

#navlist
{
margin-left: 0;
padding-left: 0;
margin-bottom:0;
margin-top:0;
list-style: none;
}

#navlist li
{
list-style: none;
padding-left: 25px;
margin-left: 15px;
background-image:url(images/bullet.gif);
background-repeat: no-repeat;
background-position: 0px 7px;
}

But there is a huge rendering difference between IE and FireFox?!Start Free Trial
[+][-]08.03.2006 at 03:39AM PDT, ID: 17240435

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]08.03.2006 at 09:20AM PDT, ID: 17243056

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]08.03.2006 at 09:46AM PDT, ID: 17243283

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
[+][-]08.03.2006 at 12:45PM PDT, ID: 17244769

Often, when Experts are collaborating with members who have asked questions, they will request additional information about the problem. Askers respond with an author comment like this one.

Start your 7-day free trial to view this Author Comment or ask the Experts your question.

 
[+][-]08.03.2006 at 06:50PM PDT, ID: 17247027

View this solution now by starting your 7-day free trial. Setting up your free trial is quick, easy, and secure. We will return you to this solution, unlocked, when you're done.

 

About this solution

Zone: Cascading Style Sheets (CSS)
Tags: image, list, style
Sign Up Now!
Solution Provided By: GrandSchtroumpf
Participating Experts: 2
Solution Grade: A
 
 
[+][-]09.02.2006 at 08:03PM PDT, ID: 17444240

At Experts Exchange, members can ask their questions to thousands of technology professionals, also known as Experts. Experts compete and collaborate to answer those questions by leaving comments like this one.

Start your 7-day free trial to view this Expert Comment or ask the Experts your question.

 
 
Loading Advertisement...
20080716-EE-VQP-32