layout
www.greenvillecopts.org/test

The menu:
www.greenvillecopts.org/test/nav



Style sheet is located at www.greenvillecopts.org/test.style.css

Also, few questions regarding this menu that I created:
When I highlight the "contact info" botton, it doesn't go away when the mouse goes away. I was wondering how do I fix that problem
Also, with the "links" botton, the drop down menu is not opening up.
Any tips/ideas as to how to fix that?


Thanks a bunch

Yes, don't use javascript, do it all in CSS.
Anyone with javascript turned off won't be able to navigate your site.

You might want to look at this:
http://www.alvit.de/css-showcase/css...s-showcase.php

I agree with LadynRed about using as much css instead of javascript in your menus as possible. Nice link by the way. Looks like some good navigation systems on the site. I'll have to look through them more.

Now having said that the problem with the contact menu not going away is an easy one. If you look at the link it's set to hide the church menu in the onmousover. It just needs to be changed to the contact menu.

To incorporate it into your layout I think you can just place all the html for the menu code inside the div you currently have in your layout with all the links. You'll also need to make sure to include all the javascript from the menu file into the head of your layout.

I think it will work as is if you put it inside the div I mentioned, but you may need to style it some if it's not qite right.

Ok thanks guys, that was a GREAT link btw !!!

I got a new CSS menu

Would this be easier to mix with the layout I have posted above?

Here's the new menu that I created:

www.greenvillecopts.org/test/menu


This menu folder has a style sheet named "menustyle.css"

Happy to share my resources, I've got a ton of bookmarks
Nice menu ! Yes, that would be fairly easy to incorporate into your site.

How do i put the two together since they both have 2 different style sheets?

You can do one of 2 things - link in both stylesheets in your html, or you can combine the styles for the menu into your main CSS file.

What do you guys think?

www.greenvillecopts.org/test

However, the part for IE is still JS. Is there a way to avoid that at all? I'm really starting to hate IE.

It's looking good. At the moment I don't think there's a pure css drop down menu that can work in IE (maybe IE7 there are). IE needs a little bit of Javascript, but not much. If someone does know of a pure css drop down that works in IE I'd love to hear about it.

IE does cause some annoyances for webmasters, but for the most part it's much better then it's given credit for. It does have pretty good support for css 1 and 2 though there are a few things I wish it did better.

What you need to make IE work is a bit of scripting - this works like a charm:
http://www.xs4all.nl/~peterned/csshover.html

You just need the csshover.htc, put the behavior line in your file and your menu will work in IE.

BTW - I lived in Greenville, SC for 10 years before I moved here.

Wow, this is way over my head lol
can someone kinda guide me through exactly what i need to add and take off of my current layout?


lol nice man. Greenville has def. changed for the better. I don't think you would recongize it from what it looked like few years ago.

LadynRed that's interesting. I hadn't come across .htc files before. Is there any special reason to use them over javascript? I've been using a menu system called suckerfish. If you haven't seen it before the basic idea behind suckerfish is it codes a pure css menu and also adds a class ti mimic the psuedo classes that IE can't handle. The new class is added to IE through javascript in about 10 lines of code. It's very efficient and has been working well for me.

RNPoo7 I think what you have now is fine. Most people will have javacript enabled and the menu will work fine for them. For those that don't (including search engines) just make sure the main links in the menu will lead to a new page that contains the submenu links.

For example if the services link in the main menu works and takes you to a services page and on that services page there are links to 'weekly schedule' and 'special occassions' you should be fine. Think of the drop down menu as a convenience for those who can see it, but for those who can't just make sure there's still a way they can navigate the site. The code now looks like it will be fine for search engines to find the links.

htc (HTml Components) files are the way you can extend the DHTML functions for Internet Explorer.

http://msdn.microsoft.com/library/de...nce/htcref.asp

You put this in your body rules:

behavior: url(csshover.htc); /* JavaScript fix for IE */

That takes care of the fact that IE doesn't do hovers on anything except links. It's quite simple to implement actually

I've been back to Greenville... I still have family in Easley and I'm there for the holidays and at other times too. It hasn't changed THAT much since 2000

VanGogh, I'm familiar with Suckerfish and Son of Suckerfish and other variations. It's cool, but a lot of people have problems with it too. For a noob the htc solution might create fewer headaches.

Thanks for the link Chris. LadynRed I can see where it can be easier for some. I'm surprised I've never come across them before, but I guess I simply never needed them. I probably have come across them, but just glossed over them. Good to know though. Thanks.