Tabbed with images as the background and text links
CSS driven if possible & standards compliant
Cross browser compatible including IE6
Might have to overlap an embedded flash movie
I was hoping that someone can save me an unknown amount of time trying to find something that fits all those criteria and recommend one? (In the past I’ve often spent ages trying to find stuff like this, found something, spent more time working out how to implement it only to find it won’t work in some poxy browser or other…)
Hi Rayzur, thanks for that. I’ve been having a look at it and it seems that the width of the tabs has to be the same as the width of the links in the drop down. I need something that will have tabs only 90px wide but will allow wider links in the dropdown without the words wrappping and appearing to be seperate links.
There was a scriptless dropdown for IE6 that was developed here in one of the CSS Quizzes. I think it covers all of your requirements but it is limited to fixed width, at least the stable versions are.
yes indeed :P, so far I see no straight answer.
In my opinion a dropdown should never be more than one level anyway.
(says someone who has 5 levels of dropdowns in firefox bookmarks)
Unfortunately Opera, Chrome and Safari do not want to play ball with this menu system (I think that this is due to a bug).
I have simplified the styes a little and have a demo that works in IE6-IE8, Firefox, SeaMonkey, Flock, Avant and Maxthon: http://www.cssplay.co.uk/test/inline-drop.html
[OT]@stunic
as I figured, I was wondering why it was behaving as it was, I also thought for a moment that firefox might be doing something wrong, still it’s another way to make a dropdown
while I originally made it as a dropline and had it work in all browsers, I thought, wouldn’t it be great if this could be made into a dropdown, which I sort-of managed in some browsers
No problem, I love it when threads evolve organically, take it where you want and thanks for the menu, much appreciated (and still in use on the site).
Anyone can link to this tutorial if they think it is useful.
If I can find the time I will look into your fluid width dropdown to see if there is any way to make it cross browser. I will let you know if I make any progress with this.
[OT]oh wow, haven’t seen this thread going, nice to see the menu is still being fiddled with, would you mind stu if i linked to your tut from my mini-blog, it’s just very valuable info.
also on the topics of menus, I seem to have stumbled into another potential dropdown menu trick.
I currently do not have the time to work out all the problems with it so I might as well throw it out here.[/OT]
