Dreamweaver - Re: css ] list-style-image in horizontal list?

Author

Re: css ] list-style-image in horizontal list?

Murray *TMM*

2004-03-21, 3:28 pm

Adriana:

Declare your "bullet" image as a background element to the li tag. Make it
no-repeat. Give the li tag a sufficient padding so that it moves to the
right enough to expose the background image.

You can do amazing things like this. Check my javascript-less rollover
(i.e., using CSS only) at this site (the menu bar on the left) -

http://www.midwestespresso.com/

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote in message
news:1s4wqcswkwpll$.dlg@www.translatoria.com...
> Although this is not a Dreamweaver question, I hope you will forgive me
for
> asking in this group: the 'dedicated' css-group does not seem to have the
> answer.
>
> I want to change my list-based menu's from dropdown into horizontal flyout
> lists.
>
> This is easily done by changing the style on li to inline.
> Problem is: In doing so I have lost the image that I want to use instead
of
> a bullet.
>
> Examples (in both cases I am talking about the horizontal green top nav
> bar only):
>
> This is how it is: http://www.xs4all.nl/~hogen/TaalVlinder/
> This is how it will be:
> http://www.xs4all.nl/~hogen/Taalwij..._HorFlyout.htm.
>
> Can images not be used is horizontal lists (don't see why not, frankly),
> or have I done something wrong? I have played around with margins and
> paddings, but cannot believe they matter here since I guess a bullet per
> definition sits in front of the list item.
>
> I would be very grateful for any help - even if you tell me it cannot be
> done (then at least I will be put out of my misery).
> --
> Groet, Adriana.
> [throw rubbish out if you want to reach me by e-mail]

A.Translator

2004-03-21, 3:29 pm

On Sun, 21 Mar 2004 13:39:18 -0500, Murray *TMM* wrote:

> You can do amazing things like this. Check my javascript-less rollover
> (i.e., using CSS only) at this site (the menu bar on the left) -

Amazing! Very nice idea, but one remark:
I moz. 1.7 the bottom item of the left navbar (pricing & financing) slips
just underneath the 'button-bottom' . I'll put a screenshot online if you
like.
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]

A.Translator

2004-03-21, 3:29 pm

On Sun, 21 Mar 2004 13:39:18 -0500, Murray *TMM* wrote:

> Declare your "bullet" image as a background element to the li tag. Make it
> no-repeat. Give the li tag a sufficient padding so that it moves to the
> right enough to expose the background image.

You did it again, Murray!
Thank you so much.
I have to fiddle with it to get it right, but basically the desired effect
is there: http://www.xs4all.nl/~hogen/Taalwij...V_HorFlyout.htm .

Thanks a million! (also for removing the [OT] and so lessening my quilty
feelings...)
--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]

Murray *TMM*

2004-03-21, 9:28 pm

Adriana:

I don't care about Mozilla, honestly. Nobody uses it other than developers.

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote in message
news:yz2hnczush0w.dlg@www.translatoria.com...
> On Sun, 21 Mar 2004 13:39:18 -0500, Murray *TMM* wrote:
>
>
> Amazing! Very nice idea, but one remark:
> I moz. 1.7 the bottom item of the left navbar (pricing & financing) slips
> just underneath the 'button-bottom' . I'll put a screenshot online if you
> like.
> --
> Groet, Adriana.
> [throw rubbish out if you want to reach me by e-mail]

keen to learn

2004-03-22, 3:28 am

Murray

I might have been just me, but your bottom link to 'great web sights' got a
404

Don't want you missing out!

as ever

--
keen to learn @ hotmail.com

"Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
news:c3lek0$2gt$1@forums.macromedia.com...
> Adriana:
>
> I don't care about Mozilla, honestly. Nobody uses it other than
developers.
>
> --
> Murray --- ICQ 71997575
> Team Macromedia Volunteer for Dreamweaver MX
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
> news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
> ANSWERS
> ==================
> http://www.dreamweavermx-templates.com - Template Triage!
> http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
> http://www.dwfaq.com - DW FAQs, Tutorials & Resources
> http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
> ==================
>
> "A.Translator" <adrianaRUBtranslator@yaBISHhoo.com> wrote in message
> news:yz2hnczush0w.dlg@www.translatoria.com...
rollover[color=darkred]
slips[color=darkred]
you[color=darkred]
>
>

A.Translator

2004-03-22, 2:34 pm

On Sun, 21 Mar 2004 20:11:09 -0500, Murray *TMM* wrote:

> I don't care about Mozilla, honestly. Nobody uses it other than developers.

How refreshing to hear! I feel I am not experienced enough to say something
like that. I use Mozilla as my default browser (because of the tabbed
browsing which I love), but test in IE too, of course ;-)

--
Groet, Adriana.
[throw rubbish out if you want to reach me by e-mail]

Murray *TMM*

2004-03-22, 2:35 pm

keen:

Thanks! Fixed it....

--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver MX
(If you *MUST* email me, don't LAUGH when you do so!)
==================
news://forums.macromedia.com/macromedia.dreamweaver - THE BEST WAY TO GET
ANSWERS
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================

"keen to learn" <keentolearn_deletethis_@hotmail.com> wrote in message
news:c3m0pr$k4v$1@forums.macromedia.com...
> Murray
>
> I might have been just me, but your bottom link to 'great web sights' got
a
> 404
>
> Don't want you missing out!
>
> as ever
>
>
> --
> keen to learn @ hotmail.com
>
> "Murray *TMM*" <forums@HAHAgreat-web-sights.com> wrote in message
> news:c3lek0$2gt$1@forums.macromedia.com...
> developers.
GET[color=darkred]
> rollover
> slips
> you
>
>