Previous Message
Next Message

Uls and photo margins...

Sent by Gene Falck on 21 November 2004 23:11


Hi Theresa,

You wrote:

>... I'm confused by your response. I just want a regular old
>list-generated bullet--no image involved.

I probably wrote too briefly to be clear--"my"
(actual credits due to longer-term members of
this list) method could be used for "regular"
bullets if you created an image of the one you
want.

The advantage of turning off the browser bullet,

>           ul
>           {
>               ...
>               list-style-type: none;
>           }

and adding a background bullet image,

>
>           li
>           {
>               margin-top: 0em;
>               margin-bottom: 0em;
>               padding: 0 0 0 20px;
>               background: url("whatever.gif") no-repeat 0px .6em;
>           }

is that the result is entirely within the li
(but aligns like an outside bullet) so it is
not so easily lost in whitespace covered by
another element. I have seen variations on this
in alistapart and, as can be seen in the other
responses you got, there are many ways to attack
the "misplaced bullets" problem.

A disadvantage, of course, is that it is hard to
avoid spending time being creative about the dot
itself, LOL.

Regards,

Gene Falck
[EMAIL-REMOVED]


______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
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/
Previous Message
Next Message

Message thread: