CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede no_name Nybegynder
13. juli 2005 - 20:29 Der er 15 kommentarer og
2 løsninger

Understregning af link når der peges på det

Hvordan laves ovenstående?
Avatar billede nielle Nybegynder
13. juli 2005 - 20:35 #1
<style>
a:link {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}
</style>
Avatar billede nielle Nybegynder
13. juli 2005 - 20:36 #2
Mere info her:

http://www.w3schools.com/css/css_pseudo_classes.asp
http://www.w3schools.com/css/tryit.asp?filename=trycss_link2
Avatar billede tweak Nybegynder
13. juli 2005 - 20:43 #3
<html>
<head>
<style>

a.link1 {
    color:#fff;
    text-decoration:none;
}
a:visited.link1 {
    color: green;
    text-decoration:none;
}
a:hover.link1 {
    color:green;
    text-decoration:underline;
}

</style>

</head>

<body><a href="http://www.eksperten.dk" class="link1">Link</a>
</body>
Avatar billede no_name Nybegynder
13. juli 2005 - 20:53 #4
Jeg har andre link i samme dokument, der ikke skal være understreget. Hvor skal jeg så sætte det ind?
Avatar billede tweak Nybegynder
13. juli 2005 - 20:57 #5
<html>
<head>
<style>

a.link1 {
    color:#fff;
    text-decoration:none;
}
a:visited.link1 {
    color: green;
    text-decoration:none;
}
a:hover.link1 {
    color:green;
    text-decoration:underline;
}
a.link2 {
    color:#fff;
    text-decoration:none;
}
a:visited.link2 {
    color: green;
    text-decoration:none;
}
a:hover.link2 {
    color:green;
    text-decoration:none;
}

</style>

</head>

<body><a href="http://www.eksperten.dk" class="link2">Link</a>
</body>
Avatar billede tweak Nybegynder
13. juli 2005 - 20:58 #6
Kan du se hvad der sker med class og a.link ?
Avatar billede nielle Nybegynder
13. juli 2005 - 21:05 #7
tweak> Det kan godt være at browseren forstår det alligevel, men det er nu mere korrekt med:

<style>
a.link1 {
    color: #fff;
    text-decoration: none;
}
a.link1:visited {
    color: green;
    text-decoration: none;
}
a.link1:hover {
    color: green;
    text-decoration: underline;
}
a.link2 {
    color: #fff;
    text-decoration: none;
}
a.link2:visited {
    color: green;
    text-decoration: none;
}
a.link2:hover {
    color: green;
    text-decoration: none;
}
</style>
Avatar billede nielle Nybegynder
13. juli 2005 - 21:07 #8
I mit andet link:

http://www.w3schools.com/css/tryit.asp?filename=trycss_link2

- er der en hel suite af forskelleige typer af links som eksistere sammen, men som opføre forskelligt.
Avatar billede tweak Nybegynder
13. juli 2005 - 21:17 #9
nielle, ;) Men den opfatter det som den skal. Men du har ret :P
Avatar billede nielle Nybegynder
13. juli 2005 - 21:41 #10
tweak> Hvis man vælger at holde sig til CSS standarden, er man rimelig sikker på at koden også virker korrekt i andre browsere end lige ... skal vi vælge en tilfældig browsere ... MSIE? ;^)
Avatar billede no_name Nybegynder
13. juli 2005 - 21:47 #11
Hvorfor gør det kode min link røde. I body er de sat til blå!??
Avatar billede nielle Nybegynder
13. juli 2005 - 21:50 #12
Post lige noget af din kode.
Avatar billede no_name Nybegynder
13. juli 2005 - 21:55 #13
Nå ved godt hvor det er galt.

Jeg kan ikke finde ud af hvordan det skal se ud. Her er href to gange - kan ikke være rigtig.

<a class="one" href="default.asp" href="http://www.safer-networking.org/en/index.html" target="blank">
Avatar billede no_name Nybegynder
13. juli 2005 - 21:57 #14
Sikke noget bavl. Selvfølgelig kan jeg det. Alt i orden!
Avatar billede no_name Nybegynder
13. juli 2005 - 21:59 #15
I deler pointene. nielle læg et svar.
Avatar billede nielle Nybegynder
13. juli 2005 - 22:05 #16
Svar :^)
Avatar billede no_name Nybegynder
13. juli 2005 - 22:06 #17
- og tak for hjælpen!
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
16 min siden Overfør data fra Access til MS Project Af per2edb i Access
I dag 14:07 Pause pil på Youtube Af valby i Diverse
I dag 07:31 Højtaler og Bluetooth Af made18 i Office & Kontorpakker
I dag 01:55 Udskiftning af harddisk Af TTA i PC
I dag 00:32 Windows Update fejler Af TTA i Office & Kontorpakker
White papers
Flere white papers »


Premium
Teaser billede
Microsoft er dybt afhængig af Europa: Så meget fylder den europæiske del af selskabets samlede forretning
Læs mere »
ERP-systemerne er under stor forandring: Topchef Mark Moffat satser på elitehold og åben arkitektur
EPJ-systemet Sundhedsplatformen er viklet ind i amerikansk software: Leverandøren bag lover driftssikkerhed selv under Trump
Aarhus Kommune vil droppe Outlook, Excel og Word: Arbejder på langsigtet plan
Se alle »
Computerworld
Teaser billede
Fungerede ikke: Dropper AI som erstatning for kundeservice-medarbejdere - har nu brug for nye folk
Læs mere »
Netværkstest-duel: Hvad dækker bedst: Tre billige eller to dyrere mesh-enheder?
Test: Dette lavpris-tv er et kompromis, som du sagtens vil kunne leve med
Skruer bissen på over for gamle kunder: Skriv ny aftale med os eller fjern alle opdateringer
Se alle »
CIO
Teaser billede
Har mere end 100.000 ansatte - nu dropper selskabet VMware og skifter til konkurrent: "Tilliden er brudt"
Læs mere »
Skruer bissen på over for gamle kunder: Skriv ny aftale med os eller fjern alle opdateringer
Har fælles fortid i Devoteam: Nu etablerer disse fire tunge it-profiler nyt dansk konsulenthus - ser et hul i markedet
Du kan spare en formue ved at skifte til europæisk cloud: Sådan kan du komme i gang
Se alle »
Job & Karriere
Teaser billede
Fungerede ikke: Dropper AI som erstatning for kundeservice-medarbejdere - har nu brug for nye folk
Læs mere »
Den danske it-branche er på vagt: Hvad nu hvis Trump lukker for Microsoft 365 og AWS fra på mandag?
Danske it-folk lokkes med store tiltrædelses-bonusser: Nu kan du score mere end 100.000 kroner ved at skrive under på ny jobkontrakt
NNIT har fyret 100 medarbejdere - nedjusterer markant
Se alle »
White paper
Teaser billede
AI og kunderejsen: Sådan vinder du fremtidens forbrugere
Læs mere »
Tidsbegrænset kampagne: Overvejer du at udskifte eller tilføje printere i din forretning? Vi kan tilbyde én eller flere maskiner gratis
Sådan sikrer du nem og beskyttet adgang til dine ressourcer
Udnyt Genesys Cloud CX optimalt og styrk kundeoplevelsen
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »