Det valgte link skal bibeholde farven

PS: Jeg benytter så <a href="#" class="menu">Link</a>

1. Du kan ikke markere en aktiv menu vha. css, for det findes simpelthen ikke, det nærmeste er visited, som angiver at linket har været brugt i browseren !-)

2. Den nemmeste måde at lave den slags på, er at få et serverside sprog til at generere det med en speciel effekt ...

3. En irriterende måde er at gå en tur i kagebutikken, men det er dog lavet mange gange før, så det kan nok lykkes igen !o]

-- og så er din :active foroven misforstået, for den vil blive overskrevet af :hover, da den jo kommer bagefter ...

:active skal forstås som den tilstand at musen bliver trykket på linket, så den vil selvfølgelig også være hover, og da css læses sådan, bliver de properties, som er begge steder overskrevet !-)

Desuden har du nogle irrelevante baggrunds-angivelser, en kortere udgave kunne være:

a.menu, a.menu:link, a.menu:visited {
width: 100%;
display: block;
font-family: geneva, verdana, helvetica;
font-weight: none;
font-size: 11px;
text-decoration: none;
color: #e7e7e7;
background-color: #6b707b;
}
a.menu:hover {
color: #000000;
background-color: #e7e7e7;
}

hmm ... den effekt bliver lavet udenom css ... de laver den faktisk i javascript

princippet er som følger:

Du har en menu, hvor alle dine menupunkter er et link. i utgangspunktet er alle "aktive" ... der er <a href=""> omkring alle menupunkter. når du klikker på et menupunkt, og du går til den pågældende side, så undlader du at skrive ud et link til den side du står på.

jeg benytter det samme princip på min hjemmeside (xperimentum.com)

/nute

-- og der bør for fuldstændighedens skyld også være en generisk font-angivelse i font-family:

font-family: geneva, verdana, helvetica,sans-serif;

<ole>

Hvis man vil lege lidt, kunne man jo godt lave en generisk menu, der er ens på alle sider - og selv finder ud af, hvilket link, der skal deaktiveres. Det ville måske gøre den lidt lettere at vedligeholde den (ikke mindst, hvis den inkluderes på serveren):

<div id="minMenu">
    <a href="tja.html">Til Tja</a>
    <a href="tjo.html">Til Tjo</a>
    <a href="hmm.html">Til Hmm</a>
    <a href="jamendog.html">Til JamenDog</a>
</div>

<script type="text/JavaScript">
function setMenu() {
    var menCont, aA, loc, myData, sp, tn;
    menCont = document.getElementById("minMenu");
    aA = menCont.getElementsByTagName("A");
    loc = location.href.split("\\"); // Til lokal test
    // loc = location.href.split("/"); // Brug i stedet denne på WWW
    loc = loc[loc.length-1];
    for ( i=0; i<aA.length; i++ ) {
        if (aA[i].href.indexOf(loc)!=-1) {
            myData = aA[i].firstChild.data;
            sp = document.createElement("SPAN");
            tn = document.createTextNode(myData);
            sp.appendChild(tn);
            menCont.replaceChild(sp, aA[i]);
        }
    }
}
setMenu();
</script>

Scriptet kan godt kaldes på 'window.onload', men hvis siden er længe om at loade, vil linket til den aktuelle side være 'aktivt', til siden er færdig-loaded. Det er måske ikke så fikst  :)
/mvh
</bole>

roenvig: Det kan jeg godt se. Jeg har kortet det ned til dit forslag.

nute: Jeg har kigget på din hjemmeside, men synes ikke jeg kan finde den menu?

Står du bag netdoktor? Utrolig flot og stilren side :o)

Ups, du var hurtig, Ole. Jeg prøver det lige af.

olebole: Jamen! Det virker jo! :o)

Hvordan får jeg det forenet med mit CSS?

Det behøver du da ikke bekymre dig om !-)

Du kan også sætte en class på span'en, hvis det skal være afvigende fra hvad det ellers ville være:

sp.className = "aktivtLink"

roenvig: Kan du uddybe den lidt? :o)

Hvis du ikke gør noget, vil den span have samme udseende, som der ellers ville være i præcis det element (her en div) og altså ikke ligne et link ...

Hvis du vil have specielle egenskaber har du to muligheder:

-- sæt properties direkte på span'en (sp.style.color='grey'; osv.)

-- eller hav en foruddefineret klasse, som du kan give den nye span !o]

(og her er så forklaringen på at denne -- ofte stygt misbrugte -- property har sin berettigelse: .className er måd_en_ at sætte konsistente styles på on-the-fly-oprettede elementer !-)

Ok, jeg kommer lige med lidt kode, jeg vil gerne vide helt nøjagtigt, hvordan den skal grejes. Øjeblik ...

steen_hansen >> min(e) menu(er) er der ... du skal bare kigge efter dem ;o]. Den ene ligger lige under logoet. klik på et af linkene, og du vil se at linket på den side du bedinder dig på, er deaktiveret. Det er en generisk menu der "ved" hvilken side bliver vist, og derfor gider ikke min menu-generator at skrive linket ud. jeg står vidst ikke bag netdoktor, men jeg har været med til at bygge det op, helt fra starten. Idéen til sitet kom fra en der har lidt mere medicinsk baggrund end mig ;-]

Ok nute, jeg skal snart have et armbind og en hvid stok. Sorry :o)

Jeg har lige kigget på dit base.css (håber det er i orden), og jeg kan se dette:

.subMenu
{
    text-align:right;
    position:absolute;
    top:115px;

    width:19.50%;
}
.selectedMenuItem
{
    letter-spacing:1px;
    font-weight:bolder;
}

Er det dette, du benytter til menuen?

nja ... hele sitet bliver bygget op fra XML ved hjælp af XSL. Alle menu punkter har i udgangspunktet samme style (på samme måde som olebole sit javascript eksempel). Min XSL ved hvilken side der er på (det kan du se ved at min querystring ser ud som dette "?page=personal") og når den skal skrive ud det menu punkt som er det samme som den side der er aktiv, så sætter den en anden css-class på. Forskellen på den måde jeg gør det på, og den måde olebole har gjort, er at jeg gør det *før* menuen bliver sendt til klienten, mens olebole sit eksempel gør det *efter* at klienten har modtaget siden. Men principielt er det det samme.

Den måde jeg gør det på, kan skidseres sådan ( i noget underlig javascript pseudo kode):

var strPage = denSideJegErPå;

for each menuPunkt in minMenu
{
    if( menuPunkt == strPage )
    {
        write( "<a href='' class='menu'>" + menuPunkt + "</a>" )
    }
    else
    {
        write( "<a href='' class='selectedMenuItem'>" + menuPunkt + "</a>" )
    }
}

princippet er det samme, uanset sprog, hvis du genererer din HTML fra serversiden. Hvis du derimod bygger dit site i ren DHMTL (som er CSS, HTML og javascript), så er olebole sit eksempel en udmærket måde at gøre det på

/nute

PS! Måske du kan få nogle tips angående dit dårlige syn , på netdoktor.dk ;o] Det er efterhånden længe siden jeg har kigget rundt der inde, men de har sikkert nogle gode råd

:)

Hm, jeg er overhovedet ikke med på, hvordan tingene hænger sammen (får fejlmeddelelse). Gider I kigge på http://www.include.dk/default1.asp - herunder er dokument + CSS:

default1.asp:

<!-- #include virtual="/includes/data.asp" -->

<html>

<!-- #include virtual="/includes/header.asp" -->

<body onload="settitle(); funClock();" style="margin-top: 0px; margin-left: 0px;">

<div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" style="width: 757px;" class="paper text11">
<!-- #include virtual="/includes/date.asp" -->
        <tr>
            <td style="width: 11px; height: 11px; background-image: url('/images/topleft.gif')"></td>
            <td style="width: 735px; height: 11px;"></td>
            <td style="width: 11px; height: 11px; background-image: url('/images/topright.gif')"></td>
        </tr>
        <tr>
            <td colspan="3" style="height: 50px;">&nbsp;</td>
        </tr>
        <tr>
            <td colspan="3" valign="top">
                <div align="center">
                    <center>
                    <table border="0" cellpadding="0" cellspacing="0" style="width: 757px;">
                        <tr>
                            <td style="width: 1px;"></td>
                            <td style="width: 93px;"><a href="default1.asp" onFocus="this.blur();" class="menu">default1</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 93px;"><a href="default2.asp" onFocus="this.blur();" class="menu">default2</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 93px;"><a href="default3.asp" onFocus="this.blur();" class="menu">default3</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 93px;"><a href="#" onFocus="this.blur();" class="menu">Link 4</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="menu">Link 5</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="menu">Link 6</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="menu">Link 7</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="menu">Link 8</a></td>
                            <td style="width: 1px;"></td>
                        </tr>
                    </table>
                    </center>
                </div>
            </td>
        </tr>
        <tr>
            <td style="background-image: url('/images/dropshadow.gif'); height: 8px" colspan="3"></td>
        </tr>
        <tr>
            <td align="center" colspan="3"><a href="#" onFocus="this.blur();" class="copyright"><b>COPYRIGHT include.dk © 2004</b></a></td>
        </tr>
        <tr>
            <td style="width: 11px; height: 11px; background-image: url('/images/bottomleft.gif')"></td>
            <td style="width: 735px; height: 11px;"></td>
            <td style="width: 11px; height: 11px; background-image: url('/images/bottomright.gif')"></td>
        </tr>
    </table>
    </center>
</div>

</body>

</html>




CSS:

body {
background-color: #396da5;
}
td {
vertical-align:top
}
.bodybg {
background-color: #396da5;
}
.text11 {
color: black;
font-style: normal;   
font-weight: normal;
font-size: 11px;
font-family: geneva, verdana, helvetica;
line-height: 18px;
}
.text11white {
color: white;
font-style: normal;
font-weight: normal;
font-size: 11px;
font-family: geneva, verdana, helvetica;
line-height: 18px;
}
.text11red {
color: #800000;
font-style: normal;
font-weight: normal;
font-size: 11px;
font-family: geneva, verdana, helvetica;
line-height: 18px;
}
.text11blue {
color: #336699;
font-style: normal;
font-weight: normal;
font-size: 11px;
font-family: geneva, verdana, helvetica;
line-height: 18px;
}
.text11grey {
color: #a8a8a8;
font-style: normal;
font-weight: normal;
font-size: 11px;
font-family: geneva, verdana, helvetica;
line-height: 18px;
}
.paper {
background-color: #ffffff;
}
.paper1 {
background-color: #47688b;
}
.padding8 {
padding-left: 8px;
padding-top: 8px;
padding-right: 8px;
padding-bottom: 8px;
}
.padding12 {
padding-left: 12px;
padding-top: 12px;
padding-right: 12px;
padding-bottom: 12px;
}
.padding16 {
padding-left: 16px;
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
}
a {
font-size: 11px;
color: #800000;
font-family: geneva,verdana,helvetica;
text-decoration: none
}
a:hover {
color: #800000;
text-decoration: underline
}
a.copyright {
font-size: 11px;
color: #a8a8a8;
font-family: geneva,verdana,helvetica;
text-decoration: none
}
a.copyright:hover {
color: #08246b;
text-decoration: none
}
a.menu, a.menu:link, a.menu:visited {
width: 100%;
display: block;
font-family: geneva, verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
text-decoration: none;
color: #e7e7e7;
background-color: #6b707b;
}
a.menu:hover {
color: #000000;
background-color: #b1b5bc;
}
.input1 {
border-bottom: black 1px solid;
border-left: black 1px solid;
border-right: black 1px solid;
border-top: black 1px solid;
font-family: geneva, verdana, helvetica;   
font-size: 11px;
background-color: #d7d7d7;
}
.input2 {
border-bottom: black 1px solid;
border-left: black 1px solid;
border-right: black 1px solid;
border-top: black 1px solid;
font-family: verdana, helvetica, arial;
font-size: 11px;
}
.leftCell, .rightCell {
padding: 16px;
text-align:left;
width:252px;
vertical-align:top;
}
.leftCell {
border-right:1px solid #CCC;
}

steen_hansen >> bliver din menu lavet dynamisk, eller er det en statisk menu ?

Det er en statisk menu

Jeg har lige møbleret lidt om:

