Re: [css-d] Drop down menus...

[Michael Beaudoin]

On Oct 7, 2009, at 1:48 PM, Val Dobson wrote:

> Have you looked at www.cssplay.co.uk/menus ?  He has a wide range of
> menus on there.
>
> Val
>
> 2009/10/7 Michael Beaudoin :
>> I've looked at the Suckerfish menus, plus a few more, but none of  
>> them
>> explain how to use drop down menus with a graphic as the main menu.
>>
>> If anyone has any additional places I can go look, I'd appreciate it.
>>
>> Thanks,
>> Michael
>>
>>

Great. Thanks for the link. Lots of stuff to wade through.

Michael
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop down menus...

[Val Dobson]

Have you looked at www.cssplay.co.uk/menus ?  He has a wide range of
menus on there.

Val

2009/10/7 Michael Beaudoin :
> I've looked at the Suckerfish menus, plus a few more, but none of them
> explain how to use drop down menus with a graphic as the main menu.
>
> If anyone has any additional places I can go look, I'd appreciate it.
>
> Thanks,
> Michael
> __
> css-discuss [cs...@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>



-- 
---
www.oakleafcircle.org.uk
www.valdobson.co.uk
www.astrodiary.co.uk
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Drop down menus...

[Michael Beaudoin]

I've looked at the Suckerfish menus, plus a few more, but none of them  
explain how to use drop down menus with a graphic as the main menu.

If anyone has any additional places I can go look, I'd appreciate it.

Thanks,
Michael
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menus

[Gunlaug Sørtun]

Asha Nair wrote:

> www.faithlandchurch.org.au

Add...

#menu {clear: left;}

...to make IE8 render as intended.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menus

[David Laakso]

Asha Nair wrote:
> Hi everyone!
>
> This is my first post and I'm still trying to figure things out. So
> apologise if I make a mistake!
>
> I've made a site with dropdown menus and it has worked fine on IE up until
> IE8 has come out. The dropdown menus, instead of coming out horizontally
> across, come vertically down on the side?
>
> This is the website :- www.faithlandchurch.org.au
>
> Thanks!
>
> Asha
>
>
>   


IE may require a doctype.

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Drop Down Menus

[Asha Nair]

Hi everyone!

This is my first post and I'm still trying to figure things out. So
apologise if I make a mistake!

I've made a site with dropdown menus and it has worked fine on IE up until
IE8 has come out. The dropdown menus, instead of coming out horizontally
across, come vertically down on the side?

This is the website :- www.faithlandchurch.org.au

Thanks!

Asha


-- 
// I heart Mac
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop Down Menus Behind Content

[Joseph Sims]

> 

> How do I get the menus to show up over the content?  Any help would be
> appreciated.  Thanks in advance.
> 

I did find this in your external sheet:


#menucp {
z-index=10;


instead of:

z-index:10;


  
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Drop Down Menus Behind Content

[robmercer]

Merry Christmas to all.  This is a great group with many smart, helpful
people.

 

I am retooling an old site.  The site was done many years ago and is full of
table callouts and dated HTML coding.  The site uses drop down menus
triggered by an image map.  The pages of the site are all left justified.  I
want to use CSS positioning and I want to center the pages.  The current
site can be viewed at www.norwinalliance.org
 

 

I have set everything up and it looks OK except I can't get the drop down
menus to show up on top of the content.  I changed the z-index of the drop
downs to a higher value than the z-index of the content below.  This doesn't
seem to matter.  The main page (conceptual, I'm not yet done!  I know the
color choice sucks!) is located at
http://norwinalliance.org/index-center-CSS.html The style sheet can be
viewed at http://norwinalliance.org/positioning_styles_centered.css

 

How do I get the menus to show up over the content?  Any help would be
appreciated.  Thanks in advance.

__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop down menus/flash

[Gunlaug Sørtun]

Ed Pybus wrote:
> ... could some check if the menus are coming down in front of the 
> flash player on other operating systems?
> 
> http://www.slrecords.net/test_videos.php

Seems to be working as intended in all browsers on windows 2000/XP/Vista
and on Mac OSX - dropdown gets in front of flash.

As you have observed: no good in any browser on Ubuntu.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop down menus/flash

[jono]

> http://www.slrecords.net/test_videos.php
>
> Or do I just have to accept that at the moment you can't get drop down
> menus to drop in front of a flash player??


No, the scriupt is the culprit.  Even Dreamweaver gets this wrong out of
the box.  Use [1]swfObject, as follows:

Include swfobject in the head of your document:
  

In your HTML, for the flash piece:


  
  
  var so = new
SWFObject('path/to/flashFile.swf','slideshow',700,400,8,'#ff');
   so.addParam('quality','high');
   so.addParam('wmode','transparent');
  so.write('Slideshow');



Note:
 is where the SWF will appear/be injected. The
ID can be whatever you'd like, but that ID must match up in the code right
after the path.
700 is the width
400 is the height
8 is the version to detect

Also, make srure you set z-index where necessary.

[1] http://code.google.com/p/swfobject/

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop down menus/flash

[Ed Pybus]

Thanks for the advice - unfortunately none of it has worked for me! I've 
give the elements of the dropdown menus higher z-index numbers than the 
flash player and tried the wmode param on the flash player and neither 
seem to work (at least on FF3 on ubuntu). I know there seems to be some 
FF/Flash problems could some check if the menus are coming down in front 
of the flash player on other operating systems?

http://www.slrecords.net/test_videos.php

Or do I just have to accept that at the moment you can't get drop down 
menus to drop in front of a flash player??

Thanks again,

Ed

Ed Pybus wrote:
> Hi,
>
> Can anyone help me get my dropdown menus coming down in front of a flash 
> player rather than behind it?
>
> http://www.slrecords.net/test_videos.php
>
> CSS here
>
> http://www.slrecords.net/css/master2.css
>
> This is my first website so and other comments/improvements/criticisms 
> welcome.
>
> Thanks,
>
> Ed
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   

-- 
--
S LR E C O R D S
+44 (0) 131 466 2009
+44 (0) 7930 536 963
[EMAIL PROTECTED]
-- 

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop down menus/flash

[Al Sparber]

http://www.projectseven.com/support/answers.asp?id=127

-- 
Al Sparber - PVII
http://www.projectseven.com
Fully Automated Menu Systems | Galleries | Widgets
http://www.projectseven.com/go/Elevators


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop down menus/flash

[Luis Speciale]

Ed Pybus a écrit :

http://www.communitymx.com/content/article.cfm?cid=E5141

Hope it helps


Luis
> Hi,
>
> Can anyone help me get my dropdown menus coming down in front of a flash 
> player rather than behind it?
>
> http://www.slrecords.net/test_videos.php
>
> CSS here
>
> http://www.slrecords.net/css/master2.css
>
> This is my first website so and other comments/improvements/criticisms 
> welcome.
>
> Thanks,
>
> Ed
>
>
> __
> css-discuss [EMAIL PROTECTED]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
>
>   


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop down menus/flash

[Rachel Mawhood]

You've got

z-index: 999;

on your nav a .  Isn't that causing the drop down menu when active to 
be in front of everything else?  Doesn't it need to be something like 
z-index: 2,  and the video and the title above it being z-index: 3 ?

Hope this helps.

Rachel

At 13:01 14/10/2008, Ed Pybus wrote:
>Hi,
>
>Can anyone help me get my dropdown menus coming down in front of a flash
>player rather than behind it?
>
>http://www.slrecords.net/test_videos.php
>
>CSS here
>
>http://www.slrecords.net/css/master2.css
>
>This is my first website so and other comments/improvements/criticisms
>welcome.
>
>Thanks,
>
>Ed

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] drop down menus/flash

[Ed Pybus]

Hi,

Can anyone help me get my dropdown menus coming down in front of a flash 
player rather than behind it?

http://www.slrecords.net/test_videos.php

CSS here

http://www.slrecords.net/css/master2.css

This is my first website so and other comments/improvements/criticisms 
welcome.

Thanks,

Ed


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Drop-down menus, suckerfish and IE7.js

[Tim Dawson]

I've recently stumbled upon Dean Edwards's IE7.js script for correcting
non-compliance in IE6 and earlier.  It seems a great step forward, to get away
from ad hoc hacks.  But I've instantly hit a problem with my drop-down menus.

I know there's a problem with IE6 restricting hover effects to
hyperlinks, and I've carefully worked round that with suckerfish.  It's worked
for a long time with no problems (mostly thanks to Eric Meyer).

But when I add IE7.js (using the conditional), IE6 only highlights the ,
instead of the whole  box, so the menu becomes unworkable because the 
drop-downs collapse when one tries to move the mouse to the next level.  It 
makes no difference whether the suckerfish script is called or not.  See:

http://www.holidaymullandiona.co.uk/accn/bb-central-mull.php (no IE7.js, works 
normally)
http://www.holidaymullandiona.co.uk/accn/bb-central-mull0.php (IE7.js + 
suckerfish, only  highlighted, menus collapse)
http://www.holidaymullandiona.co.uk/accn/bb-central-mull1.php (IE7.js, no 
suckerfish script called, only  highlighted, menus collapse)

No problem in FF3 or IE7, of course, only IE6.
One would expect IE7.js to prevent this behaviour, not cause it.
This time I thought I should seek advice before spending all day tearing my 
hair 
out.

Tim Dawson


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: drop down menus ::

[Highpowered]

Amrinder wrote:
> Hi
>
> I am stuck with dropdown menus. They are working fine in IE-7, and firefox 
> and the evil IE6 doesn't render it.
> Should I use javascript or CSS for this.
>
> Here is my code:
>
> **  XHTML code ** 
> 
>   
>   Home
>About Us
>Retail Products
> 
>  Milk Powders
>  UHT Milk
>  Butter
>  Cheese
>  Liquid Products
>  Juices
> 
>
>Dairy Ingredients
>
> Milk Powder
>  Whey Powder
>  Milk Proteins
>  Butter Fat Products
>  Cheese
> 
>
>Exports/Imports
>Contact Us
>   
>
>   
>  
>  
>
>
> ** CSS Code **
>
> #main_nav {
>  clear: both;
>  position: relative;
>  margin-top: 3px;
>  border: 1px solid red;
> }
>
> #menu li {
>  float: left;
>  position: relative;
> }
> #menu li ul {
>  position: absolute;
>  left: 0px;
>  top: 31px;
>  display: none;
>  background-color: #309DCF;
> }
>
> #menu a {
>   background: #309DCF url(../images/menubck_18.gif) scroll repeat-x left top;
>   }
>   
> li ul li {
>  background: url(../images/menubck_18.gif) repeat-x left top;
>  border:1px solid #fff;
>  }
> ul li a {
>  display: block;
>  text-decoration: none;
>  padding: 6px 40px;
>  border-left-width: 1px;
>  border-left-style: solid;
>  border-left-color: #FFF;
> }
> li li a {
>  padding:4px 5px 4px 37px;
>  width:120px;
>  border-left:none;
>  }
> ul  #nav_home  a {
>  width: 30px;
>  border-left: none;
> }
>
> * html li a {
>  width:auto;
>  }
>
> /*  Fix IE. Hide from IE Mac \*/
> * html ul li { float: left;}
> * html ul li a {height:1%;}
> /* End */
>
> #menu li:hover ul, #menu li.over ul {
>  display:block; 
> }
>
> #menu a:hover {
>  background-attachment: scroll;
>  background-image: url(../images/menuhoverbck_18.gif);
>  background-repeat: repeat-x;
>  background-position: left top;
>  background-color: #de5a03;
>  }
>
> ** javascript code **
>
> startList = function() {
>  if (document.all&&document.getElementById) {
>   navRoot = document.getElementById("nav");
>   for (i=0; inode = navRoot.childNodes[i];
>if (node.nodeName=="LI") {
> node.onmouseover=function() {
>  this.className+=" over";
>  }
> node.onmouseout=function() {
> this.className=this.className.replace(" over", "");
> }
>}
>   }
>  }
> }
> window.onload=startList;
>
>   
You need to change you main  id to "nav"  or change the JS navroot 
variable declaration line to read:

navRoot = document.getElementById("menu");

This will allow the JavaScript to work properly. As it stands, the 
script can't target the proper DOM node.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Drop Down Menus Again

[Jon]

Hello,

I'm looking for a horizontal, three level, css menu (ideally) that I can 
use images and have curved translucent backgrounds for the drop down 
links. I've had a browse of dynamic drive but wondered if anyone could 
suggest a nice drop down that works in ie6+ and firefox.

regards

Jon

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] :: drop down menus ::

[David Hucklesby]

On Thu, 27 Mar 2008 18:15:26 +0530, Amrinder wrote:
> Hi
>
> I am stuck with dropdown menus. They are working fine in IE-7, and firefox 
> and the evil
> IE6 doesn't render it.
> Should I use javascript or CSS for this.
>
> Here is my code:
>
[code snipped]

If this is not working in IE 5 or 6, it suggests something is wrong
with the script. Other browsers, including IE 7, will respond to the
":hover" on LI elements. The script _should_ add a class of "over"
to hovered LIs for IE 5 and 6's benefit. It would seem that this is
not happening. Hard to tell without an actual page to look at.

The script is a bit suspect anyway, since it unnecessarily targets 
_all_ versions of IE, as well as Opera.

I suggest posting this to another list that handles JavaScript questions.

Cordially,
David
--

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] :: drop down menus ::

[Amrinder]

Hi

I am stuck with dropdown menus. They are working fine in IE-7, and firefox and 
the evil IE6 doesn't render it.
Should I use javascript or CSS for this.

Here is my code:

**  XHTML code ** 

  
  Home
   About Us
   Retail Products

 Milk Powders
 UHT Milk
 Butter
 Cheese
 Liquid Products
 Juices

   
   Dairy Ingredients
   
Milk Powder
 Whey Powder
 Milk Proteins
 Butter Fat Products
 Cheese

   
   Exports/Imports
   Contact Us
  

  
 
 


** CSS Code **

#main_nav {
 clear: both;
 position: relative;
 margin-top: 3px;
 border: 1px solid red;
}

#menu li {
 float: left;
 position: relative;
}
#menu li ul {
 position: absolute;
 left: 0px;
 top: 31px;
 display: none;
 background-color: #309DCF;
}

#menu a {
  background: #309DCF url(../images/menubck_18.gif) scroll repeat-x left top;
  }
  
li ul li {
 background: url(../images/menubck_18.gif) repeat-x left top;
 border:1px solid #fff;
 }
ul li a {
 display: block;
 text-decoration: none;
 padding: 6px 40px;
 border-left-width: 1px;
 border-left-style: solid;
 border-left-color: #FFF;
}
li li a {
 padding:4px 5px 4px 37px;
 width:120px;
 border-left:none;
 }
ul  #nav_home  a {
 width: 30px;
 border-left: none;
}

* html li a {
 width:auto;
 }

/*  Fix IE. Hide from IE Mac \*/
* html ul li { float: left;}
* html ul li a {height:1%;}
/* End */

#menu li:hover ul, #menu li.over ul {
 display:block; 
}

#menu a:hover {
 background-attachment: scroll;
 background-image: url(../images/menuhoverbck_18.gif);
 background-repeat: repeat-x;
 background-position: left top;
 background-color: #de5a03;
 }

** javascript code **

