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
How do I combine this menu to this layout?
Old 05-22-2006, 05:55 PM How do I combine this menu to this layout?
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
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

Last edited by RNPoo7; 05-22-2006 at 05:56 PM..
RNPoo7 is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 05-22-2006, 06:39 PM Re: How do I combine this menu to this layout?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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
__________________
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 05-22-2006, 06:56 PM Re: How do I combine this menu to this layout?
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
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.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 05-22-2006, 07:15 PM Re: How do I combine this menu to this layout?
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
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"

Last edited by RNPoo7; 05-22-2006 at 07:17 PM..
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-22-2006, 07:20 PM Re: How do I combine this menu to this layout?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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.
__________________
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 05-22-2006, 07:31 PM Re: How do I combine this menu to this layout?
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
How do i put the two together since they both have 2 different style sheets?
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 10:53 AM Re: How do I combine this menu to this layout?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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.
__________________
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 05-23-2006, 12:28 PM Re: How do I combine this menu to this layout?
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
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.
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 01:39 PM Re: How do I combine this menu to this layout?
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
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.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 05-23-2006, 02:54 PM Re: How do I combine this menu to this layout?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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.
__________________
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


Last edited by LadynRed; 05-23-2006 at 02:57 PM..
LadynRed is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 02:58 PM Re: How do I combine this menu to this layout?
RNPoo7's Avatar
Extreme Talker

Posts: 238
Trades: 0
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.

Last edited by RNPoo7; 05-23-2006 at 03:08 PM..
RNPoo7 is offline
Reply With Quote
View Public Profile
 
Old 05-23-2006, 04:31 PM Re: How do I combine this menu to this layout?
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
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.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 05-23-2006, 05:55 PM Re: How do I combine this menu to this layout?
chrishirst's Avatar
Missing! presumed drunk.

Posts: 41,517
Name: Chris Hirst
Location: Blackpool. UK
Trades: 0
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
__________________
Chris. ->> Links are advertising NOT optimising!! <<-
A foolish consistency is the hobgoblin of little minds
Thought for today:- I SEO the only industry where all the cowboys are Indians?
chrishirst is offline
Reply With Quote
View Public Profile Visit chrishirst's homepage!
 
Old 05-23-2006, 07:08 PM Re: How do I combine this menu to this layout?
LadynRed's Avatar
Defies a Status

Posts: 10,016
Location: Tennessee
Trades: 0
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.
__________________
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 05-24-2006, 01:35 PM Re: How do I combine this menu to this layout?
vangogh's Avatar
Post Impressionist

Posts: 10,688
Name: Steven Bradley
Location: Boulder, Colorado
Trades: 0
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.
__________________
l Search Engine Friendly Web Design |
Please login or register to view this content. Registration is FREE

l Tips On Marketing, SEO, Design, and Development |
Please login or register to view this content. Registration is FREE

l
Please login or register to view this content. Registration is FREE
|
Please login or register to view this content. Registration is FREE
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Reply     « Reply to How do I combine this menu to this layout?
 

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.63866 seconds with 12 queries