Avatar billede mvk Nybegynder
17. februar 2004 - 11:58 Der er 9 kommentarer og
1 løsning

Flere forskellige typer links - det virker ikke

hvorfor får min links som jeg angiver med class="BlueLink" ikke de properties jeg forsøger at definere. Se evt http://www.fzy.dk/patina/lounge.asp for eksempel.

.BlueLink    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    }
a.BlueLink:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
a.BlueLink:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
a.BlueLink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
a.BlueLink:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
    background-color: #00CCFF;
}
A:link {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-color: #000000;
}
A:hover {
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-color: #000000;
}
A:active {
    text-decoration: underline;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-color: #000000;
}
A:visited {
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-color: #000000;
}
.10BlackBold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}
.10BlackNormal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}
.10RedNormal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
}
.8RedBold {
    font-family: sans-serif, Verdana, Arial, Helvetica;
    font-size: 9px;
    font-weight: bold;
    color: #00CCFF;
}
.12BlackBold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.fields {
    background-color: #FFFFFF;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font: 10px;
    color: #000000;
    width: 150;
    height: 18;
}
.multilineFields {
    background-color: white;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font: 10px;
    color: #666666;
    width: 150;
}
.Field_forum {
    background-color: white;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font: 10px;
    color: #000000;
    width: 346;
}
.kontaktMultiline {
    background-color: #FFFFFF;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font: 10px;
    color: #000000;
    width: 125;
}
.buttons {
    background-color: #F3F3F3;
    height: 18px;
    border: 1px bold solid #666666;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
    scrollbar-arrow-color: #554E2D;
    scrollbar-3dlight-color: white;
    scrollbar-highlight-color: white;
    scrollbar-face-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
    scrollbar-darkshadow-color: #554E2D;
}
Avatar billede mik789 Nybegynder
17. februar 2004 - 12:03 #1
du skal under alle omstændigheder have dem i den rigtige rækkefølge: :link, :visited, :hover og :active. Rækkefølgen betyder noget.
Avatar billede aspbuilder Nybegynder
17. februar 2004 - 12:05 #2
rækkefølgen skulle ikke være skyld i at det ikke virker. Prøv derimod at bytte om så det ser sådan ud:


a:link.BlueLink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
Avatar billede mik789 Nybegynder
17. februar 2004 - 12:14 #3
http://www.w3schools.com/css/css_pseudo_classes.asp siger:

Note: a:hover MUST come after a:link and a:visited in the CSS definition in order to be effective!!

Note: a:active MUST come after a:hover in the CSS definition in order to be effective!!
Avatar billede mvk Nybegynder
17. februar 2004 - 13:05 #4
det virker ikke
<td height="16" align="right" class="BlueLink">Goto page:&nbsp;...
sådan definerer jeg det i dokumentet

såden ser koden ud i stylesheetet:
.BlueLink    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    }
a.BlueLink:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
a.BlueLink:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
a.BlueLink:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
    background-color: #00CCFF;
}
a.BlueLink:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
.10BlackBold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
}
.10BlackNormal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}
.10RedNormal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
}
.8RedBold {
    font-family: sans-serif, Verdana, Arial, Helvetica;
    font-size: 9px;
    font-weight: bold;
    color: #00CCFF;
}
.12BlackBold {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}
.fields {
    background-color: #FFFFFF;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font: 10px;
    color: #000000;
    width: 150;
    height: 18;
}
.multilineFields {
    background-color: white;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font: 10px;
    color: #666666;
    width: 150;
}
.Field_forum {
    background-color: white;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font: 10px;
    color: #000000;
    width: 346;
}
.kontaktMultiline {
    background-color: #FFFFFF;
    padding-right: 3;
    padding-left: 3;
    border-style: solid;
    border-width: 1px;
    border-color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font: 10px;
    color: #000000;
    width: 125;
}
.buttons {
    background-color: #F3F3F3;
    height: 18px;
    border: 1px bold solid #666666;
    font-size: 10px;
    font-weight: bold;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
body {
    scrollbar-arrow-color: #554E2D;
    scrollbar-3dlight-color: white;
    scrollbar-highlight-color: white;
    scrollbar-face-color: white;
    scrollbar-shadow-color: white;
    scrollbar-track-color: white;
    scrollbar-darkshadow-color: #554E2D;
}
Avatar billede mik789 Nybegynder
17. februar 2004 - 13:19 #5
Prøv:

.BlueLink a:link {...}
.BlueLink a:visited {...]

osv.

.BlueLink er jo en klasse du bruger på din celle (<td>). linkene er under denne
Avatar billede mik789 Nybegynder
17. februar 2004 - 13:22 #6
Altså:

.BlueLink    {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    }
.BlueLink a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
.BlueLink a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
.BlueLink a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
    background-color: #00CCFF;
}
.BlueLink a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #00CCFF;
    text-decoration:none;
}
Avatar billede mvk Nybegynder
17. februar 2004 - 13:26 #7
det var den sku - tak
Avatar billede mik789 Nybegynder
17. februar 2004 - 13:30 #8
helt OK, du
Avatar billede mik789 Nybegynder
17. februar 2004 - 13:42 #9
mon ikke det var en fejl at du selv kom til at svare...? for at lukke spørgsmålet skal du i stedet acceptere de indkomne svar som løser dit problem.
Avatar billede mik789 Nybegynder
17. februar 2004 - 14:46 #10
tak for points ;-)
//mik
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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