Hi Lee,
I got my acct started and downloaded Video 1 and 2 on the House Menu Configuration. I got the menu in there, but just having trouble with a weird indentation and another question. I'll paste the link to the page and css classes. Can you tell from here a) why the menu is indenting about 20 pixels or so and b) how I can get the child-level menus expand on rollover or click? Did I not get far enough in the videos?
Thnks for you rhelp,
Marianne
http://harterdental.dnn.globalsites...fault.aspxThe css classes:
/* =====================================
CSS STYLES FOR HouseMenu SkinObject
=====================================
*/
/* Vertical Menu */
#HouseMenuNav
{
/* menu wrapper div */
border-top: solid 1px #339966;
border-bottom: solid 1px #339966;
margin-bottom: 10px;
}
#HouseMenuNav ul
{
/* all submenu lists */
padding: 0;
margin: 0;
list-style: disc url(../skin_bkgd_fixed/none) inside;
border-top: 0;
border-right: 0;
border-bottom: 0;
border-left: 0;
}
#HouseMenuNav a
{
/* all links within the menu wrapper */
}
#HouseMenuNav li
{
/* all list items */ /* -- Border around each menu item -- */
border-bottom: 1px solid #339966; /* added for opera browser to remove bullets on lists */
list-style: none;
}
#HouseMenuNav li a:link, #HouseMenuNav li a:visited
{
/* main colour of the menu */
margin: 0;
padding: 0;
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 1px solid #339966;
border-right: 1px solid #339966;
color: #cccc99;
text-decoration: none; /* added for opera */
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 14px;
font-weight: normal;
}
#HouseMenuNav li a:hover
{
background-color: #004851;
color: #cccc99;
}
#HouseMenuNav ul ul
{
/* second level menu items */
margin-left: 12px;
}
#HouseMenuNav ul ul li
{
border-bottom: 1px solid #339966;
margin: 0; /* remove the bullets from the sub menu */
list-style: none;
}
#HouseMenuNav ul ul a:link, #HouseMenuNav ul ul a:visited
{
color: #cccc99;
}
#HouseMenuNav ul ul a:hover
{
background-color: #004851;
color: #cccc99;
}