[thelist] css tip
Koen Depoorter
koen at skynet.be
Tue Nov 26 07:46:01 CST 2002
<tip type="css list" Author="Koen Depoorter">
When you replace the ordinary bullets in a list with an image, you
must keep in mind the line-height. The image is not placed starting
from the baseline, but from the leading.
The height of your image (can be partialy left blank) should be equal
to the line-height and not to the font-size (but in most of the cases
they are equal).
<style>
body {line-height: 14 px; font-size:8px}
ul {list-style-image: url(/images/orange_arrow.gif)}
</style>
my image must have a height of 14 pixels, and the arrow in it must be
placed in the lower part, max 8 pixels big (if i want it to be the
same size as the text)
</tip>
--
koen depoorter - koen at keytrade.com
the sun is a labyrinth of spirals
More information about the thelist
mailing list