Avatar billede nomiz Nybegynder
13. december 2001 - 18:49 Der er 15 kommentarer

lav css

Hej,
30 point til den der laver en css der ser således ud:

- Tekst er verdana, størrelse 12, bold og hvid.
- Når musen føres henover et link bliver det hvide til grønt.
- Der må ikke være understreg under links

på forhånd tak
Avatar billede nomiz Nybegynder
13. december 2001 - 18:55 #1
skal der flere points til ?
Avatar billede Slettet bruger
13. december 2001 - 19:04 #2
BODY {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12;
    font-weight : bold;
    color : White;
}

A:LINK, A:VISITED {
    color: White;
}

A:HOVER {
    color: Green;
}
Avatar billede Slettet bruger
13. december 2001 - 19:06 #3
hov! erstat
font-size: 12;
med
font-size: 12px;
Avatar billede tmceu Praktikant
13. december 2001 - 19:28 #4
Vil mene at du skal tilføje text-decoration: none for at dine links ikke bliver understreget.
Avatar billede mczlimmer Nybegynder
13. december 2001 - 20:16 #5
--->magik  &  nomiz
tmceu har ret der mangler et tag nemlig: text-decoration: none
Mener også at css ikke skal indsættes i body men i head...
Kigger lige efter på noget jeg har... Og kommer så med et css script til dig...

Zlimmer ~over&out~
Avatar billede mczlimmer Nybegynder
13. december 2001 - 20:27 #6
--->nomiz
Følgende indsættes i HTML kodens <head> sektion:

<style type=\"text/css\">
    A.menu:link
    {
      color: #FFFFFF;
      font-family: Verdana;
      font-size: 12px;
      font-weight : bold;
      text-decoration: none;
    }
    A.menu:visited
    {
      color: #FFFFFF;
      font-family: Verdana;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
    }
    A.menu:active
    {
      color: #FFFFFF;
      font-family: Verdana;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
    }
    A.menu:hover
    {
      color: #008000;
      font-family: Verdana;
      font-size: 12px;
      font-weight: bold;
      text-decoration: none;
    }
  </style>

Zlimmer ~over&out~
Avatar billede Slettet bruger
13. december 2001 - 21:02 #7
mczlimmer: Det er rigtigt, at text-decoration:none mangler, men det jeg har lavet skal IKKE sættes ind i BODY-tagget. Grunden til at der står BODY, er at formattere hele siden. Det indlæg jeg har lavet er beregnet til et eksternt StyleSheet (.css), så man slipper for at have koden på flere sider.

BODY {
    font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size : 12;
    font-weight : bold;
    color : White;
}

A:LINK, A:VISITED {
    color: White;
    text-decoration: None;
}

A:HOVER {
    color: Green;
    Text-decoration: None;
}
Avatar billede dr-kermit Nybegynder
14. december 2001 - 13:17 #8
Og som noget helt andet ville jeg lave det hele i en STYLESHEET.CSS fil som jeg så refererer til på de mange sider. Således skal man kun ind og rette i stylesheetet et sted ;)

så din kode ville se således ud :

<html>
<head>
    <title>:: LOGIN ::</title>
    <link rel=\"stylesheet\" style=\"text/css\" href=\"/gen/main.css\">
</head>


Mvh Kenneth Nielsen
Avatar billede dr-kermit Nybegynder
14. december 2001 - 13:18 #9
Igen glimmre jeg ved ikke at have læst alle indlæg ;) Det var stort set samme svar \"magig\" gav.

Mvh Kenneth Nielsen
Avatar billede mczlimmer Nybegynder
14. december 2001 - 14:05 #10
--->magik
Ok... Så er jeg med...

Zlimemr ~over&out~
Avatar billede ilovechicks Nybegynder
17. december 2001 - 13:48 #11
det er da ligemget hvor css filen er...?
Avatar billede dr-kermit Nybegynder
17. december 2001 - 13:51 #12
--->ilovechicks

Hvad mener du lige med den udtalelse?

Mvh Kenneth Nielsen
Avatar billede mczlimmer Nybegynder
17. december 2001 - 15:43 #13
--->ilovechicks
Måske, måske ikke...
En af fordelene ved et seperat stylesheet er at \"newbie\" hjemmedside designere ikke bare kan stjåle...

Zlimmer ~over&out~
Avatar billede dr-kermit Nybegynder
17. december 2001 - 16:03 #14
--->MCZLIMMER

Det var da et lamt argument.....

Hvor svært er det at \"Se Kildekode\" og derefter klippe referancen ud og hente stylesheet?

Mvh Kenneth Nielsen
Avatar billede mczlimmer Nybegynder
17. december 2001 - 17:56 #15
--->dr-kermit
Tja ikke særlig svært, det kan vi hurtigt blive enige om... Men for nybegyndere til hjemmeside designing er det jo ikke lige så let at finde, de lærer det med tiden...
Og jeg har jo ike sagt noget om at det var det bedste sætte det også bare ind i sidens <head > sektion...

Zlimmer ~over&out~
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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