CSS Tables and List Markers

Hello

I'm new to the CSS game and seem to have got my head round quite a bit
of stuff. However, I just can understand how to set up CSS tables. If
you visit www.stokelibdems.org.uk you'll see that the contents on the
'Executive' page for example are within a table. This is making such
pages non-html valid.

I've also got a query about list markers. If I set up an internal
style sheet as follows:

<style type="text/css">
ul
{
list-style-image: url(../img/tick.gif)
}
ol
{
list-style-position: inside
}
</style>

I get the tick and the content is listed on www.focustowin.co.uk, but
the list is indented - how do I remove the indent? I've tried the
"list-style-position: inside" as you can see but this doesn't appear to
do very much.

Any help very much appreciated.

Gavin.

William Tasso wrote:
>>
>> <style type="text/css">
>> ul { list-style-image: url(../img/tick.gif) }
>> ol { list-style-position: inside }
>> </style>
>>
>> I get the tick and the content is listed on www.focustowin.co.uk, but
>> the list is indented - how do I remove the indent? I've tried the
>> "list-style-position: inside" as you can see but this doesn't appear to
>> do very much.
>
> sounds like you're looking for
> {
> margin-left:0;
> padding-left:0;
> }
>
IE can be very difficult about bullets if (it thinks) there is no space
for them; IE clips them off. I have found these work as a minimum:
ol { padding-left: 2.5em; } /* Allows up to 3 digits. */
ul { padding-left: 1.4em; } /* Minimum needed across browsers. */

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)