Re: [css-d] Reliable Dropdowns?
On 3/9/06, Christian Heilmann [EMAIL PROTECTED] wrote: How do you nest a full menu in an inline element like span? Even more interesting, how do you nest a lot of other links inside a link? This solution helps for tooltips, not for menus... Bury an ul inside it. Or rather: replace the span with an ul. Set list-style to none, then use li for your menu items, position and give them pretty colors with CSS. then you can put more hyperlinks inside the li's. It's not so very hard, do a search for css menu on the web or something :) I'd just use Son of Suckerfish and do an image replacement on the topmost menu items. Sorted. -- Frank Van Damme __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
[css-d] Reliable Dropdowns?
Hi guys, We're looking for a reliable method of doing the following. Everything we have tried just doesn't work. First of all, our site is center-aligned. There are four circular images that, when in the :hover state, need to display a menu beneath them (Hey, I didn't write the design brief!) all on the same line. Crucially, it needs to be liquid and display fine in IE6/FF1.5 Any takers?! 3 __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7 List wiki/FAQ -- http://css-discuss.incutio.com/ Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Reliable Dropdowns?
Spike Spencer wrote:
Hi guys,
We're looking for a reliable method of doing the following. Everything
we have tried just doesn't work.
First of all, our site is center-aligned. There are four circular
images that, when in the :hover state, need to display a menu beneath
them (Hey, I didn't write the design brief!) all on the same line.
Crucially, it needs to be liquid and display fine in IE6/FF1.5
Hi Spike,
It sounds like you can solve it with:
a id=circle1 href=#stayhereimg src=circle1.gifspanmenu
over here/span/a
and:
#circle1 a span { margin-left: -px; }
#circle1 a:hover span { margin-left: 0 px; }
to toggle the menu.
But it will depend on real html / css in your page! - Do you have a
testpage to get a better impression ? And/or some screenshot images of
what must be the results?
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] Reliable Dropdowns?
Hi Spike,
It sounds like you can solve it with:
a id=circle1 href=#stayhereimg src=circle1.gifspanmenu
over here/span/a
and:
#circle1 a span { margin-left: -px; }
#circle1 a:hover span { margin-left: 0 px; }
to toggle the menu.
But it will depend on real html / css in your page! - Do you have a
testpage to get a better impression ? And/or some screenshot images of
what must be the results?
How do you nest a full menu in an inline element like span? Even more
interesting, how do you nest a lot of other links inside a link?
This solution helps for tooltips, not for menus...
I'd just use Son of Suckerfish and do an image replacement on the
topmost menu items. Sorted.
--
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
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
