Sent by Michael Landis on 28 November 2003 17:05
Jamie wrote (about http://media72.co.uk/redesign/index.html ):
> The bullet point on my page appear in the same position horizontally
> in each browser. It's the vertcal position on the bullet point in
> relation to the text the is the problem. In IE 5 mac OS X for
> instance the bullet point appears righ down at the bottom of the
> line, where are in Opera win it appears right at the top.
Hi, Jamie,
I've found that the best way to make bullets that have consistent vertical
positions is by using background images instead of image bullets. By
positioning them vertically with em's, you can keep them in the same
relative position across all browsers, something like
..col_1 UL, .col_2 UL {
margin: 0;
padding: 0;
}
..col_1 LI, .col_2 LI {
list-style-type: none;
margin: 0;
padding: 0 0 0 20px;
background: transparent url(images/bullet.gif) no-repeat 5px 0.4em;
}
HTH,
MikeL
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/