CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
Avatar billede grafik-anders Mester
26. november 2003 - 17:54 Der er 2 kommentarer og
1 løsning

Hvordan skal mit CSS-style se ud

Hvordan skal mit CSS-style se ud, hvis jeg vil have links, som ligner almindelig tekst?

Når jeg laver et stykke tekst om til et link, skifter det fra at være .hvid (hvid) til at være .Normal (orange).

http://www.andersborg.com/style.txt
Avatar billede grafik-anders Mester
26. november 2003 - 18:44 #1
Jeg tror jeg fandt ud af det, men hvis der er nogle, som har nogle gode råd, er der stadig point at hente….
Avatar billede karsten_larsen Praktikant
26. november 2003 - 19:17 #2
Du kan gøre to ting
1) enten at skrive det ind på den pågældende side som dette:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
A {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  text-decoration:none
  }
A:visited {
  text-decoration:none}
A:hover {
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}
a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
}
.Normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #EA7417;
    text-decoration: none;
    border: 0px none;
}
.hvid {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #ffffff;
    text-decoration: none;
    border: 0px none;
}
body {
    scrollbar-face-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-darkshadow-color: #EA7417;
    scrollbar-highlight-color: #ffffff;
    scrollbar-arrow-color:#EA7417;
    scrollbar-base-color: #EA7417;
    scrollbar-3dlight-color: #EA7417;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    text-decoration:none
}
-->
</style>

</head>
<body>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet.
</body>
</html>

eller 2, at lave det som et link sådan her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<LINK href="en_mappe/navnet_på_css.css" type=text/css rel=stylesheet>
</head>
<body>
Lorem ipsum dolor sit amet, consetetur sadipscing elitr,  sed diam nonumy eirmod
tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At
vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren,
no sea takimata sanctus est Lorem ipsum dolor sit amet.
</body>
</html>

For så behøver du kun at rette et sted.

:-) karsten_larsen

nåe jo dit navnet_på_css.css skal se sådan ud

A {
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  text-decoration:none
  }
A:visited {
  text-decoration:none}
A:hover {
    text-decoration:none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
}
a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-decoration: none;
}
.Normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #EA7417;
    text-decoration: none;
    border: 0px none;
}
.hvid {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #ffffff;
    text-decoration: none;
    border: 0px none;
}
body {
    scrollbar-face-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-darkshadow-color: #EA7417;
    scrollbar-highlight-color: #ffffff;
    scrollbar-arrow-color:#EA7417;
    scrollbar-base-color: #EA7417;
    scrollbar-3dlight-color: #EA7417;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    text-decoration:none
}
Avatar billede grafik-anders Mester
27. november 2003 - 13:18 #3
Jeg linker til min .css!

Jeg har kigget lidt på den tutorial, som omhandler CSS på www.html.dk.

Hvis class’erne (.normal og .hvid) fungere i samspil med pseudo-class’erne må det da være nok at skrive:

A {
  text-decoration:none
  }
A:visited {
  text-decoration:none
}
A:hover {
    text-decoration:none;
}
a:link {
    text-decoration: none;
}
.Normal {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #EA7417;
    text-decoration: none;
    border: 0px none;
}
.hvid {
font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #ffffff;
    text-decoration: none;
    border: 0px none;
}
body {
    scrollbar-face-color: #ffffff;
    scrollbar-shadow-color: #ffffff;
    scrollbar-darkshadow-color: #EA7417;
    scrollbar-highlight-color: #ffffff;
    scrollbar-arrow-color:#EA7417;
    scrollbar-base-color: #EA7417;
    scrollbar-3dlight-color: #EA7417;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
    text-decoration:none
}

Er det rigtigt? - eller er der noget, jeg ikke ved?

Hvad er HTML-styles i forhold til .CSS?
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
Programmeringssprog kurser
Kurser inden for grundlæggende programmering
Se alle Programmeringssprog kurser

Flere spørgsmål fra Programmeringsværktøjer kategorien

Titel Indlæg Oprettet Seneste aktivitet
senior Af Uroda i Programmeringsværktøjer 1 22/06/202418:29 23/06/202413:17
Sort Skærm Af Kaj Sondrup i Programmeringsværktøjer 5 25/02/202421:45 27/02/202420:17
DATA (D) Af rene1111 i Programmeringsværktøjer 3 21/02/202415:03 22/02/202409:08
Power Automate, åben en fil der er delt med mig Af KATM i Programmeringsværktøjer 1 16/02/202409:07 19/02/202409:10
Prisberegner til hjemmeside Af Michael Vahl i Programmeringsværktøjer 4 14/01/202417:30 21/01/202409:21
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
I går 13:26 Hotspot på Doro, PC kan ikke oprette forbindelse Af Uvanga i Mobiltelefoner
I går 13:10 ISP router i bridge mode Af Kheat i Routere & Switches
I går 09:47 Roblox kører langsomt Af Christian i Andet software
17/0818:32 Lade gennem minidock Af tjacob i PC
17/0818:13 Kan ikke komme på nettet med opera for xp Af edbjohn i Browsere
White papers
Flere white papers »


Premium
Teaser billede
Til åbningsfest i det nye NNIT-hovedkontor: ”Som at flytte til New York sammenlignet med der hvor vi kommer fra” - se alle billederne
Læs mere »
Stjålet kunde-data fra VVS-Eksperten flyder frit på dark web: Advarer sine kunder mod identitetstyveri efter angreb
Microsoft: Denne type cyberangreb er steget med mere end 100 procent på et år
Her er 10 smarte Power Toys-værktøjer, du bør anvende i Windows
Se alle »
Computerworld
Teaser billede
En 28 år gammel begrænsning ophæves i Windows 11
Læs mere »
Test: Hvis du kun skal have ét overvågningskamera, så bør du vælge det her
Taber omfattende retssag: Skylder næsten to milliarder kroner til tysk virksomhed
Den næste iPhone tager form: Her er alt vi ved om den kommende iPhone-portefølje
Se alle »
CIO
Teaser billede
Microsoft på vej med nyt gebyr til OneDrive-brugere: Vil slette konti og opkræve penge for at genoprette
Læs mere »
Alvorlig sårbarhed hos SAP giver hackere adgang til kundernes systemer: "Angriberen kan kompromittere systemet fuldt ud"
Har haft fire store CIO-topjob: Nu søger Bo Bendsen nyt arbejde - her er hans ønsker
Patch nu: Microsoft lapper 90 sikkerhedshuller og seks aktivt udnyttede sårbarheder
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Microsoft Danmark skal have ny direktion: Direktører fratræder - skifter til internationale topstillinger
Se alle »
White paper
Teaser billede
Guide: Sådan udvikler du en moderne netværksstrategi
Læs mere »
Sæt turbo på din cloudperformance og minimér risikoen for DDoS-angreb
SASE: Træf det rette valg – første gang
Rapport kortlægger de 13 bedste muligheder for at sætte turbo på din cloud computing
Se alle »

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