[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