I am working on a JSP page that contains my first Master.css file:
Code:
.menu {
font-size: 12px;
}
.menu a {
color: white;
width: 85px;
text-align: center;
padding: 2px 0px;
text-decoration: none;
background-color: #1D4970;
border: 1px solid #1D4970;
}
.menu a:hover {
color: #141D26;
background-color: #9BAEBF;
border-color: #E0E6EB
}
.menu span {
width: 85px;
text-align: center;
padding: 3px 0px;
color: silver;
}
div.submenu {
position: absolute;
visibility: hidden;
top: 116px;
}
div.submenu a {
text-align: left;
display: block;
font-weight: normal;
padding-left: 2px;
}
My problem is occurring with MENU and SUBMENU items.
My objective is that currently I have a MENU item called Requisition. Underneath that MENU ITEM I have a clickable submenu item called Approve. I need to add two NON-CLICKABLE submenu items underneath Approve, one called MODIFY and the other called SEARCH.
My problem is I do not know how to add another value to do what it is I want. What I tried is adding the following:
div.submenu span {
color: silver;
}
What happened is that I lost all my formatting from .menu and div.submenu for some reason(?) and I do not know what is the best way to make these two submenu items not clickable.
Any suggestions or direction on how to accomplish the formatting and create non-clickable items would be greatly appreciated.
Thanks.
Question on First CSS
