Problem with Flash and the Vertical Multilevel Slideout Category Menu

[schoolboy]

I tried what was posted above, still did not work. I also went into stylesheet.css and added position:absolute; z-idex: -1; in the container holding the flash image. All that did was put get rid of the flash container. then changes the -1 to 1. All the products under the flash image fell behind the image.

I did another "inspect element" in chrome. According to that its calling the style sheet properly for the slide out.

has anyone else brought up my site ina browser? Is it doing the same thing on there browser?

www.canyonscreekmall.com/store

Thanks

Please read what I say... Your menu stylsheet is not even LOADING: Here is your page source header:

<link rel="stylesheet" type="text/css" href="includes/templates/premium4a/css/styles_gxbanner.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/premium4a/css/stylesheet.css" />
<link rel="stylesheet" type="text/css" href="includes/templates/premium4a/css/stylesheet_reward.css" />
<script type="text/javascript" src="includes/templates/premium4a/jscript/jscript_utils.js"></script>
</head>

You need to give it a valid name, and make sure it is in the css folder of the template you are using.

When you make my Z-INDEX edit, and ensure that the stylesheet loads, it will work.

[schoolboy]

You could probably copy all of the CSS in that menu css file, into your MAIN stylesheet.

SO... COPY ALL OF THIS:

#dhtmlgoodies_menu{
	font-family:arial;	/* Font for main menu items */
	width:150px;	/* Width of main menu */

}
#dhtmlgoodies_menu	li{	/* Main menu <li> */
	list-style-type:none;	/* No bullets */
	margin:0px;	/* No margin - needed for Opera */
}
#dhtmlgoodies_menu ul{
	margin:0px;	/* No <ul> air */
	padding:0px;	/* No <ul> air */
}
#dhtmlgoodies_menu ul li ul{	/* Styling for those who doesn't have javascript enabled */
	padding-left:10px;
}
#dhtmlgoodies_menu	li a{	/* Main menu links */
	text-decoration:none;	/* No underline */
	color:#000;	/* Black text color */

	height:20px;	/* 20 pixel height */
	line-height:20px;	/* 20 pixel height */
	vertical-align:middle;	/* Align text in the middle */
	border:1px solid #000;	/* Black border */
	background-color:#FAFAFA;	/* Light blue background color */
	margin:1px;	/* A little bit of air */
	padding:1px;	/* Air between border and text inside */

	display:block;
}
#dhtmlgoodies_menu	li a:hover,#dhtmlgoodies_menu .activeMainMenuItem{
	color:#FFF;
	background-color:#317082;
}
.dhtmlgoodies_subMenu{
	visibility:hidden;
	position:absolute; z-index=1000;
	overflow:hidden;
	border:1px solid #000;
	background-color:#FAFAFA;
	font-family:arial;
	text-align:left;

}
.dhtmlgoodies_subMenu ul{
	margin:0px;
	padding:0px;
}
.dhtmlgoodies_subMenu ul li{
	list-style-type:none;
	margin:0px;
	padding:1px;	/* 1px of air between submenu border and sub menu item - (the "white" space you see on mouse over )*/
}
.dhtmlgoodies_subMenu ul li a{	/* Sub menu items */
	white-space:nowrap;	/* No line break */
	text-decoration:none;	/* No underline */
	color:#000;	/* Black text color */

	height:16px;	/* 16 pixels height */
	line-height:16px;	/* 16 pixels height */
	padding:1px;	/* 1px of "air" inside */

	display:block;	/* Display as block - you shouldn't change this */
}
.dhtmlgoodies_subMenu ul li a:hover{	/* Sub menu items - mouse over effects */
	color:#FFF;	/* White text */
	background-color:#317082;	/* Blue background */
}

And PASTE it at the BOTTOM of stylesheet.css

MAKE SURE TO RE-NAME "slide-out-menu-new.css" to "slide-out-menu-new.BAK"

[CCMall]

deleted just read your last, I'll look again

[CCMall]

oops took me then 7 min. Ok I did like you said, C&Ped everything into the stylesheet.css file, saved it. Still doing same thing!! I looked in all 4 browsers installed on my system.

Starting to get stressed over this thing. Boss I am following and doing what you are suggesting. I even cleared my cache to see if that matters. Nope same thing.

[schoolboy]

z-index=10000;

You don't use EQUALS SIGNS in CSS...

z-index:10000;

See my post #7 again...

[schoolboy]

And in FIREBUG I am still seeing slide-out-menu-new.css

Take this file OFF the server completely... store it off-site.

[schoolboy]

I also went into stylesheet.css and added position:absolute; z-idex: -1; in the container holding the flash image.[/url]

Thanks

It would help you to go to W3SCHOOLS.COM to do their CSS Tutorials...

[CCMall]

I'm such a tool. I've been learning more PHP then CSS lately. Urghhhh. LOL Thanks bro it worked.

[schoolboy]

... Thanks bro it worked.

Well that's what we've been working towards. I trust you've learned a bit from this and i wish you the best of luck with your site.

One small thing - the site BACKGROUND IMAGE is "tiling" on my wide screen. I have a 1600px wide-screen and you would do well to make some adjustments to the background image behaviour.

Go look at the CSS for THIS SITE, download its BACKGROUND IMAGE and use that as a sizing template for your's.

Then, look at my CSS that governs the POSITION of that BG image:
background: #ffffff url(../images/bg.jpg) no-repeat; background-position: center top; background-attachment: fixed;

[CCMall]

Yea I've discussed that with the guy who built that side of the website. I havn't hada chane to look yet. But in order to get the creek in the right image he had created 2 images from one. I believe he has it to repeat same as tile. So yes I have same issue on my 22" monitor! It is on my list and I will take your suggestions.


And yes I have learned a lot. Thank You