No replies
Maverick
Offline
newbie
Scotland
Last seen: 17 years 48 weeks ago
Scotland
Joined: 2004-08-03
Posts: 10
Points: 0

Ok.

we are having a problem with a CSS Layout here.

just implemented a dhtml drop-down navigation using CSS Java Script and html, and are starting on the creation of the borderlines of the page, but we have a slight snag....

trying to position the CSS layout so that the information is all seen on the screen but to allow the drop down navigation to hover over in the foreground ( i hope this makes sense so far..)

using the z index we can set the drop down navigation to the front but we loose the content from sight - we also need colored backgrounds...

any suggestions???

here's the code so far we want to contain the bg color without excessive use of divs...

/* begin vertical stack css format */
body { font-family: verdana; font-size: 10px; }
a:hover {font-family: verdana; font-style: normal; background-color: #999; text-decoration: none;}
a:active {font-family: Verdana; color: #777; text-decoration: none;}

/* menu div area */
#allyourbase { position: absolute; top: 50px; left: 50%; margin-left: -275px; height: 400px; width: 550px; border: 1px solid #999; background-color: #ccc; z-index: 2;}
#allyournavi { position: absolute; top: 50px; left: 50%; margin-left: -269px; height: 150px; width: 150px; padding: 5px; border: 1px solid #999; background-color: #ccc; z-index: 1;}	
/* secondary css menu style for horizontal menus */

/* 1st level listings */
ul { padding: 5px; margin: 0px; list-style: none;}
li { float: left; /**/ position: relative; width: 90px; background: #ccc; padding: 0px; border: 1px solid #999;}
/* 2nd level listings */
li ul {  display: none; position: absolute; top: 19px; left:-6px; display: none;}
ul li a { display: block; text-decoration: none; color: #777; background: #ccc; padding: 5px;}
li>ul { top: auto; left: auto;}
/* display menus */
li:hover ul, li.over ul {display: block;}

EDIT: tried to use an additional CSS BG layer but now we just loose the content written so far