topmenu.asp:

                <div align="center">
                    <center>
                    <table border="0" cellpadding="0" cellspacing="0" style="width: 757px;">
                        <tr>
                            <td style="width: 1px;"></td>
                            <td style="width: 93px;"><a href="default1.asp" onFocus="this.blur();" class="menu">default1</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 93px;"><a href="default2.asp" onFocus="this.blur();" class="menu">default2</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 93px;"><a href="default3.asp" onFocus="this.blur();" class="menu">default3</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 93px;"><a href="#" onFocus="this.blur();" class="menu">Link 4</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="menu">Link 5</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="menu">Link 6</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="menu">Link 7</a></td>
                            <td style="width: 1px;"></td>
                            <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="menu">Link 8</a></td>
                            <td style="width: 1px;"></td>
                        </tr>
                    </table>
                    </center>
                </div>




default1.asp:

<!-- #include virtual="/includes/data.asp" -->

<html>

<!-- #include virtual="/includes/header.asp" -->

<body onload="settitle(); funClock();" style="margin-top: 0px; margin-left: 0px;">

<div align="center">
    <center>
    <table border="0" cellpadding="0" cellspacing="0" style="width: 757px;" class="paper text11">
<!-- #include virtual="/includes/date.asp" -->
        <tr>
            <td style="width: 11px; height: 11px; background-image: url('/images/topleft.gif')"></td>
            <td style="width: 735px; height: 11px;"></td>
            <td style="width: 11px; height: 11px; background-image: url('/images/topright.gif')"></td>
        </tr>
        <tr>
            <td colspan="3" style="height: 50px;">&nbsp;</td>
        </tr>
        <tr>
            <td colspan="3" valign="top">
<!-- #include virtual="/includes/topmenu.asp" -->
            </td>
        </tr>
        <tr>
            <td style="background-image: url('/images/dropshadow.gif'); height: 8px" colspan="3"></td>
        </tr>
        <tr>
            <td align="center" colspan="3"><a href="#" onFocus="this.blur();" class="copyright"><b>COPYRIGHT include.dk © 2004</b></a></td>
        </tr>
        <tr>
            <td style="width: 11px; height: 11px; background-image: url('/images/bottomleft.gif')"></td>
            <td style="width: 735px; height: 11px;"></td>
            <td style="width: 11px; height: 11px; background-image: url('/images/bottomright.gif')"></td>
        </tr>
    </table>
    </center>
</div>

</body>

</html>

Glemte lige header.asp:

<head>
<title><%=strTitle%></title>
<META HTTP-EQUIV="Expires" CONTENT="Fri, Jun 12 1981 08:20:00 GMT">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-store">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache">
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<META HTTP-EQUIV="content-type" content="text/html;charset=iso-8859-1">
<META HTTP-EQUIV="imagetoolbar" content="no">
<META HTTP-EQUIV="Content-language" content="dan">
<link rel="stylesheet" type="text/css" href="/includes/include.css">
<script type="text/JavaScript" language="JavaScript1.2" src="/includes/titleblink.js"></script>
<script type="text/JavaScript" language="JavaScript1.2" src="/includes/funclock.js"></script>
<script type="text/JavaScript" language="JavaScript1.2" src="/includes/date.js"></script>
<script language="javascript" type="text/javascript">
function setMenu() {
    var menCont, aA, loc, myData, sp, tn;
    menCont = document.getElementById("topMenu");
    aA = menCont.getElementsByTagName("A");
    // loc = location.href.split("\\"); // Til lokal test
    loc = location.href.split("/"); // Brug i stedet denne på WWW
    loc = loc[loc.length-1];
    for ( i=0; i<aA.length; i++ ) {
        if (aA[i].href.indexOf(loc)!=-1) {
            myData = aA[i].firstChild.data;
            sp = document.createElement("SPAN");
            tn = document.createTextNode(myData);
            sp.appendChild(tn);
            menCont.replaceChild(sp, aA[i]);
        }
    }
}
setMenu();
</script>
</head>

mit bud, vil være at lave din menu "kvasi statisk" ... noget ala dette:

