Question:
Dreamweaver navigation bar with rollover buttons?
E W
2010-08-06 01:51:03 UTC
I need to create a navigation bar (800 px x 32 px) which contains 2 buttons (centered) with rollover effects. I believe it's based on CSS styles and div tags, can someone share your expertise? By the way I already created the buttons.

Thanks a million!
Three answers:
2010-08-09 05:16:58 UTC
The code below shows how to create your mouseover effects.



Some things that you will have to change in the code below are:-

The paths to your images.

The width and height of your images, both images must be the same size



you must increment this value for each button you add to your menu, I started with '00' the next button is '20', doing it this way allows you to insert a new button without having to redo the code again.

















That's a javascript mouseover below is a css mouseover which may be easier for you.



Insert css in









Insert code where menu bar is to go











change links to yours and change rollover images
mjefferson96
2010-08-06 02:48:45 UTC
Create a container such as table or div, make the size and shape you need, and place where you need it. If its css based then you don't need images, just create divs instead. Make 2 styles for each div, one normal state and one hover state.

or you could just modify the code from one of these menus here: http://www.dynamicdrive.com/dynamicindex1/indexc.html
Cassandra
2016-04-13 11:39:13 UTC
i tend to prefer top navigation bar..if there are many items...with drop down menus...(its familiar ...the normal application menu) and an left side menu for the most used things...or bigger categorys..


This content was originally posted on Y! Answers, a Q&A website that shut down in 2021.
Loading...