> So, I follow all the discuss about this. I probe this and I have a good works.
>
> ul {
> padding-left: 20px;
> margin-left: 5px;
> }
>
> li {
> list-style: url(../images/li.gif);
> vertical-align: middle;
> padding-left: 1px;
> color: #3E4D57;
> font: 11px Tahoma;
> background: transparent;
> }
>
> Now I have a question. The text near to the li element, how I can align them
> to appear align="absmiddle" as a image property ??
> Cheers
You might have followed but not understood.
The trick is _not_ to use the image as list style but as a background
image of the LI with a padding to the left.
It is explained in detail step by step here:
http://css.maxdesign.com.au/listutorial/introduction.htm
This means you can position the image anywhere you want. If you use:
li{ background:url(foo.gif) left center no-repeat #ccc;}
it will center the image vertically in the LI.
--
Chris Heilmann
Blog: http://www.wait-till-i.com
Writing: http://icant.co.uk/
Binaries: http://www.onlinetools.org/
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
