Avatar billede bogrobot Nybegynder
05. april 2002 - 12:50 Der er 12 kommentarer og
1 løsning

Styelsheets eller ???

Hej

Jeg har lavet en menu i html, hvortil jeg anvender følgende stylesheets:

<style type="text/css">
a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color: #FF6633}
a. {font-family: Arial, Helvetica, sans-serif; font-size: 10px; text-decoration:none; color: #808080}
</style>

Mit spørgsmål er så:
Kan man vha stylesheets lave det således, at menupunktet man lige har klikket på er fed eller en bestemt farve, indtil man klikker på et andet menupunkt (altså så man kan se, hvor man er henne på sitet)?

Hvis man ikke kan klare det vha. stylesheets - er der så andre løsninger?

Håber I kan hjælpe! Tak :-)
Avatar billede osaka_san Nybegynder
05. april 2002 - 12:51 #1
Du kan lave det vha af javascript og CSS, men ren CSS får du nok svært ved at opnå det med.

Mvh.
Oscar Eg Gensmann
Avatar billede Jman Praktikant
05. april 2002 - 12:51 #2
ja a:visited
Avatar billede Jman Praktikant
05. april 2002 - 12:52 #3
sorry. det var selvfølgelig bare besøgt
Avatar billede Slettet bruger
05. april 2002 - 12:53 #4
Selvom det så vil blive ved med at være fed...
Avatar billede bogrobot Nybegynder
05. april 2002 - 12:53 #5
>> osaka san

Ved du hvordan i java?
Avatar billede Jman Praktikant
05. april 2002 - 12:53 #6
men måske med a:active eller a:link
Avatar billede Jman Praktikant
05. april 2002 - 12:54 #7
a:active
benyttes til at angive egenskaber for links, som aktiveres af brugeren (f.eks. for tidsrummet mellem en bruger klikker på et link, og indtil brugeren slipper musen igen).
Avatar billede nikolajdu Nybegynder
05. april 2002 - 13:00 #8
Nej da nu er der lukket manner :((

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style>
   
    .tekst1{
    font-family : verdana;
    font-size : 10px;
    font-weight : normal;
    }
   
    .tekst2{
    font-family : verdana;
    font-size : 10px;
    font-weight : bold;
    }
   
   
    </style>
   
    <script>
   
    forrige = "none";
   
    function skift(hvad){
   
    if(forrige!="none"){
    alert('sdasd')
    document.getElementById(forrige).className="text1"
    }
   
    document.getElementById(hvad).className="tekst2"
   
    forrige = hvad
   
}
   
    </script>
</head>

<body>
<a href="#" id="link1" class="tekst1" onclick="skift(this.id)">blabla</a>
<br>
<a href="#" id="link2" class="tekst1" onclick="skift(this.id)">blabla</a>
<br>
<a href="#" id="link3" class="tekst1" onclick="skift(this.id)">blabla</a>

</body>
</html>
Avatar billede bogrobot Nybegynder
05. april 2002 - 13:00 #9
ja, og det kommer til at virke fint i menuen. Tak for hjælpen :-)
Avatar billede bogrobot Nybegynder
05. april 2002 - 13:03 #10
sorry, nicolaidu.

Kommmer dit ikke umiddelbart til at virke på samme måde som med stylesheets?
Avatar billede nikolajdu Nybegynder
05. april 2002 - 13:03 #11
Jeg koder simpelthen for langsom...

Anyway, så er den her er lidt bedre:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>Untitled</title>
    <style>
   
    .tekst1{
    font-family : verdana;
    font-size : 10 px;
    font-weight : normal;
    }
   
    .tekst2{
    font-family : verdana;
    font-size : 10 px;
    font-weight : bold;
    }
   
   
    </style>
   
    <script>
   
    forrige = "none";
   
    function skift(hvad){
   
    if(forrige!="none"){
    document.getElementById(forrige).className="tekst1"
    }
   
    document.getElementById(hvad).className="tekst2"
   
    forrige = hvad
   
}
   
    </script>
</head>

<body>
<a href="#" id="link1" class="tekst1" onclick="skift(this.id)" onfocus="this.blur()">blabla</a>
<br>
<a href="#" id="link2" class="tekst1" onclick="skift(this.id)" onfocus="this.blur()">blabla</a>
<br>
<a href="#" id="link3" class="tekst1" onclick="skift(this.id)" onfocus="this.blur()">blabla</a>

</body>
</html>
Avatar billede bogrobot Nybegynder
05. april 2002 - 13:05 #12
>> nicolaidu.

Kommmer dit ikke umiddelbart til at virke på samme måde som med stylesheets?
Avatar billede nikolajdu Nybegynder
05. april 2002 - 13:06 #13
Næh for når du bruger .visited, så forbliver den jo Fed...
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