CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg

Log ind eller opret profil

Du kan også logge ind via nedenstående tjenester

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 :-)

Synes godt om

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

Synes godt om

Jman Praktikant

05. april 2002 - 12:51 #2

ja a:visited

Synes godt om

Jman Praktikant

05. april 2002 - 12:52 #3

sorry. det var selvfølgelig bare besøgt

Synes godt om

Slettet bruger

05. april 2002 - 12:53 #4

Selvom det så vil blive ved med at være fed...

Synes godt om

bogrobot Nybegynder

05. april 2002 - 12:53 #5

>> osaka san

Ved du hvordan i java?

Synes godt om

Jman Praktikant

05. april 2002 - 12:53 #6

men måske med a:active eller a:link

Synes godt om

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).

Synes godt om

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>

Synes godt om

bogrobot Nybegynder

05. april 2002 - 13:00 #9

ja, og det kommer til at virke fint i menuen. Tak for hjælpen :-)

Synes godt om

bogrobot Nybegynder

05. april 2002 - 13:03 #10

sorry, nicolaidu.

Kommmer dit ikke umiddelbart til at virke på samme måde som med stylesheets?

Synes godt om

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>

Synes godt om

bogrobot Nybegynder

05. april 2002 - 13:05 #12

>> nicolaidu.

Kommmer dit ikke umiddelbart til at virke på samme måde som med stylesheets?

Synes godt om

nikolajdu Nybegynder

05. april 2002 - 13:06 #13

Næh for når du bruger .visited, så forbliver den jo Fed...

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27
Aldersbegrænsning på min hjemmeside Af ØLMANDEN i HTML	3	29/09/202410:58	20/03/202513:38

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS