Posted by Louis | Posted in Web Design Tutorials | Posted on 28-06-2009
Tags: div tag, exact code, flash animation, images, mouse overs, mouseover buttons, navigation bar, white space
I would normally build a fancy navigation bar in a table using straihgt html and use dreamweaver to do the mouseover buttons but I would like to start truly using css.
How do I use css to create the same style of navigation? I have images that need to touch (no white space anywhere) and the bottom six images will have mouse overs.
I also want to incorporate a flash animation in the middle of this. The idea is to have all of this in a centered div tag.
Please show me the exact code to do this and if you have a site to use as an example that would rock!
Giv a great answer and you will get 10 points! 
I hope this answers your questions fully:
http://www.dynamicdrive.com/style/csslibrary/category/C1/
Gives you a large choice of CSS menus.
If you click on one as an example:
Inverted Modern Bricks Menu
http://www.dynamicdrive.com/style/csslibrary/item/inverted-modern-bricks-menu/
You can use <a href=#><img src="myimg.jpg"></a> for your six images and it will be seamless with mouseovers..
If your flash animation needs to be in the middle of your navbar , then you can use a dummy hyperlink and set the href=#. If you need the animation separate then use a separate div and use CSS to position.