drop down menu help

[shakmbakm]

Yup, that was the problem thanks. Its now appearing on hover but the buttons seem to be invisible. I think a few may be behind the slideshow. Check out the link to see what I mean if you need to.

[RyanReese]

All the images are not found. Since the images are the only thing displaying (text-indent:-999em is set for the anchors) nothing will show.

Correct the image file paths and it'll show .

[RyanReese]

Images STILL not found for me. Do you not update the page whenever you make changes? Or do you not save ?Though if I apply a red background to the dropdown, I see the dropdown being overlapped. Adding z-index:1 to ".container" makes it overlap the other stuff.

[shakmbakm]

yeah i update the page, I just haven't gotten to it today yet. Thats why it looks the same for you lol. sorry for the confusion.

[RyanReese]

So when will you be updating the page? If you update it now (or within the next hour or two) I can get this sorted out. Otherwise I'll be at work.

http://superfunproductions.com/images/ac.jpg
http://superfunproductions.com/images/snoman.jpg
http://superfunproductions.com/images/cb.jpg
http://superfunproductions.com/images/mbagames.jpg

Edit-I lied. #header needs position:relative and z-index:6 to fix the dropdown issue.

[shakmbakm]

gotcha, so I have updated and uploaded the new version. That fixed the overlapping problem. are those the image paths that you posted?

[RyanReese]

Yes those are the image paths according to your CSS. Are you sure you updated the images correctly? It appears you probably uploaded them to the wrong location (or you named them wrong in the CSS)

The dropdown appears to now be overlapping the other content (yay) if I put a BG color on it, so hte images just have to show now.

[shakmbakm]

I'll have to look into that and get back to you.

[shakmbakm]

yup I thought I had uploaded them but apparently I hadn't, good call thanks. Working now, yay! the only thing is there are fairly large gaps between each option, anyway to make those smaller?

[RyanReese]

The dropdown anchors heights are the issue. Each dropdown anchor has to have its own height set. It's inheriting the default 78px from the #mainMenu li a{} rule.

Find out what each images height is (for each link) and set that height appropriately.

If you want space between that and hte other anchors then, give the <li>'s a bottom margin.

[andywhizwang]

You need this snippet at the beginning of your css:

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
}
table{
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img{
	border:0;
}
address,caption,cite,code,dfn,th,var{
	font-style:normal;
	font-weight:normal;
}
caption,th{
	text-align:left;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:normal;
}
q:before,q:after{
	content:'';
}
abbr,acronym{
	border:0;}

I think we both used the same sources because I ended up having to put this snippet in.

[shakmbakm]

i got it to work fine a while ago without that. What is that supposed to do to it?