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 :-)
Annonceindlæg fra QNAP
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
05. april 2002 - 12:51
#2
ja a:visited
05. april 2002 - 12:52
#3
sorry. det var selvfølgelig bare besøgt
Slettet bruger
05. april 2002 - 12:53
#4
Selvom det så vil blive ved med at være fed...
05. april 2002 - 12:53
#5
>> osaka san Ved du hvordan i java?
05. april 2002 - 12:53
#6
men måske med a:active eller a:link
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).
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>
05. april 2002 - 13:00
#9
ja, og det kommer til at virke fint i menuen. Tak for hjælpen :-)
05. april 2002 - 13:03
#10
sorry, nicolaidu. Kommmer dit ikke umiddelbart til at virke på samme måde som med stylesheets?
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>
05. april 2002 - 13:05
#12
>> nicolaidu. Kommmer dit ikke umiddelbart til at virke på samme måde som med stylesheets?
05. april 2002 - 13:06
#13
Næh for når du bruger .visited, så forbliver den jo Fed...
Vi tilbyder markedets bedste kurser inden for webudvikling