<%
Dim strCurrentPage         : strCurrentPage = Request.ServerVariables( "SCRIPT_NAME" )
Dim strMenuClass         : strMenuClass = "menu"
Dim strActiveMenuClass     : strActiveMenuClass = "activeMenu"
%>
<table border="0" cellpadding="0" cellspacing="0" style="width: 757px;">
    <tr>
        <td style="width: 1px;"></td>
        <td style="width: 93px;"><a href="default1.asp" onFocus="this.blur();" class="<% if( InStr( strCurrentPage, "default1.asp" ) ) then Response.Write strActiveMenuClass else Response.Write strMenuClass end if %>">default1</a></td>
        <td style="width: 1px;"></td>
        <td style="width: 93px;"><a href="default2.asp" onFocus="this.blur();" class="<% if( InStr( strCurrentPage, "default2.asp" ) ) then Response.Write strActiveMenuClass else Response.Write strMenuClass end if %>">default2</a></td>
        <td style="width: 1px;"></td>
        <td style="width: 93px;"><a href="default3.asp" onFocus="this.blur();" class="<% if( InStr( strCurrentPage, "default3.asp" ) ) then Response.Write strActiveMenuClass else Response.Write strMenuClass end if %>">default3</a></td>
        <td style="width: 1px;"></td>
        <td style="width: 93px;"><a href="#" onFocus="this.blur();" class="<% if( InStr( strCurrentPage, "link1.asp" ) ) then Response.Write strActiveMenuClass else Response.Write strMenuClass end if %>">Link 4</a></td>
        <td style="width: 1px;"></td>
        <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="<% if( InStr( strCurrentPage, "link2.asp" ) ) then Response.Write strActiveMenuClass else Response.Write strMenuClass end if %>">Link 5</a></td>
        <td style="width: 1px;"></td>
        <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="<% if( InStr( strCurrentPage, "test.asp" ) ) then Response.Write strActiveMenuClass else Response.Write strMenuClass end if %>">Link 6</a></td>
        <td style="width: 1px;"></td>
        <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="<% if( InStr( strCurrentPage, "link4.asp" ) ) then Response.Write strActiveMenuClass else Response.Write strMenuClass end if %>">Link 7</a></td>
        <td style="width: 1px;"></td>
        <td style="width: 94px;"><a href="#" onFocus="this.blur();" class="<% if( InStr( strCurrentPage, "link5.asp" ) ) then Response.Write strActiveMenuClass else Response.Write strMenuClass end if %>">Link 8</a></td>
        <td style="width: 1px;"></td>
    </tr>
</table>

hvor du laver 2 css class hvor du definerer udseende til henholdsvis et inaktivt menupunkt (fx 'menu'), og et aktivt menupunkt (fx 'activeMenu')

/nute

=8-O Hold da op ... moster henter lige en kop kaffe og en smøg - og om ikke nevøen og hans legekammerater har fyldt E's database med koder i mellemtiden!
Kanont  ;o)

... så ka' moster zq bare lære at smøre sin rollator ...!  :D

YES! Den virker! NU kører vi! Hele TO ting på samme dag! Fedest!

Lægger I 3 et svar - igen? :o)

he-he

s'gerne  :)

olebole >> du skal da for pokker ikke tage credit i alle spm, vel ??? :-D håber smøgen og kaffen smager :-)

steen_hansen >> det er da godt at høre. Denne gang følte jeg mig hvertfald lidt mere til nytte :o]

/nute

Lige et hurtigt tillægs-?:

Jeg vil gerne have det valgte menupunkt til at have denne farve: #b1b5bc; Lige nu er den hvid, men det synes jeg ikke jeg har sat den til nogen steder. Eller har jeg?

- og endnu et: Når jeg fører musen hen over det valgte link, får jeg en underline frem. Det er den heller ikke sat til, er den?

hmm ... mangler du ikke lige en class i dit stylesheet, så ?

.activeMenu
{
    background-color:#b1b5bc;
}

/nute

for at fjerne underline, skal du lave din a.menu om til dette:

a.menu:hover {
color: #000000;
background-color: #b1b5bc;
text-decoration:none;
}

Ok, så er den der NÆSTEN :o) Nu er det ikke block, der får farven, men teksten.

hmm... jeg kan ikke liiiige gennemskue hvor du sætter baggrundsfarven på dine "inaktive celler" (altså de celler der indeholder inaktive menupunkter), men det du skal gøre, er at sætte en style på dine td'er også.

Forresten ... bruger du olebole sit eksempel, eller mit ? eller begge to ?

/nute

