Avatar billede mvk Nybegynder
18. februar 2004 - 15:19 Der er 13 kommentarer og
1 løsning

a:active virker ikke

jeg vil have at mit aktive menupunkt har en anden farve så man kan se hvor man er henne .- men det virker ikke: www.fzy.dk/patina

kode for siden med menupunkterne:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_goToURL() { //v3.0
  var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
  for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
</head>

<body style="margin: 0px; padding: 0px;">
<table width="100%"  border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td><img src="../images/top.gif" width="680" height="190"></td>
  </tr>
  <tr>
    <td height="5" style="border-bottom:1px solid #757575;"></td>
  </tr>
  <tr>
    <td height="18" valign="bottom" style="border-top:1px solid #757575;"><table  border="0" cellspacing="0" cellpadding="0">
      <tr class="topmenu">
        <td style="cursor: pointer;" onClick="MM_goToURL('parent','../index.asp');return document.MM_returnValue">HOME&nbsp;&nbsp;&nbsp;</td>
        <td style="cursor: pointer;" onClick="MM_goToURL('parent','../patina.asp');return document.MM_returnValue">PATINA&nbsp;&nbsp;&nbsp;</td>
        <td style="cursor: pointer;" onClick="MM_goToURL('parent','../themusic.asp');return document.MM_returnValue">THE MUSIC&nbsp;&nbsp;&nbsp;</td>
        <td style="cursor: pointer;" onClick="MM_goToURL('parent','../lounge.asp');return document.MM_returnValue">LOUNGE&nbsp;&nbsp;&nbsp;</td>
        <td style="cursor: pointer;" onClick="MM_goToURL('parent','../dmanstudio.asp');return document.MM_returnValue">D-MAN STUDIO&nbsp;&nbsp;&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>


stylesheet kode:
.topmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
}
.topmenu a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration:none;
}
.topmenu a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    text-decoration:none;
}
.topmenu a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #00CCFF;
    text-decoration:none;
}
.topmenu a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #00CCFF;
    text-decoration:none;
}
Avatar billede roenving Novice
18. februar 2004 - 15:22 #1
:active betyder, at museknappen trykkes ned på linket og ikke andet !-)

se evt. mere på: http://www.w3.org/TR/REC-CSS2/selector.html#dynamic-pseudo-classes
Avatar billede bas Forsker
18. februar 2004 - 15:53 #2
Måske skal du have fat i en a:visited

A:active = det link, der er klikket på

A:hover = det link cursoren peger på

A:link = et ikke besøgt link

A:visited = et besøgt link

/Martin
Avatar billede bas Forsker
18. februar 2004 - 15:57 #3
Forresten skal du ikke have en h ref i mellem dine < td > tags,
eller er det mig der er gal på den ?

/Martin
Avatar billede roenving Novice
18. februar 2004 - 15:58 #4
>>og så lige for at slå det fast:

Rækkefølgen af pseudo-selectorerne er bestemt ikke ligegyldig, da css så at sige læses baglæns og første rigtige bruges !o]

(I virkeligheden overskriver en senere forekomst af noget rigtigt værdier !-)

Og da et :active eller :hover også er et link _skal_ følgende rækkefølge bruges, hvis de skal være forskellige:

a
a:link
a:visited
a:hover
a:active

-- og :visited lyder ikke som den mvk skal bruge, da den jo vedbliver at have den i ugevis ...
Avatar billede roenving Novice
18. februar 2004 - 16:02 #5
>>bas

-- det har du næsten ret i, for css-kode med a-selectorer vil ikke virke på andet end links, altså <a>-tags !-)
Avatar billede bas Forsker
18. februar 2004 - 16:18 #6
>>> roenvig

hvordan skal man løse det i dette tilfælde,
hvis man vil udelade a href, men bevare selectorene ?

Jeg spørger fordi jeg ikke er helt klar over, hvordan
Dreamweaver håndterer

<td style="cursor: pointer;" onClick="MM_goToURL('parent','../index.asp');return document.MM_returnValue">HOME&nbsp;&nbsp;&nbsp;</td>
Avatar billede roenving Novice
18. februar 2004 - 16:24 #7
Der er ikke andet at gøre end at implementere noget onmouseover/-out javascript, som laver styles om !o]

-- og desværre findes der, såvidt jeg ved, ikke nogen browser endnu, som har fulgt intentionerne i css2-specifikationen på punkterne omkring disse pseudo-classes (som principielt må bruges på alle elementer !-), så man kan kun regne med at :link, :visited, :hover og :active virker på links ...
Avatar billede mvk Nybegynder
18. februar 2004 - 16:30 #8
okay - jeg kan ikke med CSS sætte det op så det sidst klikkede link er en anden farve ?

bør jeg så kopiere min menufil ud i det antal menuer der er og så gøre det manuelt ? eller er der en smartere måde at gøre det på ?
Avatar billede roenving Novice
18. februar 2004 - 16:38 #9
De muligheder jeg kender indbefatter serverside styring eller brug af cookies til at aflæse det ...

En tredje mulighed er at have noget kode på hver side, som sætter styles i menuen !-)
Avatar billede mvk Nybegynder
18. februar 2004 - 16:44 #10
serverside - kan jeg ikke
cookies - er jeg ikke begyndt at bruge endnu
kode på siden - det vil jeg nok lure på
Avatar billede skovenborg Nybegynder
18. februar 2004 - 17:44 #11
roenving >> I mozilla og opera virker sådan noget som :hover da også på andre elementer - men det var måske ikke det du mente...
Avatar billede bas Forsker
18. februar 2004 - 17:57 #12
Måske kunne man også bare lave inline styles,
sådan at man giver det pågældende link på den
pågældende side en anden farve.

Eller kan det ikke lade sig gøre ?

/Martin
Avatar billede mvk Nybegynder
02. marts 2004 - 09:24 #13
er der nogen der kan give mig et eksempel på koden i forhold til den stylesheet kode jeg har pastet ovenfor...
Avatar billede mvk Nybegynder
30. marts 2004 - 12:07 #14
no
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