Stationary Banner In A Window, Drop Down Menus Etc.. , Change Colour When Mouse Hovers

Does anyone have a code for making the banner stationary in a website? Meaning how ever you scroll, the banner is always visible -

not scrolled away. It would also be great for the navigation buttons (usually on the left) to remain stationary?

I am using dreamweaver to make the websites. Any tricks that could be done using dreamweaver to archieve that?

Also, I am looking for codes which when the mouse points at a certain button, a menu drops down. But because my buttons are

vertically aligned:

(button)
(button)
(button)
(button)

I require some settings which can drop down beside the button, such as on the right.

As for buttons, can I use codes to make the buttons change colour, or something, on hover? Or must it be a property of the button

itself to make this happen?

Thanks

Does anyone know the answer already!!? This is relatively urgent and the due date for my project is within a month.Of course, if you really don't know it, I don't blame you. But if you can help, that's great - thanks.

Does anyone know the answer already!!? This is relatively urgent and the due date for my project is within a month.

 

Of course, if you really don't know it, I don't blame you. But if you can help, that's great - thanks.

Giving people less than 12 hours to respond is rather unreasonable. Also, please don't double post.

 

Does anyone have a code for making the banner stationary in a website? Meaning how ever you scroll, the banner is always visible - not scrolled away. It would also be great for the navigation buttons (usually on the left) to remain stationary? I am using dreamweaver to make the websites. Any tricks that could be done using dreamweaver to archieve that?

To do this, use CSS's position: fixed property, along with top/bottom/left/right positions. There is a good example of this at Quirksmode.

 

Also, I am looking for codes which when the mouse points at a certain button, a menu drops down. But because my buttons are vertically aligned I require some settings which can drop down beside the button, such as on the right.

For this you will need some Javascript. Position the drop-down parts of the menus relative to their parent item in the menu, and set their CSS display properties so that they are hidden. Then use a Javascript onHover event for the parent buttons to set the relevant submenu to display. There are plenty of examples of this in search engines: https://www.google.co.uk/webhp?hl=en&gws_rd=ssl=

 

As for buttons, can I use codes to make the buttons change colour, or something, on hover? Or must it be a property of the button itself to make this happen?

You can use Javascript to change the CSS of the button, so you could easily change its background colour or image. This can also be achieved in CSS alone with :hover applied to the button, and the CSS changed to match, like so:

 

.button {background-color: #f00;}.button:hover {background-color: #00f;}

Thanks for the help!And sorry for my double posts and time etc.. I was slightly too desperate.

Edited March 23, 2009 by cyber_electrons (see edit history)

http://www.cssplay.co.uk/ has some very nice stuff