How to get a great menu at the right...

User 394490 Photo


Registered User
6 posts

Hi,

I've been using VSD to build my first website and it worked pretty good. Now I wan't to rebuild it in pure HTML. I've made what is going to be the basic design for my site, but I'm not content with the menu...

Two versions:
My old DHMTL menu (the one that I used in my 'old' website. Pro: it looks nice and it moves down when you scroll down, I like that. Con: it doesn't stay within the container.

A newly build CSS menu. Pro: it's where it's supposed to be and I've got some extra control where it comes to borders and stuff. Con: the fixed with does work for the sub, but not for the main menu???? It doesn't move with scrolling.

I've got the whole thing here: http://www.xs4all.nl/~pncvisie/under_radar/
Index1 has the DHTML menu, Index2 the CSS menu. The links don't work yet!

Anyone any suggestions how I can get a menu at the right place, with the right width, that moves up and down with scrolling?

Many thanks,

Harriet

User 345577 Photo


Registered User
373 posts

Tried to look at your site, but was only able to check out "Index2" -- got a 403 Forbidden message for Index1...
User 394490 Photo


Registered User
6 posts

Hi,

Thanks for taking the trouble! I changed the name to Index and now it does work.

Harriet
User 345577 Photo


Registered User
373 posts

Ah -- that's better! Now I understand what you're looking to do...

Unfortunately, can't put any time into it right now, as we're headed out for the evening. Hope somebody comes along to help!
User 562592 Photo


Registered User
2,038 posts

I am not sure what you mean by "scrolling". The menu currently moves with the page as you scroll. Did you want it fixed so it wouldn't do that?
The philosopher has not done philosophy until he has acted upon the mere conviction of his idea; for proof of the theory is in the act, not the idea.

My Web Development Company: http://www.innovatewebdevelopment.com (Created with Coffee Cup Software).

My Personal Website: http://www.EricSEnglish.com

User 463058 Photo


Ambassador
1,086 posts
Online Now

Your css menu has its width set to 10em in superfish-vertical.css.

Also, your characters aren't rendering correctly. You have this:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>


Use this instead:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
User 394490 Photo


Registered User
6 posts

The menu in the Index2 files does move and that's what I want. But I don't know how to get it at the right place... (nicely centered in the left column). The css menu in de Index file is at the right place, but has an issue with the width and it does not move.
User 394490 Photo


Registered User
6 posts

I've tried to adjust the width (to 20em?/230px); nothing happens...
I changed the character-set, but don't see anything different. I used one of CC's standard lay-outs as a starting point and that's where the utf-8 comes from. Why would CC put the wrong character-set there????
User 394490 Photo


Registered User
6 posts

Hi,

Scanning every possible forum-article about dhtml and the html editor I found the solution to the placement issue - something to do with 'span'. No clue how it works, but it does!

Harriet

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.