Ok, det var .activeMenu, der skulle have denne:

display: block;

Men inden fik jeg rettet i a.menu:hover, og nu får jeg underline igen? Mit CSS ser således ud:


a.menu, a.menu:link, a.menu:visited {
width: 100%;
display: block;
font-family: geneva, verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
text-decoration: none;
color: #e7e7e7;
background-color: #6b707b;
}
a.menu:hover {
color: #000000;
background-color: #b1b5bc;
text-decoration: none;
}
.activeMenu {
display: block;
background-color:#b1b5bc;
}

Jeg bruger kun dit. Jeg har fjernet Ole's script.

du har jo løsningen selv, du skal bare tænke dig om ;o]

hvis du har sat 'text-decoration:none' på din 'a.menu' class, og dette gør at din underline forsvinder ... mon ikke du skal gøre det samme for 'activeMenu' class ?? ;o]

men for at du skal slippe at gøre dette overalt, så lav det lidt smartere:

a.menu, a.menu:link, a.menu:visited {
width: 100%;
display: block;
font-family: geneva, verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
color: #e7e7e7;
background-color: #6b707b;
}
a.menu:hover {
color: #000000;
background-color: #b1b5bc;
}
.activeMenu {
display: block;
background-color:#b1b5bc;
}
/* DENNE FJERNER UNDERLINE PÅ ALLE LINKS I 'menu' OG 'activeMenu' CLASSES */
a.menu,a.activeMenu
{
    text-decoration:none;
}

/nute

Det SYNES jeg nu også, at jeg havde prøvet, men nu har jeg prøvet dit, og det hjælper stadig ikke :/

Jeg har også prøvet at sætte a.menu:hover ind:

a.menu, a.menu:link, a.menu:visited {
width: 100%;
display: block;
font-family: geneva, verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
color: #e7e7e7;
background-color: #6b707b;
}
a.menu:hover {
color: #000000;
background-color: #b1b5bc;
}
.activeMenu {
display: block;
background-color:#b1b5bc;
}
a.menu, a.menu:hover, a.activeMenu {
text-decoration: none;
}

Hjælper heller ikke.

Nu får jeg underline frem på alle links :D

Jeg skal lige tænde op, er tilbage om 10 min.

nah .. ok ... glem det jeg sagde om at smide en ekstra blok styles ind. jeg har ikke sat mig ind i dine styles, så det vil nok ødelægge mere end det gavner :-(

sæt 'text-decoration:none' inde på alle 'a' styles som du ikke vil have underline på ... ( du har jo alligevel ikke så forfærdelig mange ) det vil nok løse dit problem.

alternativt, så kan du jo også smide to (eller flere) classes på et element. Du kan fx oprette en class der hedder 'noUnderLine' og smide denne ind på de links der ikke skal have understregning:

    <style>
    .enAlmindeligLink
    {
        color:red;
    }
    .noUnderLine
    {
        text-decoration:none;
    }
    </style>
<a href="" class="enAlmindeligLink">jasdf</a>
<a href="" class="enAlmindeligLink noUnderLine">jasdf</a>

det er mange måder at gøre det på, egentlig ... fantasien, og evnen til at have et rodet stylesheet, sætter grænserne ;o]

/nute

Ok, at sætte text-decoration: none; ind under alle 'a' hjalp ikke.

At bruge noUnderLine hjalp heller ikke. CSS ser nu således ud:

a.menu, a.menu:link, a.menu:visited {
width: 100%;
display: block;
font-family: geneva, verdana, helvetica, arial;
font-weight: none;
font-size: 11px;
color: #e7e7e7;
background-color: #6b707b;
text-decoration: none;
}
a.menu:hover {
color: #000000;
background-color: #b1b5bc;
text-decoration: none;
}
.activeMenu {
display: block;
background-color:#b1b5bc;
text-decoration: none;
}
a.menu, a.activeMenu {
text-decoration: none;
}
.noUnderLine {
text-decoration: none;
}

Er mit CSS rodet, synes du?

<a href="default1.asp" onFocus="this.blur();" class="<% If (InStr(strCurrentPage, "default1.asp")) Then %><%=strActiveMenuClass%><% Else %><%=strMenuClass%><% End If %> noUnderLine">default1</a>

