on Date: Tue, 15 Jan 2008 15:50:48 -0500 Tessa Wrote:> What is the best way to
control the positioning of image bullets
>in IE6 and 7? They are rendered higher and further to the right than
>they should be...
That is something that I would have expected.
Here it is the solution which worked for me:
This is from my CSS file:
//zero out margin and padding //
.half4 ul {list-style-type: none;
margin: 0; padding: 0;}
//you can use say 50% instead of .4em if li is going to be one line
in the following css rule//
.half4 ul li { background:url(../images/bullet.gif) no-repeat 0 0.4em;
padding:0 0 0 15px;
}
And other factors which is under estimated are the line-height
and font-size.
Based on the size of bullet image you are using, different line heights
and font-sizes will affect the positioning of the bullet image.
So play with the line height and font-size as well to make it work.
To see it in action browse my portfolio at
http://cssfreelancer.awardspace.com .
As a side note: You have declared your font-sizes in ems. You might want
to add a font-size to body in percentages if all the above fails.
regards
davoud
_________________________________________________________________
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
