Previous Message
Next Message

Uls and photo margins...

Sent by Theresa Mesa on 18 November 2004 15:03


I'm sorry, but I'm confused by your response. I just want a regular old
list-generated bullet--no image involved. The image I was talking about was
my photo.

Am I misunderstanding something?

Theresa


On 11/17/04 11:06 PM, "Gene Falck" [EMAIL-REMOVED]> wrote:

> Hi Theresa
> 
> You wrote:
> 
>> However, the li selector change had no effect on my list problem in Safari.
>> Still the same. It did cause it to now work in Mozilla and Firefox, too.
>> Woo-hoo.
>> 
>> This is the part that took me about 4 hours to do today. I've tried
>> separating the ul in the sidebar div with its own div. No. Tried adding a
>> <p> tag with a class declaration of text-align: left and some extra
>> padding/margins/whatever. No. Tried a number of other things. No. The
>> bullets are now inside the sidebar on everything but Safari, but it also
>> looks really crappy in Opera. Still haven't checked it on the PC because
>> it's late, the PC is off, I'm tired, and I'm afraid of what I'll find.
> 
> Something I originally got from other members on this list,
> which is especially good if you want to use an image as a
> custom bullet, is to set it as a background image in the LI
> (set for no repeat) and move the text enough to the right to
> clear the image. This could also be done with an image that
> duplicated the regular bullet, of course.
> 
> The CSS code in my style sheet (specific values are strictly
> for my situation and you may want to change them to suit your
> situation) is:
> 
>          ul
>          {
>              margin-top: 0em;
>              margin-bottom: .7em;
>              margin-left: 2em;
>              list-style-type: none;
>          }
> 
>          li
>          {
>              margin-top: 0em;
>              margin-bottom: 0em;
>              padding: 0 0 0 20px;
>              background: url("LogoDot.gif") no-repeat 0px .6em;
>          }
> 
> LogoDot.gif is, of course, the image I use (which I made from
> the company logo where I work).
> 
> 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: