PDA

View Full Version : Problems with drop down menu in IE


rhythmofthecosmos
07-18-2009, 05:32 PM
Hi,

I have a drop down menu on my website www.leehughes.co.uk (http://www.leehughes.co.uk/)

i thought everything was working ok until an email from a friend saying that she struggled to click the drop down links as they disappeared too fast.

I have just tested it on a windows comp with IE and it does disappear too fast for you to click on the link.

Am using firefox and a mac and everything works fine...

The website has the following

Browser support

Browser support, includes, but is not limited to:

* IE5.x - Windows and Mac
* IE6.x - Windows
* Opera 8 and higher - Windows
* Opera 9 and higher - OS X
* Safari 1.2 and higher - OS X
* Firefox 1.0 and higher - Windows and OS X
* Mozilla/Gecko 1.0 and higher - Windows and OS X


Not sure what to do

Html and the css for the dropdown menu are included

thanks

DWcourse
07-18-2009, 05:42 PM
You reference a number of different style sheets in your html document and then have additional styles in the document itself. That makes me suspect the problem is that one of the styles in your menu css is being overwritten by another style elsewhere. However, things are too convoluted for me to pinpoint the problem exactly.

You might try detaching one style sheet at a time to see if you can at least narrow it down to the one that causes the propblem.

rhythmofthecosmos
07-18-2009, 05:50 PM
Hi,

So I should detach my attached css files such as links.css, style6.css? and then upload it again ?

They are the only ones that I have attached ..

Thanks

DWcourse
07-18-2009, 06:06 PM
I see

dropdown.css, new/teststylesheet.css, new/p7exp/p7exp.css and links.css as well as the styles that actually appear in the page itself.

But yes, to narrow down the culprit, I'd detach sheets one at a time so see which contains the problems style(s).

(Although, if I was actually doing it, I would probably start from scratch rebuilding the page and get rid of all the unneeded and redundant styles)

rhythmofthecosmos
07-18-2009, 06:15 PM
Thanks,

I didn't notice the new/teststylesheet.css and new/p7exp/p7exp.css... these are related to the drop down menu but there where old versions as I played around with the design of them and saved it as dropdown.css!

I have deleted these two and am going to test it out on my other comp :)

thanks

rhythmofthecosmos
07-18-2009, 06:55 PM
Still no change with the deleted new/teststylesheet.css and new/p7exp/p7exp.css..

I can't delete the drop down.css because it is directly related to the drop down menu.

Am a bit confused about what styles I do and do not need as well.

DWcourse
07-18-2009, 07:02 PM
Well there is also this problem:

The requested URL /new/p7exp/p7exp.js was not found on this server.

Did you upload the js files?

rhythmofthecosmos
07-18-2009, 07:13 PM
Hi,

Yeah I have uploaded everything that I downloaded..

http://www.projectseven.com/tutorials/navigation/auto_hide/ (p7exp folder)

All of them are on my server..

...... I just noticed though that /new/p7exp/p7exp.js.. that was the wrong file path,

however I have corrected it to the new file path which is
<script type="text/javascript" src="p7exp/p7exp.js"></script>

Still not working though, damn IE!!!

DWcourse
07-18-2009, 07:35 PM
You might try the Project Seven forums.

CSS is rather complex to debug (especially when someone else created it) sorry I can't be of more help.

rhythmofthecosmos
07-18-2009, 07:36 PM
no worries , thanks for trying :)

rhythmofthecosmos
07-20-2009, 01:34 PM
fixed ...

well only tested it for IE 7 as that's all I have but it worked..

here is what I needed to do..

#menuwrapper {
border-top: 1px solid #000;
border-bottom: 1px solid #333;
background-color: #000000;
background-image: url();
background-repeat: repeat-x;
padding-bottom:0;/* 25px;*/
padding-right: 1px;
margin-right: 0px;
height: 1px;
bottom: auto;
}

#p7menubar li ul, #p7menubar ul li {
width: 12em;
background:url(fake.jpg); /*IE needs some sort of BG on the UL*/
}
I also needed to add a </style> to one of my html tags http://www.webmaster-talk.com/images/smilies/smile.gif

Yay!!