startList = function() {
 if (document.all&&document.getElementById) {
  navRoot = document.getElementById("nav");
  for (i=0; ihttp://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop down menus bunching

[Waz & Elle Meredith]

> A site I've designed (daily.swarthmore.edu) uses drop-down menus as its
> primary means for navigation, since it has an enormous number of
> categories (I'm up to 57 now) which aren't really set for display in any
> other format.

> In Safari and newer versions of IE, the site displays properly all the
> time. Occasionally in Firefox (like once every fifteen refreshes) the
> site changes from showing this:

> The CSS isn't changing, and no content has changed between those two
> screen shots: the menu just goes all strange.


Miles.

Taking out #pmenu { display: table;} works for me on FF/Win

HTH,
Elle

http://designbyelle.com.au
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Drop down menus bunching

[Miles Skorpen]

-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1

A site I've designed (daily.swarthmore.edu) uses drop-down menus as its
primary means for navigation, since it has an enormous number of
categories (I'm up to 57 now) which aren't really set for display in any
other format.

In Safari and newer versions of IE, the site displays properly all the
time. Occasionally in Firefox (like once every fifteen refreshes) the
site changes from showing this:

http://www.arador.org/correct.png [in Safari]

to this:

http://www.arador.org/incorrect.png [in FF]

The CSS isn't changing, and no content has changed between those two
screen shots: the menu just goes all strange.


Suggestions?


The enormously messy CSS file:
http://www.sccs.swarthmore.edu/org/daily/wp-content/themes/default/style.css
The CSS for the menubar is at the very bottom of the file.

Miles
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.7 (Darwin)
Comment: Using GnuPG with Mozilla - http://enigmail.mozdev.org

iD8DBQFHFTpw3KUQkzGGNS8RAt/SAJ9zR4IP2b/rOa3Qlw0DEQARuPCKHACeKYsV
2jq7ar0b9hWtKWlDGRc/nZI=
=8zk2
-END PGP SIGNATURE-
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Drop-down menus remain displayed in IE

[Tim Dawson]

On 05/02/2007 22:54, Ingo Chao wrote:
> Tim Dawson wrote:
>> I'm using the Suckerfish drop-down menu method
>> (http://alistapart.com/articles/dropdowns) which uses a JS file to
>> create the pseudo hover classes instead of the csshover.htc behavior
>> call.
>>
>> My problem seems to be the obverse of recent posts where drop-downs
>> didn't appear.  For me, they sometimes won't go away.  See my test
>> site at http://www.mullbb.co.uk/new/
>>
>> It works perfectly in Firefox (of course), and initially in IE6 & 7.
>> However, in IE, if  you click anywhere on the page (not on an active
>> link, but on plain text, image or even an input) something goes
>> wrong.  Thereafter when you hover on the main menu headings the
>> drop-downs appear and remain visible.  You can mouse all along the
>> main menu row and make them all appear simultaneously.  Refreshing
>> the page returns to normal, but you can't expect the visitor to do
>> that, and in any case the input info is lost.
>>
>> I've tried the 'hasLayout' approach, so far without success.  The
>> problem also occurs in the Suckerfish demo at
>> http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html,
>> so it's not just my code.
>>
>> Any suggestion gratefully received.
>>
> 
> For the original htmldog SF demo, add
> 
> #nav li:hover {background-position: 0 0;}
> 
> Probably this fixes your page, too. Didn't invest the energy to download 
> and reassemble it.
> 
> 
> The bug is basically the same as shown in [1], but the hover issue 
> appears to be slightly different in IE6 and IE7.
> 
> Old bugs (emperors) in new clothes.
> 
> Ingo
> 
> [1] http://www.satzansatz.de/cssd/pseudocss.html#hoverstuck
> 
> 
Thanks, Ingo, it worked.

Tim

-- 
Tim Dawson,
Maolbhuidhe,
Creich,
Fionnphort,
Isle of Mull,
Argyll PA66 6BP

Tel: 01681 700718
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Drop-down menus remain displayed in IE

[Tim Dawson]

On 05/02/2007 20:54, francky wrote:
> Tim Dawson wrote:
>> Pam,
>>
>> I understand your restriction.  I'll have to keep working on it and 
>> watching this space.
>>
>> Tim
>>
>> On 05/02/2007 15:27, Pamela Corey wrote:
>>  
>>> Unfortunately I'm not allowed to install IE7 here at work so I can't 
>>> test it for you.
>>>
>>> Hope you figure it out!
>>> Pam
> Hi Tim, I haven't IE7 over here either, but I saw in the code an omitted 
>  in line 218 (it's included in the comment which turns off the last 
> links after "Contact Information"). HTML-Tidy doesn't say it, but the 
> w3c validator does. Maybe IE7 is falling over it?
> 
> (Though the Suckerfish-example is valid in both - and you notice that 
> doesn't work in IE7 either...).
> 
> Hope you can find the culprit,
> Greetings,
> francky
> 
Hello Francy, thanks for your input.  The closing  of the preceding 
paragraph had been commented out by mistake.  But that's not the culprit, as 
the problem occurs on every page.  I will of course re-check the HTML 
validation throughout, but most of them are OK already.

Regards,
Tim

-- 
Tim Dawson,
Maolbhuidhe,
Creich,
Fionnphort,
Isle of Mull,
Argyll PA66 6BP

Tel: 01681 700718
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Drop-down menus remain displayed in IE

[Ingo Chao]

Tim Dawson wrote:
> I'm using the Suckerfish drop-down menu method
> (http://alistapart.com/articles/dropdowns) which uses a JS file to
> create the pseudo hover classes instead of the csshover.htc behavior
> call.
> 
> My problem seems to be the obverse of recent posts where drop-downs
> didn't appear.  For me, they sometimes won't go away.  See my test
> site at http://www.mullbb.co.uk/new/
> 
> It works perfectly in Firefox (of course), and initially in IE6 & 7.
> However, in IE, if  you click anywhere on the page (not on an active
> link, but on plain text, image or even an input) something goes
> wrong.  Thereafter when you hover on the main menu headings the
> drop-downs appear and remain visible.  You can mouse all along the
> main menu row and make them all appear simultaneously.  Refreshing
> the page returns to normal, but you can't expect the visitor to do
> that, and in any case the input info is lost.
> 
> I've tried the 'hasLayout' approach, so far without success.  The
> problem also occurs in the Suckerfish demo at
> http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html,
> so it's not just my code.
> 
> Any suggestion gratefully received.
> 

For the original htmldog SF demo, add

#nav li:hover {background-position: 0 0;}

Probably this fixes your page, too. Didn't invest the energy to download 
and reassemble it.


The bug is basically the same as shown in [1], but the hover issue 
appears to be slightly different in IE6 and IE7.

Old bugs (emperors) in new clothes.

Ingo

[1] http://www.satzansatz.de/cssd/pseudocss.html#hoverstuck


-- 
http://www.satzansatz.de/css.html
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Drop-down menus remain displayed in IE

[francky]

Tim Dawson wrote:
> Pam,
>
> I understand your restriction.  I'll have to keep working on it and watching 
> this space.
>
> Tim
>
> On 05/02/2007 15:27, Pamela Corey wrote:
>   
>> Unfortunately I'm not allowed to install IE7 here at work so I can't 
>> test it for you.
>>
>> Hope you figure it out!
>> Pam
Hi Tim, I haven't IE7 over here either, but I saw in the code an omitted 
 in line 218 (it's included in the comment which turns off the last 
links after "Contact Information"). HTML-Tidy doesn't say it, but the 
w3c validator does. Maybe IE7 is falling over it?

(Though the Suckerfish-example is valid in both - and you notice that 
doesn't work in IE7 either...).

Hope you can find the culprit,
Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Drop-down menus remain displayed in IE

[Tim Dawson]

Pam,

I understand your restriction.  I'll have to keep working on it and watching 
this space.

Tim

On 05/02/2007 15:27, Pamela Corey wrote:
> Unfortunately I'm not allowed to install IE7 here at work so I can't 
> test it for you.
> 
> Hope you figure it out!
> Pam
> 
> At 10:19 AM 2/5/2007, you wrote:
>> Thanks for your kind words.  I'm embarrassed.  The problem is 
>> definitely there in IE7, and I was sure I'd seen it yesterday in IE6, 
>> but now I can't make it happen.  My IE6 is on a different computer 
>> from Firefox and IE7, so now I'm wondering if I've inadvertently 
>> configured IE7 in some strange way.  (Just possibly the changes I made 
>> worked for IE6 but not IE7).
>>
>> I really need someone else running IE7 to say whether it happens to 
>> them, please.
>>
>> To produce the effect it's only necessary to click anywhere (NOT on a 
>> link) on any page with a top menu, and then run the mouse pointer 
>> along the top menu row.  ALL the drop-downs will appear in succession 
>> and remain displayed until the page is refreshed.
>>
>> Tim
>>
>> On 05/02/2007 14:50, Pamela Corey wrote:
>>> I'm using IE6 and your site appears to be working fine.  We use the 
>>> suckerfish menus here too so that's why I thought I'd look at your 
>>> code to see if I could help.  Can you give me a specific instance of 
>>> what isn't working?
>>> BTW, your site looks very nice and in fact my husband and I 
>>> absolutely adore Scotland and just spent our honeymoon in the 
>>> Gairlock/Badachro area.  We wanted to get over to some of the islands 
>>> but ran out of time.
>>> Pam
>>> At 09:30 AM 2/5/2007, you wrote:
 I'm using the Suckerfish drop-down menu method 
 (http://alistapart.com/articles/dropdowns) which uses a JS file to 
 create the pseudo hover classes instead of the csshover.htc behavior 
 call.

 My problem seems to be the obverse of recent posts where drop-downs 
 didn't appear.  For me, they sometimes won't go away.  See my test 
 site at http://www.mullbb.co.uk/new/

 It works perfectly in Firefox (of course), and initially in IE6 & 7.
 However, in IE, if  you click anywhere on the page (not on an active 
 link, but on plain text, image or even an input) something goes 
 wrong.  Thereafter when you hover on the main menu headings the 
 drop-downs appear and remain visible.  You can mouse all along the 
 main menu row and make them all appear simultaneously.  Refreshing 
 the page returns to normal, but you can't expect the visitor to do 
 that, and in any case the input info is lost.

 I've tried the 'hasLayout' approach, so far without success.  The 
 problem also occurs in the Suckerfish demo at 
 http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html, 
 so it's not just my code.

 Any suggestion gratefully received.

 
-- 
Tim Dawson,
Maolbhuidhe,
Creich,
Fionnphort,
Isle of Mull,
Argyll PA66 6BP

Tel: 01681 700718
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Drop-down menus remain displayed in IE

[Tim Dawson]

I'm using the Suckerfish drop-down menu method 
(http://alistapart.com/articles/dropdowns) which uses a JS file to create the 
pseudo hover classes instead of the csshover.htc behavior call.

My problem seems to be the obverse of recent posts where drop-downs didn't 
appear.  For me, they sometimes won't go away.  See my test site at 
http://www.mullbb.co.uk/new/

It works perfectly in Firefox (of course), and initially in IE6 & 7.  However, 
in IE, if  you click anywhere on the page (not on an active link, but on plain 
text, image or even an input) something goes wrong.  Thereafter when you hover 
on the main menu headings the drop-downs appear and remain visible.  You can 
mouse all along the main menu row and make them all appear simultaneously.  
Refreshing the page returns to normal, but you can't expect the visitor to do 
that, and in any case the input info is lost.

I've tried the 'hasLayout' approach, so far without success.  The problem also 
occurs in the Suckerfish demo at 
http://www.htmldog.com/articles/suckerfish/dropdowns/example/bones2.html, so 
it's not just my code.

Any suggestion gratefully received.
 
-- 
Tim Dawson,
Maolbhuidhe,
Creich,
Fionnphort,
Isle of Mull,
Argyll PA66 6BP

Tel: 01681 700718
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- 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] Drop down Menus

[Kevin O'Boyle]

I rolled my own CSS drop down menus; I really wanted to steal someone 
else's work but I couldn't follow the CSS logic of the tutorials I 
found and none of the freely available CSS drop drop down menus I found 
did what I wanted; My needs are simple:

* I have a Menubar background graphic that spans the top of the page 
(with end caps)

* I want the menu items evenly distributed across the Menubar (there's 
plenty of room)

* Menubar items (the top level) are graphics with mouseover, and 
mousedown states (I'm managing the states through a JavaScript but 
would love to be able to do it through pure CSS -- there are reasons I 
couldn't which I'll outline below)

• Some menu items have a small icon (that changes on mouseover) to 
their right corresponding to where the link would take a user (I'm just 
using an  tag inside the  tag with no special CSS and 
javaScript for the mouse events; this seems to work but, again, I'd 
rather get rid of the JavaScript)

• Some menus have sub menus and thus have disclosure arrows on the 
right side of the menu (I tried accomplishing this the same way as 
above with two ugly results: 1) the arrows are not right justified and, 
while they otherwise look fine in Camino, 2) in Firefox and Safari the 
arrow art extends outside the "block" of the menu item.

I have to confess that I still feel very lost in the woods with CSS; 
I'm a solid programer but this just seems amazingly arcane to me and 
I'm flying blind.  My menus have numerous problems: if I set the  
display property to block my background image disappears to the right 
and left of my top level menubar graphic, without block the sub menu 
"looks" fine but only hilites when the link is moused over (which is 
counter intuitive).  Right now I've banged my head on this that I don't 
care so much how clunky my code is so long as I have something 
Deliverable. I'm reluctant to share my cluttered foggy minded CSS but I 
will on the hope that someone might help me out.

Alternately, If there is some CSS source out there that I can tweak 
into line for my purposes, I'd be very grateful.

My source

#menu {white-space: nowrap; width: 100%; float: left; }
#menu ul { line-height: 17px; list-style: none; margin: 0; padding: 0; 
width: 100%; float: inherit; }
#menu a { color: #daffe8; background-color: #008747 ; }
#menu li:a { display: block; }
#menu h2 { background-color: transparent; background-image: 
url(../../Computrain/graphics/menubar.gif); background-repeat: 
repeat-x; background-position: 0 0; width: 100%; margin: 0; padding: 0; 
border-width: 0; outline-style: 
none;rl(../../Computrain/graphics/menubar.gif)
}
#menu a:hover { color: white; font-style: inherit; background: #008750; 
text-decoration: underline overline; }
#menu li {position: relative;}
#menu ul ul { background-color: #008747; text-align: left; position: 
absolute; top: 16px; width: auto; z-index: 500; float: left; padding: 0 
3px; border: solid 1px yellow; display: block; }
#menu ul ul ul { background-color: #008747; top: 1px; left: 100%; 
width: auto; padding: 0 1px; border-color: #ebebeb silver #7c7c7c; 
border-style: solid; border-width: 1px 1px 2px; }
div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{ padding: 1px; border-color: #ccc; border-width: 1px; display: block; }

Kevin

__
css-discuss [EMAIL PROTECTED]
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/

Re: [css-d] drop down menus aren't clickable in IE

[Steve Clason]

On 10/19/2005 7:59 PM Betsy Garfield wrote:

This design isn't perfect but my here's my main problem right now: the 
drop down menus aren't clickable in IE and the text in the li boxes is 
getting garbled.



test page: http://base.wrjdistrict13.org/index.html
css: http://base.wrjdistrict13.org/style1.css
js: http://base.wrjdistrict13.org/nav.js



I don't see where you're calling your Javascript function anywhere 
(which makes this not a CSS problem), and IE is gonna need that.  You 
can try changing your body tag to:




and see what that gets you, but I'd recommend reviewing this tutorial:

http://devedge-temp.mozilla.org/viewsource/2003/devedge-redesign-js/index_en.html

or using the "Son of Suckerfish" technique:

http://www.htmldog.com/ptg/archives/50.php

--
Steve Clason
Web Design and Development
Boulder, Colorado, USA
www.topdogstrategy.com
(303)818-8590

__
css-discuss [EMAIL PROTECTED]
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/

[css-d] drop down menus aren't clickable in IE

[Betsy Garfield]

Hi all. Love the list, learning a lot, first time posting.

This design isn't perfect but my here's my main problem right now: the 
drop down menus aren't clickable in IE and the text in the li boxes is 
getting garbled.


I have spent a gazillion hours on this trying different things and have 
nothing left to try. I've googled, I've used msie hacks, I've followed 
any suggestions I was given and I'm at my wit's end. Would appreciate 
any help! Thanks!


test page: http://base.wrjdistrict13.org/index.html
css: http://base.wrjdistrict13.org/style1.css
js: http://base.wrjdistrict13.org/nav.js

--

Betsy

webdesign: http://flamingofactory.com
photojournal: http://garfieldz.com

__
css-discuss [EMAIL PROTECTED]
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/

Re: [css-d] drop down menus

[Chris Bruce]

This is one of the best: http://www.alistapart.com/articles/dropdowns


This site seems to be unavailable now.


Actually, as with every ALA article, it is a good idea to read the
comments, as changes and fixes are announced there. Suckerfish is over
two years old and a lot of fixes went into son of suckerfish:

http://www.htmldog.com/articles/suckerfish/


Has anyone noticed that the suckerfish dropdowns don't seem to work on 
IE Mac or Opera Mac? Does anyone know of another drop down menu that 
works on all browsers?


Thanks,

Chris

__
css-discuss [EMAIL PROTECTED]
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/

Re: [css-d] drop down menus

[David Laakso]

On Mon, 30 May 2005 16:30:45 -0400, Virtuallee <[EMAIL PROTECTED]>  
wrote:



Hi

Can anyone recommend a good horizontal standards compliant drop down  
menu?


Thanks
Lee
There were a number of replies Saturday and Sunday to a post titled  "Re:  
[css-d] best CSS drop down menu" that answered the same question.

Regards,
David

--
http://www.dlaakso.com/

__
css-discuss [EMAIL PROTECTED]
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/

Re: [css-d] drop down menus

[Christian Heilmann]

> This is one of the best: http://www.alistapart.com/articles/dropdowns
> 

Actually, as with every ALA article, it is a good idea to read the
comments, as changes and fixes are announced there. Suckerfish is over
two years old and a lot of fixes went into son of suckerfish:

http://www.htmldog.com/articles/suckerfish/
-- 
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
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] drop down menus

[Schalk Neethling]

Lee

This is one of the best: http://www.alistapart.com/articles/dropdowns

Virtuallee wrote:


Hi

Can anyone recommend a good horizontal standards compliant drop down 
menu?


Thanks
Lee




--
Kind Regards
Schalk Neethling
Web Developer.Designer.Programmer.President
Volume4.Business.Solution.Developers
emotionalize.conceptualize.visualize.realize
Landlines
Tel: +27125468436
Fax: +27125468436
Web
email:[EMAIL PROTECTED]
Global: www.volume4.com
Messenger
Yahoo!: v_olume4
AOL: v0lume4
MSN: [EMAIL PROTECTED]

We support OpenSource
Get Firefox!- The browser reloaded - http://www.mozilla.org/products/firefox/

This message contains information that is considered to be sensitive or 
confidential and may not be forwarded or disclosed to any other party without 
the permission of the sender. If you received this message in error, please 
notify me immediately so that I can correct and delete the original email. 
Thank you.


__
css-discuss [EMAIL PROTECTED]
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/

[css-d] drop down menus

[Virtuallee]

Hi

Can anyone recommend a good horizontal standards compliant drop down menu?

Thanks
Lee


--
Internal Virus Database is out-of-date.
Checked by AVG Anti-Virus.
Version: 7.0.322 / Virus Database: 266.11.15 - Release Date: 22/05/2005

__
css-discuss [EMAIL PROTECTED]
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/