Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

CSS Forum


You are currently viewing our CSS Forum as a guest. Please register to participate.
Login



Reply
The problematic CSS Menu with Internet Explorer
Old 03-24-2009, 08:18 AM The problematic CSS Menu with Internet Explorer
Novice Talker

Posts: 5
Trades: 0
Having difficulty as a mac user with no Internet Explorer/PC to test on. I need a 2 level drop down menu with hover features and I have it working perfectly on every other browser.. Trying the whatever:hover script but I can't even test that...

Hard to work blind... Can someone please have a look at this page in IE (version 6 or above) for me and tell me if there are 4 links dropping down beneath the Workwear tab and if they look/function ok?

check the workwear tab

I've uploaded the whatever:hover script to the server and added the csshover.htc behaviour to the stylesheet as follows :


Code:
body      {
	color: #dedede;
	font-size: 11px;
	font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
	background-color: #222222;
	margin: 0;
	background-position: left;
	behavior: url("csshover3.htc");
}

	
#menu {
	width: 178px;
	border-size: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #696969;
	font-size: 7pt;
	font-family: "Myriad Pro", Verdana, Helvetica, "Sans Serif";
	letter-spacing: 0.1em;
	text-indent: 1pt;
	font-style: normal;
	margin-top: 40px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: right;
	background-position: right top;
	background-color: #343434;
	border-right-color: #696969;
	border-bottom-color: #696969;
	border-left-color: #696969;
	}
	
html>body #menu {
    font-size: 8pt;
	margin-left: -40px;
}

#menu ul{
	list-style:none;
	margin-top: 2px;
	text-align: left;
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	}
	
#menu li a {
	height: 12px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 13px;
	text-decoration: none;
	font-weight:normal;
	padding-bottom: 2pt;
	padding-top: 3pt;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #222222;
	border-right-color: #222222;
	border-right-width: thin;
	border-right-style: solid;
	text-indent: 3px;
	}	
	
#menu li a:link, #menu li a:visited {
	color: #FFFFFF;
	display: block;
	text-align: right;
	}
	
#menu li a:hover {
	color: #FFFFFF;
	background-color: #252525;
	background-image: url(images/arrowsw.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	}
	
#menu li a:active {
	background-color: #CC0000;
	}

  
#menu li > ul {
	top: auto;
	right: auto;
	}

#menu li:hover ul { 
	display: block; 
	clear: right 
	}
	
#menu li ul { /* second-level lists */
	display : none;
	position : relative;
	left: -999em;
	margin-left : 0em;
	margin-top : 0em;
	border-top-width: thin;
	border-bottom-width: thin;
	border-top-style: none;
	border-bottom-style: none;
	background-color: #5B5B5B;
	border-right-width: thin;
	border-left-width: thin;
	border-right-style: none;
	border-left-style: none;
	}
	
#menu li ul ul { /* third-and-above-level lists */
		left: -999em;
	}
	
#menu li:hover ul ul, #menu li:hover ul ul ul, #menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
		left: -999em;
	}
	
#menu li:hover ul, #menu li li:hover ul, #menu li li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul, #menu li li li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;
	}
Does this look like it could work? Apologies for the messy code.

If there is any readily available IE emulator I could use on a PPC mac that would also help a great deal.

Would be so grateful for any advice.
Thanks in advance!

Last edited by mylah; 03-24-2009 at 10:40 AM..
mylah is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 03-24-2009, 02:36 PM Re: The problematic CSS Menu with Internet Explorer
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Yes, it is working in IE6, there are 4 items under Workwear.
I will say though that in IE6, the menu text gets really tiny and hard to read. My resolution is 1280x1024, but on Firefox the font size is fine.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 03-24-2009, 07:13 PM Re: The problematic CSS Menu with Internet Explorer
Novice Talker

Posts: 5
Trades: 0
Thanks so much, that's a relief..

I have tried to enlarge the font for IE with separate IE rules, I'll raise it a notch again. Just curious, is the font too small in just the menu or across the whole page?

I'm hoping that if it functions in IE6 it'll be fine in IE7 and 8 as well. Maybe that's expecting too much..
mylah is offline
Reply With Quote
View Public Profile
 
Old 03-24-2009, 10:40 PM Re: The problematic CSS Menu with Internet Explorer
racer x's Avatar
Ultra Talker

Posts: 457
Name: Randy
Location: Northern Wisconsin
Trades: 0
I use this on pc for IE browser testing but have seen people use it on mac.

http://www.my-debugbar.com/wiki/IETester/HomePage
racer x is offline
Reply With Quote
View Public Profile Visit racer x's homepage!
 
Old 03-25-2009, 02:57 AM Re: ietester
Novice Talker

Posts: 5
Trades: 0
Thanks for that link.. I can't see a mac version of IE Tester but it sure looks handy. Exactly what I could use right now. Client still says the menu doesn't drop down...

Why oh why do these platforms have to hate each other so. Decided to retire from web design after this contract is through.
mylah is offline
Reply With Quote
View Public Profile
 
Old 03-25-2009, 10:28 AM Re: The problematic CSS Menu with Internet Explorer
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
Actually, IE is the biggest problem, not the rest. If you can master beating IE into submission, it's not all that hard to deal with.
__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Old 03-25-2009, 06:32 PM Re: The problematic CSS Menu with Internet Explorer
Novice Talker

Posts: 5
Trades: 0
Can we not just unite as designers and refuse to comply this browser until it implements the same standards?

My problems continue, by the way. Do you see a dropdown menu under workwear in IE 7 and/or 8?

Thanks again.

Last edited by mylah; 03-25-2009 at 06:36 PM..
mylah is offline
Reply With Quote
View Public Profile
 
Old 03-25-2009, 09:42 PM Re: The problematic CSS Menu with Internet Explorer
racer x's Avatar
Ultra Talker

Posts: 457
Name: Randy
Location: Northern Wisconsin
Trades: 0
Sorry, I should have mentioned that you'd have to be running a parallel windows on your mac to use IE tester like http://www.parallels.com/products/desktop/
racer x is offline
Reply With Quote
View Public Profile Visit racer x's homepage!
 
Old 03-25-2009, 11:29 PM problematic CSS Menu with Internet Explorer
Novice Talker

Posts: 5
Trades: 0
Thanks racer, that would be an option if I was a real designer.

All I really need right now is for someone to tell me if IE7 or 8 show a dropdown menu on this page.

Please, I live in a remote place where nobody I know owns a PC. I'll just keep asking until someone answers..
mylah is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to The problematic CSS Menu with Internet Explorer
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are Off
Pingbacks are Off
Refbacks are Off





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.55840 seconds with 12 queries