Søg
Avatar billede jmarkling Nybegynder
19. december 2002 - 23:32 Der er 10 kommentarer og
1 løsning

CSS eksternt...

Jeg er lidt af en begynder med CSS, men det er sku' en god ting...

Jeg har lavet nogle classes... Som jeg bruger når jeg vil have en bestemt stil i en tabel eller td...

eks...
.tabl {BORDER-RIGHT: 1px solid black; BORDER-TOP: 1px solid #000000; FONT-SIZE: 10px ; BORDER-LEFT: 1px solid #000000; COLOR: black; BORDER-BOTTOM: 1px solid black; FONT-FAMILY: verdana; BACKGROUND-COLOR: #333333;color: white}

Men jeg vil gerne også definere text farve, links farve inden for denne class...
Det skulle gerne se sådan ud her...

bgcolor="#333333" text="#FFFFFF" link="#FFCC00" alink="#FFFF00" vlink="#999966

Hvordan skrives det ind i ovenstående .table
Avatar billede tangveje Nybegynder
19. december 2002 - 23:41 #1
brug :

.tabl a:link {
  Almindelige links
}

.tabl a:active {
  Aktive links
}

.tabl a:visted {
  Besøgte links
}

.tabl a:hover {
  til når musen er over linket
}

Du kan ikke skrive det direkte ind i din nuværende class
Avatar billede tangveje Nybegynder
19. december 2002 - 23:42 #2
Ups

.tabl a:visited {
Avatar billede hells Nybegynder
19. december 2002 - 23:46 #3
tangveje har ret, men du bør skrive dem i følgende rækkefølge:
.tabl a:link {
  Almindelige links
}

.tabl a:visted {
  Besøgte links
}

.tabl a:hover {
  til når musen er over linket
}

.tabl a:active {
  Aktive links
}
Avatar billede tangveje Nybegynder
19. december 2002 - 23:49 #4
Ahh, se det glemte jeg, har aldrig haft brug for a:active anyway :)
Avatar billede jmarkling Nybegynder
19. december 2002 - 23:55 #5
smukt jeg tester det med det samme...
Css er nu verdens bedst opfindelse...
Avatar billede tangveje Nybegynder
19. december 2002 - 23:58 #6
Om ikke andet én af de bedste :)

Takker for points
Avatar billede jmarkling Nybegynder
20. december 2002 - 00:05 #7
Øv det virker ikke umiddelbart...

.tabl a:link {  font-family: Verdana; font-size: 10px; color: #FFCC00"; text-decoration: none}
.tabl a:visited {  font-family: Verdana; font-size: 10px; color: #999966" text-decoration: none}
.tabl a:hover {  font-family: Verdana; font-size: 10px; color: #A486AA; text-decoration: none}
.tabl a:active {  font-family: Verdana; font-size: 10px; color: #FFFF00; text-decoration: none}
.tabl {BORDER-RIGHT: 1px solid black; BORDER-TOP: 1px solid #000000; FONT-SIZE: 10px ; BORDER-LEFT: 1px solid #000000; COLOR: black; BORDER-BOTTOM: 1px solid black; FONT-FAMILY: verdana; BACKGROUND-COLOR: #333333;color: white};text-decoration: none

Det skal siges at jeg allerede har defineret en link stil en gang allerede... Og det ser ud til at i de tabeller der bruger tabl, stadig forbliver de samme farver som defineret først i Css, øv.
Avatar billede jmarkling Nybegynder
20. december 2002 - 00:15 #8
Når bruger .table, gøres det sådan her---

<td class="tabl"><a href="http://www.xxxxxx.com/"><span lang="da"> <font face="Verdana">Click</font></span></a></td>
Avatar billede tangveje Nybegynder
20. december 2002 - 00:32 #9
.tabl {BORDER-RIGHT: 1px solid black; BORDER-TOP: 1px solid #000000; FONT-SIZE: 10px ; BORDER-LEFT: 1px solid #000000; COLOR: black; BORDER-BOTTOM: 1px solid black; FONT-FAMILY: verdana; BACKGROUND-COLOR: #333333;color: white;text-decoration: none }

.tabl a:link {  font-family: Verdana; font-size: 10px; color: #FFCC00; text-decoration: none}
.tabl a:visited {  font-family: Verdana; font-size: 10px; color: #999966 ; text-decoration: none}
.tabl a:hover {  font-family: Verdana; font-size: 10px; color: #A486AA; text-decoration: none}
.tabl a:active {  font-family: Verdana; font-size: 10px; color: #FFFF00; text-decoration: none}

Og

<td class="tabl"><a href="http://www.xxxxxx.com/">Click</a></td>

Prøv det... Jeg rettede et par tastefejl, og lang="da" bør du sætte på <html> tagget. <font> tagget var helt uden mening
Avatar billede jmarkling Nybegynder
20. december 2002 - 00:38 #10
Det virker... skønt... takker...
Gå til http://www.eksperten.dk/spm/296668
For ekstra 30points
Avatar billede lynx-dlk Nybegynder
20. december 2002 - 03:06 #11
husk altid skrive hele programmeringen med småt :))
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
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
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
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
IT-JOB
Seneste spørgsmål Seneste aktivitet
18/0919:52 Libre office skriveprogram Af Frank i Office & Kontorpakker
17/0914:55 Hente WordPad til Windows 11 Af Strawberry i Andet software
17/0911:37 Persits.Upload Af bsn i ASP
16/0918:13 oprette et installationsmedie Af Malm i Windows
16/0913:11 Adapterstik stik på ladekabel til USB-C Af ErikHg i Andet software
White papers
Flere white papers »