TIlretning af menu (CSS/JS)

I menu.js skal disse linier være sådan:
//If you wan't to change colors do so below

function overTopItem(el) {
    with (el.style) {
        background  = "#FFFFFF";
        borderLeft  = "0";
        borderRight  = "0";
        borderTop    = "0";
        borderBottom = "0";
        paddingBottom = "2px";
    }
}

function outTopItem(el) {
    if ((el.sub != null) && (el.parentElement.openedSub == el.sub.id)) { //opened
        with(el.style) {
            borderTop = "0";
            borderLeft  = "0";
            borderRight    = "0";
            borderBottom = "0px";
            paddingBottom = "3px";
            background = "#FFFFFF";
        }
    }
    else {
        with (el.style) {
            border = "0";
            background = "#FFFFFF";
            padding = "2px";

Og menu.css skal være sådan:
.favMenu
{
            background: #FFFFFF;
            font-family: Verdana;
            font-size: 9px;
            color: #000000;
            cursor: hand;
}

.favMenu div
{
            width: 100%;
}

.favMenu a       
{
            color: #000000;
            text-decoration: none;
}

.favMenu a:hover   
{
            color: #000000;
            text-decoration: underline;
}

.topFolder
{
            padding: 2px;
}

.topItem
{
            padding: 2px;
}

.subFolder
{
            padding: 3px;
}
.subItem       
{
            padding: 3px;
}

.sub           
{
            display: none;
            padding-top: 1px;
}

.sub .sub
{
            border: 0px;
}

.icon
{
            margin-right: 5;
            width: 16;
            height: 16;
            vertical-align: top;
       
}

.outer
{
            padding: 0px;
}

.inner
{
            padding: 0px;
            overflow: hidden;
}

.scrollButton
{            position: absolute;
            height: 16px;
            width: 50px;
            overflow: hidden;
            font-family: webdings;
            font-size: 10px;
            text-align: center;
            color: #FFFFFF;
            display: none;
            cursor: default;
}

.flat
{
           
            padding: 0px;
}

tak, nu nærmer vi os.

Der er dog stadig farve på roll over, hvilket der ikke skal være. Kun når man har klikket et underpunkt.

Den hopper også en smule :-(

Jeg har uplaodet en opdateret version.

VH

Anders

Det ser også ud til at den gemmer farven på "visited" punkter...

Følgende skal yderligere ændres i menu.js:

function restoreSubItem(el) {
    el.style.background = "#FFFFFF";
    el.style.color      = "menutext";
    selectedItem = null;

og

function downscrollButton(el) {
    with (el.style) {
        borderRight  = "0";
        borderLeft  = "0";
        borderBottom    = "0";
        borderTop = "0";

MHT at den hopper: Det er det samme som før, men bare mere tydeligt da alle farver/borders er fjernet. Det kan fjernes ved at kigge på alle  "padding" properties. Måske de alle skal sættes til 0 (eller 1?).

MHT visited: Hvis det skal fjernes, skal der muligvis skrives ny kode til det, der tjekker om et vindue er blevet lukket. -Det er i hvert fald uden for mine evner ;-). Men det fjernes hvis menupunktet lukkes igen (eller man vælger et andet link).

Great!

Nu ser det ud til at visited farven er væk, men ikke roll over :-)

Jeg har uploadet opdateret version.

VH

Anders

Du glemte denne fra mit første indlæg:

function overTopItem(el) {
    with (el.style) {
        background  = "#FFFFFF";
        borderLeft  = "0";
        borderRight  = "0";
        borderTop    = "0";
        borderBottom = "0";
        paddingBottom = "2px";

takker og bukker!