ok ... giv mig nogle minutter, så tager jeg en ordentlig kig :o9

jeg sagde ikke det var rodet ... jeg sagde at jeg ikke havde sat mig ind i det. CSS er  jo ikke et struktureret "sprog", så hvis man ikke liiiige har tænkt de samme tanker som forfatteren, så ser det mange gange umiddelbart rodet ud ;o]

Ok, venter med spænding :o)

roenvig, jeg mangler lige et svar fra dig

Jeg synes det ligner en 75/15-løsning til nute og ole !-)

jeg tror ole har sat kaffen galt i halsen :o]

Jeg synes det er en 33 1/3%'s løsning fra Jer alle :o)

Nu har jeg set hvorfor jeg får underline: Det er a, og ikke a.menu, der bliver brugt på hover. Hvorfor ved jeg ikke lige?

baaaah !!!! steen_hansen, nu tror jeg det er på tide at du tager weekend :-D ... du har jo ikke gjort det jeg bad dig om ... :-|

fjern dine 'noUnderLine' referencer ... de gavner ikke noget. derefter laver du denne gruppering:

a.menu, a.activeMenu{
text-decoration: none;
}

om til:

a.menu, a.activeMenu, a.menu:hover, a.activeMenu:hover {
text-decoration: none;
}

denne fjerner underline på alle links af med class 'menu' og 'activeMenu' samt hover  på de samme klasser ...

værre er det ikke :-)

.. men kun på activeMenu

UNDSKYLD! Den er lige i øret nu! Du er en knag, nute :o)

roenvig, lægger du et svar? :o)

steen_hansen >> det er ok :o] vi lægger bare skylden på at klokken er halv weekend. Du har hvertfald sat rekord her inde, tror jeg. dine 3 sidste spm har genereret ca 190 indlæg ... det er godt gået !! :-D

/nute

Jo, da, så, når du nu vil have det ...

Men det lyder skørt at dele det lige i tre portioner, nute har jo brugt timer !-)

-- velbekomme '-)

Ok, du har en pointe. Men jeg er UTROLIG glad for hjælpen, og ikke mindst indsatsen! Håber pointfordelingen er lidt retfærdig fordelt?

Ja, det er vist på tide, at jeg holder weekend, nute. Nu skal I nok få fred for mig resten af weekenden - måske :o)

Takker mange gange!

jeg takker :-) bare hyggelig at kunne hjælpe ...

du må have en god weekend :o]

-- og tak for points ;~}

JESUS ...!!! Der skete godt nok noget i dette spm, mens jeg lavede noget andet  :D

Steen >> Ja, men pointfordelingen er også kun lidt retfærdig ... jeg burde vist slet ikke have haft noget i dette spm  :)

Husk mig lige på, at vi får udlignet, næste gang vi 'mødes', Knut. Jeg prøver selv, men du ved: Jeg er jo en 'ældre' herre (hmmm ... gad vide om de gåseøjne skulle stå om ældre eller herre - *hehe*) med en veludviklet Altzheimer's Light  ;o)
/mvh

nute, jeg har et sexuelt problem. Gider du at hjælpe? Eller en af Jer andre, hvis I orker mig mere :oD

På include.dk har jeg igen fået sat menuen op, men jeg kan squtte huske hvordan jeg fik lidt luft ind omkring menupunkterne. Jeg vil gerne have noget padding ind: 3px 15px 3px 15px;

Hvis jeg forsøger det, bliver farven i cellen jo skrumpet tilsvarende ind :o/

Tag Jer ikke af farven, den bliver ændret.

Hvad med <a ... style="dispaly:block;padding:3px 15px;">

Du er simpelthen dagens helt, roenving. Det virker :)

Hvis vi lige ser bort fra farvevalget, ser det så tosset ud med den menu? Jeg kan squtte rigtigt beslutte mig for hvordan den skal se ud, men jeg synes meget godt om den type. Man kan da se hvor man befinder sig ... når det kommer op at køre :)

Bortset fra, at det ikke ser så godt ud i NS og FireFox :o(

Hvordan mener du ?-)

Den er ok nu, jeg rettede width: 100% til 150px; i mit stylesheet.

Der er dog noget andet, der går galt nu, og det er, at "Hjem" hele tiden er markeret?