Søg
Avatar billede tblaster Nybegynder
07. august 2003 - 12:13 Der er 10 kommentarer og
1 løsning

Hvordan skal Stylesheetet laves?

Hvis jeg laver et link med følgned:

<p><span class="CIFM"><a target="main" href="cifm.htm">CIFM</a></span></p>

Hvordan skal min stylesheet så se ud når jeg gerne vil have det til at ligne følgnede links?


A:link
{
    COLOR: #000000; TEXT-DECORATION: none; FONT-Family: MS Sans Serif; FONT-SIZE: 2
}
A:visited
{
    COLOR: #000000; TEXT-DECORATION: none; FONT-Family: MS Sans Serif; FONT-SIZE: 2
}
A:hover
{
    COLOR: #000000; TEXT-DECORATION: none; FONT-Family: MS Sans Serif; FONT-SIZE: 2
}
Avatar billede Slettet bruger
07. august 2003 - 12:16 #1
du kan f.eks. i din head del skrive

<style TYPE="text/css">

A:link
{
    COLOR: #000000; TEXT-DECORATION: none; FONT-Family: MS Sans Serif; FONT-SIZE: 2
}
A:visited
{
    COLOR: #000000; TEXT-DECORATION: none; FONT-Family: MS Sans Serif; FONT-SIZE: 2
}
A:hover
{
    COLOR: #000000; TEXT-DECORATION: none; FONT-Family: MS Sans Serif; FONT-SIZE: 2
} 
  </style>
Avatar billede Slettet bruger
07. august 2003 - 12:18 #2
Du kan også inkludere en css fil.
Altså smide dit stylesheetes i en fil med endelsen .css

og så i din head del på html siden skrive:
<link rel="stylesheet" type="text/css" href="din-css-fil.css">
Avatar billede tblaster Nybegynder
07. august 2003 - 12:20 #3
Alt det der ved jeg godt ... det var ikke det jeg spurgte om ... det jeg spørger om er hvordan jeg får lavet så når jeg bruger følgende:
<span class="CIFM">

Så bliver teksten udskrevet med overstående information. Overstående information virker jo lige nu kun til almindelige links. Jeg vil gerne have så når jeg tilføjer <span class="CIFM"> før min tekst så skal teksten vises med overstående informatioer!
Avatar billede -thomas- Nybegynder
07. august 2003 - 12:24 #4
Så skal du vel bruge <a class="CIFM" target="main.asp" href="cifm.htm".... osv.
Avatar billede tblaster Nybegynder
07. august 2003 - 12:26 #5
Men så kalder den class CIFM som jo ikke er defineret i min sytlesheet ... jeg skal have defineret cifm i min stylesheet. Er det mig der ikke forklare mit problem godt nok eller hva?
Avatar billede tblaster Nybegynder
07. august 2003 - 12:29 #6
Lad mig prøve med et virkende eksempel:

Jeg bruger følgende når jeg kalder tekst:
<span class="brod"> Her er der noget tekst</span>

I min stylesheet har jeg defineret følgende:
.brod {
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #737373; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}

Altså kaldes min tekst med overstående værdier. Kan det hjælpe til at beskrive hvad det er jeg skal have lavet?
Avatar billede Slettet bruger
07. august 2003 - 12:38 #7
aha bare mig der ikke fattede spørgsmålet så.

Prøv dette så:

lav et link ala <a href="foo.php" class="menu">hest</a>

og lav dine styles sådan:

A.menu:Link { }
A.menu:Visited { }
A.menu:Hover { }
Avatar billede tblaster Nybegynder
07. august 2003 - 12:41 #8
Thx ... så ved jeg også det ... det var jo meget simpel!
Avatar billede mindless Nybegynder
07. august 2003 - 12:42 #9
.CIFM
{
A:link
{
    COLOR: #000000; TEXT-DECORATION: none; FONT-Family: MS Sans Serif; FONT-SIZE: 2
}
A:visited
{
    COLOR: #000000; TEXT-DECORATION: none; FONT-Family: MS Sans Serif; FONT-SIZE: 2
}
A:hover
{
    COLOR: #000000; TEXT-DECORATION: none; FONT-Family: MS Sans Serif; FONT-SIZE: 2
}
}
Avatar billede 7th Praktikant
07. august 2003 - 12:50 #10
Hvis du har de samme properties på link, active, visited og hover, kan du sammenskrive det hele til blot...

a.mylink {color: #990000; font-family: ms sans serif; font-size: 2pt; text-decoration: none;}

<a class="mylink" href="#">mylink</a>
Avatar billede roenving Novice
07. august 2003 - 14:31 #11
>>og hvis man skal gøre det på den måde w3c anbefaler, bliver det:

.CIFM a:link:visited:hover{color:#000;text-decoration:none;font-family:MS Sans Serif;font-size:2}
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 Andet programmering kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bat file. Af johnnylassen i Andet programmering 4 23/04/202616:10 24/04/202609:43
Hjælp til Api.asmx Af lurup i Andet programmering 1 17/03/202609:27 17/03/202614:12
burgermenu til hjemmeside - hjælp! Af SabrinaL i Andet programmering 2 12/11/202514:10 02/12/202520:42
Hjælp til programmering af website Af hamdenlange i Andet programmering 16 17/08/202522:26 19/08/202515:53
Kan man registrere hvis folk lukker en side ned Af KurtG i Andet programmering 8 24/07/202513:06 28/07/202517:03
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 11:56 Er det muligt at lave sin egen webserver i boligforening? Af Strawberry i Cloudtjenester
14/0810:21 Ny printer, men hvilken Af mort1 i Printere
13/0819:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
White papers
Flere white papers »