Avatar billede ngandrup Nybegynder
26. april 2005 - 11:28 Der er 4 kommentarer

Link last visited

Jeg forsøger at gøre min hjemmeside mere overskuelig ved at markere linket som angiver den side man er på. Jeg forsøger derfor at få en slags "sidste link man har trykket på"-funktion til at virke. Jeg har skrevet følgende i mit css-stylesheet:

div#menu a:active{
    font-weight: bold;
    color:#333333;
}

Det fungerer i midlertid ikke. Nogen idéer?
Det link man sidst har trykket på skal bare have en farve.

MVH Nikolaj
Avatar billede miss-g Seniormester
26. april 2005 - 13:57 #1
Mener at man også skal definere de andre før det virker, og så er der vist en rækkefølge der er bedre end andre....

De andre:

a:link
a:hover
a:visited
Avatar billede ngandrup Nybegynder
26. april 2005 - 14:39 #2
De skulle også være der. Hele css ser sådan ud:

body {
scrollbar-face-color:#7C8B93;
scrollbar-highlight-color:#7C8B93;
scrollbar-3dlight-color:#7C8B93;
scrollbar-arrow-color:#C9CFD2;

}

.bg {
    position: absolute;
    z-index: 0;
    left: 0px;
    top: 0px;
}

div#content {
    position: absolute;
    z-index: 1;
    width: 341px;
    left: 219px;
    top: 10px;
    heigth: 229px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    height: 92px;

}
div#menu {
    position: absolute;
    z-index: 1;
    heigth: 99px;
    width: 166px;
    left: 18px;
    top: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    font-weight: bold;
}
div#menu a:link {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    text-decoration: none;
    font-weight: bold;

}

/*aendrer farven paa besoegte links*/
div#menu a:visited{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color:#666666;
    text-decoration: none;
    font-weight: bold;

}

/*aendrer farven paa det sidste link man har trykket paa
*/
div#menu a:active{
    font-weight: bold;
    color:#333333;
}


div#menu a:hover {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #5353DE;
}



/* definerer font for links i content vinduet*/
a {
    color: #000000;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/*ndrer hover-farven i content vinduet*/
a:hover {
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #5353DE;
}

div#header {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #333333;
    heigth: auto;
    width: auto;
}

    div#team_content {
    position: absolute;
    z-index: 1;
    width: 313px;
    left: 218px;
    top: 133px;
    heigth: 102px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
    font-weight: bold;
}
.teampic {
    z-index: auto;
    position: absolute;
    height: auto;
    width: auto;
    top: 10px;
    left: 218px;
}
div#toptext {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    heigth: 100px;
    width: 236px;
    z-index: 2;
    position: absolute;
    left: 311px;
    top: 10px;
}
div#placeform {
    position: absolute;
    z-index: 2;
    top: 70px;
    left: 216px;
    width: 339px;
    height: 326px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #333333;
}
/*div#placeform a: {
   
    }
    */
div#tak {
    position: absolute;
    z-index: auto;
    top: 124px;
    left: 213px;
    width: 346px;
    font-size: 12px;
    font-weight: normal;
    color: #333333;
}
input , textarea {

   
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    color: #333333;
    background: #C9CFD2;
    border: 1px solid #7C8B93;
}
Avatar billede miss-g Seniormester
26. april 2005 - 14:54 #3
Det er muligt jeg tager fejl, men sådan som jeg læser det rundt om på eksperten og på siden http://www.html.dk/tutorials/css/lektion6.asp#active så sker ændringen kun idet man klikker. Når man slipper musen igen er det et almindeligt link??

Læs f.eks. også her:
http://eksperten.dk/spm/66026

Vi må se om der kommer en ekspert på banen, da det muligvis kræver noget javascript...
Avatar billede ngandrup Nybegynder
26. april 2005 - 15:09 #4
Ja, det ser godt nok sort ud! Tak for hjælpen ellers..
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester