I had stuff hardcoded in before I using this great tool, but now when I drop the nav in there, my CSS gets all wonky. I am unsure what to select for my classes. here is the CSS I have.
#vertNav { clear:both; margin:0; padding:0 0 0; } #vertNav ul { margin:0; padding:0; } #vertNav ul ul { margin-top:5px; } #vertNav li { background:none repeat scroll 0 0 transparent; color:#186396; font-size:1.45em; font-weight:bold; list-style-type:none; margin:0; padding:0 0 7px; } #vertNav li a { color:#186396; text-decoration:none; } #vertNav li a:hover { text-decoration:underline; } #vertNav li li a { color:#394792; } #vertNav li li { color:#394792; font-size:0.75em; font-weight:bold; list-style-image:none; margin:0 10px 0 0; padding-left:10px; } #vertNav li li.selected { background:url("images/img_arrow_blue_down.gif") no-repeat scroll 0 2px transparent; font-weight:bold; } #vertNav li li li { color:#636363; font-size:0.9em; font-weight:normal; } #vertNav li li li li { font-size:1em; } #vertNav ul.lowest li a { color:#636363; } #vertNav ul.lowest li.selected { background:url("images/img_arrow_grey.gif") no-repeat scroll 0 3px transparent; } #vertNav ul ul.lowest { padding-bottom:0; } #vertNav ul ul ul.lowest { padding-bottom:0; } #vertNav ul ul ul ul.lowest { padding-bottom:0; } #vertNav ul ul ul ul ul.lowest { padding-bottom:0; } #vertNav li li.bottomGrey { border-top:1px dotted #B2B2B2; color:#636363; margin-top:0; padding-top:7px; } #vertNav li li.bottomGrey a { color:#636363; }
Having a real Hardtime with CSS
I had stuff hardcoded in before I using this great tool, but now when I drop the nav in there, my CSS gets all wonky. I am unsure what to select for my classes. here is the CSS I have.
#vertNav {
clear:both;
margin:0;
padding:0 0 0;
}
#vertNav ul {
margin:0;
padding:0;
}
#vertNav ul ul {
margin-top:5px;
}
#vertNav li {
background:none repeat scroll 0 0 transparent;
color:#186396;
font-size:1.45em;
font-weight:bold;
list-style-type:none;
margin:0;
padding:0 0 7px;
}
#vertNav li a {
color:#186396;
text-decoration:none;
}
#vertNav li a:hover {
text-decoration:underline;
}
#vertNav li li a {
color:#394792;
}
#vertNav li li {
color:#394792;
font-size:0.75em;
font-weight:bold;
list-style-image:none;
margin:0 10px 0 0;
padding-left:10px;
}
#vertNav li li.selected {
background:url("images/img_arrow_blue_down.gif") no-repeat scroll 0 2px transparent;
font-weight:bold;
}
#vertNav li li li {
color:#636363;
font-size:0.9em;
font-weight:normal;
}
#vertNav li li li li {
font-size:1em;
}
#vertNav ul.lowest li a {
color:#636363;
}
#vertNav ul.lowest li.selected {
background:url("images/img_arrow_grey.gif") no-repeat scroll 0 3px transparent;
}
#vertNav ul ul.lowest {
padding-bottom:0;
}
#vertNav ul ul ul.lowest {
padding-bottom:0;
}
#vertNav ul ul ul ul.lowest {
padding-bottom:0;
}
#vertNav ul ul ul ul ul.lowest {
padding-bottom:0;
}
#vertNav li li.bottomGrey {
border-top:1px dotted #B2B2B2;
color:#636363;
margin-top:0;
padding-top:7px;
}
#vertNav li li.bottomGrey a {
color:#636363;
}
Can anybody help me implement this? Thanks.
is working on a reply...