CSS Menu Designer vs. DHTML Menu...

User 2034657 Photo


Registered User
64 posts

Hi Zipper,

I tried your right angle quote, and it works well and looks decent. Thanks for the cool idea.

Regards,
John H.
________________________________
A good mind is like a sponge in water.
User 15653 Photo


Registered User
233 posts

Hey John, I'm with ya... I just purchased The HTML Editor and so far, am suffering from a bit of 'buyers remorse' however to Jo Ann's point, I'll have to play with it a bit to see if it grows on me. I found the DHTML *much* easier and more intuitive to use too and am currently also looking for how best to move my newly created CSS replacement window where I want it (seemed like a piece of cake with DHTML). Something about the CSS coding I'm missing out on that I need to brush up on. As I post my menu from my test bed to the net, it doesn't look *anything* like it should. Hopefully I can get that all figured out and be one of those 100% delighted <infomercial schtick :-) >

Chris
User 364143 Photo


Guest
5,410 posts

Chris Overland wrote:
Hey John, I'm with ya... I just purchased The HTML Editor and so far, am suffering from a bit of 'buyers remorse' however to Jo Ann's point, I'll have to play with it a bit to see if it grows on me. I found the DHTML *much* easier and more intuitive...


Don't be. It is much better to have CSS menus than DHTML Menus unless you have an alternative way of allowing your site visitors to navigate your pages in case they have javascript disabled in their browser. You'll eventually get the hang of it.
CoffeeCup... Yeah, they are the best!
User 38401 Photo


Senior Advisor
10,951 posts

Hiya Chris,

As I also just recently got the information on how to place my CSS menu, what was told to me was to place it in the "wrapper" section of my site. You may need to look at the structure of your site to see where it is you need to place it exactly, but here's the thread I got help in if it will help at all:

http://www.coffeecup.com/forums/website … ce-please/
User 364143 Photo


Guest
5,410 posts

Just put it in a div and place it anywhere you want to by positioning the div. I believe the code is generated within a div if I remember correctly, so just and some styling to it for positioning or create your own class for this purpose.
CoffeeCup... Yeah, they are the best!
User 15653 Photo


Registered User
233 posts

I have a general question related to DHTML versus CSS and am posting a couple of attachments to better show what I'm talking about.

The DHTML menu seems much cleaner in appearance than the CSS model. The DHTML model seems to 'overlap' sub items where the CSS butts up next to. Overall the DHTML gives a cleaner appearance. Can that be duplicated somehow in the CSS approach? With the CSS menu, they're actually touching (sides/top-bottom, etc). Is there a way to leave an intentional space there with CSS or have it overlapping a bit as it does in DHTML?

Mouse over "Teams"/"Girls" over these separate models and you can see what I'm describing and the attached images show specifics.

DHTML=
http://home.nctv.com/ajns/models/cbuindex2b.htm

CSS=
http://home.nctv.com/ajns/models/cbuindex2bb.htm


Thanks,
Chris
Attachments:
User 364143 Photo


Guest
5,410 posts

That's not possible using the Menu Designer, you would have to tweak the CSS file for positioning and that may give you unexpected results.
CoffeeCup... Yeah, they are the best!
User 38401 Photo


Senior Advisor
10,951 posts

I'm not 100% sure this is accurate so definitely do some research first, this is coming off the top of my head that says it's logical (shut up Tom lol).

In order to do what you're trying to do with CSS, I "think" you'd have to play with not only the positioning Horizontally & Vertically of the sub menus, but also the Z level which is the level that it is raised or lowered in depth on the page. In other words is it behind or on top of something else. In your case you want it on top of the main menu so I think you'd have to play with the Z setting of that submenu and/or the main menu to get it to be on top.

Like I said, this is just off the top of my head which makes sense to me, but then I'm a bit crazy LOL
User 562592 Photo


Registered User
2,038 posts

Jo Ann wrote:
I'm not 100% sure this is accurate so definitely do some research first, this is coming off the top of my head that says it's logical (shut up Tom lol).

In order to do what you're trying to do with CSS, I "think" you'd have to play with not only the positioning Horizontally & Vertically of the sub menus, but also the Z level which is the level that it is raised or lowered in depth on the page. In other words is it behind or on top of something else. In your case you want it on top of the main menu so I think you'd have to play with the Z setting of that submenu and/or the main menu to get it to be on top.

Like I said, this is just off the top of my head which makes sense to me, but then I'm a bit crazy LOL

The z-index gives one object a higher position than the other when two objects are overlapping. I am not sure this is what Chris is looking for per se. I think what Tom mentioned is much more accurate, with the div element. But I could be reading the post wrong. :/
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 15653 Photo


Registered User
233 posts

Having that 'need to know, that thirst for knowledge' drives me back, all... :)

Another thought occurred to me as I was thinking about the two programs and subsequent menus. If I recall correctly, the DHTML approach allows for sizing sub menus at a different size. I haven't seen that on the CSS approach. If I were able to downsize for example, sub menus in CSS, the spacing may be there (note difference in two .jpg images that I uploaded above showing difference between DHTML and CSS).

Also, shouldn't a new .css file be created for each menu model? If so, how does a person create a new .css to go along with a new menu build?

thanks,
Chris

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.