/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Link til CSS kode
Fra : Lasse Jensen


Dato : 24-05-03 19:32

Hej folkens!

Hvis I går ind på www.dvdoo.subnet.dk, og kigger i kilde-koden,
så kan I se at der er en stor CSS sektion. Jeg vil gerne have
koden til at fylde mindre, så jeg vil lave et en seperat fil med
CSS'en, jeg ved ikke lige hvad det hedder, f. eks. en fil.CSS
eller sådan noget. Håber I forstår. Jeg har set det før, og jeg
tror det er noget meget normalt. Jeg tror linket skal se sådan
ud:

<!-- <link rel="stylesheet" type="text/css" href="css/ie.css">
-->

Og så bare det rigtige filnavn.

Er det rigtigt? Hvis det er, hvordan laver man så selve CSS
filen?

På forhånd tak

Med venlig hilsen Lasse Jensen...

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Møller (24-05-2003)
Kommentar
Fra : Møller


Dato : 24-05-03 20:07

><link rel="stylesheet" type="text/css" href="css/ie.css">
>Og så bare det rigtige filnavn.
>Er det rigtigt? Hvis det er, hvordan laver man så selve CSS
>filen?

Hej
Du kopierer alt mellem style-tag ind i Notesblok og gemmer filen
som f.eks. 'ie.css'
vh TriggerOne


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Lasse Jensen (24-05-2003)
Kommentar
Fra : Lasse Jensen


Dato : 24-05-03 22:57

Møller wrote in dk.edb.internet.webdesign.html:
>
> Hej
> Du kopierer alt mellem style-tag ind i Notesblok og gemmer
filen
> som f.eks. 'ie.css'
> vh TriggerOne

Hej igen.

Skal <STYLE type="text/css"> og </style> med?

Lige en anden ting. Linket ser sådan ud: <!-- <link
rel="stylesheet" type="text/css" href="css/ie.css"> -->

Men skál der stå i filnavnet css/blablabla.css, eller må man
gerne fjerne det første css?

På forhånd tak

Med venlig hilsen Lasse Jensen...



--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

ngr (24-05-2003)
Kommentar
Fra : ngr


Dato : 24-05-03 23:11

Her har du først et link til filen

<LINK REL="Stylesheet" HREF="css/s.css" TYPE="text/css"> (det skal
stå i headeren på hver html fil)


og så et eksempel på css-file, som altså hedder s.css og ligger i
biblioteket css


BODY
{
FONT-SIZE: 11px;
COLOR: #000080;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
SCROLLBAR-FACE-COLOR: #ffd979;
SCROLLBAR-HIGHLIGHT-COLOR: #ffd979;
SCROLLBAR-SHADOW-COLOR: #ffd979;
SCROLLBAR-3DLIGHT-COLOR: #ffd979;
SCROLLBAR-ARROW-COLOR: #ffff99;
SCROLLBAR-TRACK-COLOR: #ffeab9;
FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
SCROLLBAR-DARKSHADOW-COLOR: #666666;
BACKGROUND-COLOR: #DFDFFF;
TEXT-DECORATION: none;
}
A:link
{
TEXT-DECORATION: none;
COLOR:#000066;
}
A:visited
{
TEXT-DECORATION: none;
COLOR:#000066;
}
A:active
{
COLOR: red;
TEXT-DECORATION: underline;
}
A:hover
{
COLOR: red;
TEXT-DECORATION: none;
}
..txt
{
FONT-SIZE: 11px;
COLOR: #000080;
FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
TEXT-DECORATION: none
}
..t12
{
FONT-SIZE: 12px;
COLOR: #000080;
FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
TEXT-DECORATION: none
}
..t14
{
FONT-SIZE: 14px;
COLOR: #000080;
FONT-STYLE: normal;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
TEXT-DECORATION: none
}
..c14
{
FONT-SIZE: 14px;
COLOR: #000080;
FONT-STYLE: normal;
FONT-FAMILY: Comic Sans MS;
TEXT-DECORATION: none
}
..c16
{
FONT-SIZE: 16px;
COLOR: #000080;
FONT-STYLE: normal;
FONT-FAMILY: Comic Sans MS;
TEXT-DECORATION: none
}
TD
{
FONT-SIZE: 11px;
COLOR: #0c0000;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
TEXT-DECORATION: none
}
H1
{
FONT-WEIGHT: bold;
FONT-SIZE: 10px;
COLOR: #0c0000;
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
}


Lasse Jensen (24-05-2003)
Kommentar
Fra : Lasse Jensen


Dato : 24-05-03 23:31

ngr wrote in dk.edb.internet.webdesign.html:
> Her har du først et link til filen
>
> <LINK REL="Stylesheet" HREF="css/s.css" TYPE="text/css"> (det skal
> stå i headeren på hver html fil)
>
>
> og så et eksempel på css-file, som altså hedder s.css og ligger i
> biblioteket css
>
>
> BODY
> {
> FONT-SIZE: 11px;
> COLOR: #000080;
> FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
> SCROLLBAR-FACE-COLOR: #ffd979;
> SCROLLBAR-HIGHLIGHT-COLOR: #ffd979;
> SCROLLBAR-SHADOW-COLOR: #ffd979;
> SCROLLBAR-3DLIGHT-COLOR: #ffd979;
> SCROLLBAR-ARROW-COLOR: #ffff99;
> SCROLLBAR-TRACK-COLOR: #ffeab9;
> FONT-STYLE: normal;
> FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
> SCROLLBAR-DARKSHADOW-COLOR: #666666;
> BACKGROUND-COLOR: #DFDFFF;
> TEXT-DECORATION: none;
> }
> A:link
> {
> TEXT-DECORATION: none;
> COLOR:#000066;
> }
> A:visited
> {
> TEXT-DECORATION: none;
> COLOR:#000066;
> }
> A:active
> {
> COLOR: red;
> TEXT-DECORATION: underline;
> }
> A:hover
> {
> COLOR: red;
> TEXT-DECORATION: none;
> }
> ..txt
> {
> FONT-SIZE: 11px;
> COLOR: #000080;
> FONT-STYLE: normal;
> FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
> TEXT-DECORATION: none
> }
> ..t12
> {
> FONT-SIZE: 12px;
> COLOR: #000080;
> FONT-STYLE: normal;
> FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
> TEXT-DECORATION: none
> }
> ..t14
> {
> FONT-SIZE: 14px;
> COLOR: #000080;
> FONT-STYLE: normal;
> FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
> TEXT-DECORATION: none
> }
> ..c14
> {
> FONT-SIZE: 14px;
> COLOR: #000080;
> FONT-STYLE: normal;
> FONT-FAMILY: Comic Sans MS;
> TEXT-DECORATION: none
> }
> ..c16
> {
> FONT-SIZE: 16px;
> COLOR: #000080;
> FONT-STYLE: normal;
> FONT-FAMILY: Comic Sans MS;
> TEXT-DECORATION: none
> }
> TD
> {
> FONT-SIZE: 11px;
> COLOR: #0c0000;
> FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif;
> TEXT-DECORATION: none
> }
> H1
> {
> FONT-WEIGHT: bold;
> FONT-SIZE: 10px;
> COLOR: #0c0000;
> FONT-FAMILY: Verdana, Arial, Helvetica, Sans-Serif
> }
>

Hej igen.

Hvad hvis CSS'en ser sådan ud?

<style type="text/css">
      <!--

      /* GENERAL LINK */
      a:link
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      color:               #000000;
      }

      a:active
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      color:               #000000;
      }

      a:visited
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      color:               #000000;
      }

      a:hover
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      underline;
      color:               navy;
      }

      /* WHITE GENERAL LINK */
      a.white:link
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      color:               #FFFFFF;
      }

      a.white:active
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      color:               #FFFFFF;
      }

      a.white:visited
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      color:               #FFFFFF;
      }

      a.white:hover
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      underline;
      color:               #FEBE11;
      }


      /* NAV LINK */
      a.nav:link
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      color:               #FFFFFF;
      text-transform:         uppercase;
      }

      a.nav:active
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      color:               #FFFFFF;
      text-transform:         uppercase;
      }   

      a.nav:visited
      {
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      color:               #FFFFFF;
      text-transform:         uppercase;
      }

      a.nav:hover
      {
      font-size:             9px;
       font-weight: bold;
      text-decoration:      underline;
      color:               #FEBD11;
      text-transform:         uppercase;
      }
   
      /* BUTTON LINK */
      a.btn:link
      {
      width:               40px;
      background-image:      url("images/bg_btn.gif");
      height:               17px;
      border-width:         1px;
      border-style:         solid;
      border-color:         #000000;
      padding-top:         1px;
      padding-left:         14px;
      padding-right:         6px;
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      text-transform:         uppercase;
      color:               #FFFFFF;
      }

      a.btn:active
      {
      width:               40px;
      background-image:      url("images/bg_btn.gif");
      height:               17px;
      border-width:         1px;
      border-style:         solid;
      border-color:         #000000;
      padding-top:         1px;
      padding-left:         14px;
      padding-right:         6px;
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      text-transform:         uppercase;
      color:               #FFFFFF;
      }

      a.btn:visited
      {
      width:               40px;
      background-image:      url("images/bg_btn.gif");
      height:               17px;
      border-width:         1px;
      border-style:         solid;
      border-color:         #000000;
      padding-top:         1px;
      padding-left:         14px;
      padding-right:         6px;
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      text-transform:         uppercase;
      color:               #FFFFFF;
      }

      a.btn:hover
      {
      width:               40px;
      background-image:      url("images/bg_btn_on.gif");
      height:               17px;
      border-width:         1px;
      border-style:         solid;
      border-color:         #000000;
      padding-top:         1px;
      padding-left:         14px;
      padding-right:         6px;
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      text-transform:         uppercase;
      color:               #FFFFFF;
      }

      /* BORDER LINK */
      a.border:link
      {
      background-image:      url("images/bg_border.gif");
      height:               17px;
      border-width:         1px;
      border-style:         solid;
      border-color:         #FF9C67;
      padding-top:         1px;
      padding-left:         6px;
      padding-right:         6px;
      font-size:             10px;
      font-weight: bold;
      text-decoration:      none;
      color:               #000000;
      }

      a.border:active
      {
      background-image:      url("images/bg_border.gif");
      height:               17px;
      border-width:         1px;
      border-style:         solid;
      border-color:         #FF9C67;
      padding-top:         1px;
      padding-left:         6px;
      padding-right:         6px;
      font-size:             10px;
      font-weight: bold;
      text-decoration:      none;
      color:               #000000;
      }   

      a.border:visited
      {
      background-image:      url("images/bg_border.gif");
      height:               17px;
      border-width:         1px;
      border-style:         solid;
      border-color:         #FF9C67;
      padding-top:         1px;
      padding-left:         6px;
      padding-right:         6px;
      font-size:             10px;
      font-weight: bold;
      text-decoration:      none;
      color:               #000000;
      }

      a.border:hover
      {
      background-image:      url("images/bg_border.gif");
      height:               17px;
      border-width:         1px;
      border-style:         solid;
      border-color:         #000000;
      padding-top:         1px;
      padding-left:         6px;
      padding-right:         6px;
      font-size:             10px;
      font-weight: bold;
      text-decoration:      none;
      color:               #000000;
      }

      /* SPECIAL CLASSES */

      .textfield
      {
      font-family:          verdana, helvetica, sans-serif;
      font-size:             9px;
      color:                #000000;
      background-color:      #FEBE11;
      border:               1px solid;
      border-color:          #F14407 #FEDB7A #FEDB7A rgb(241,68,7);
      }

      .textfieldwhite
      {
      font-family:          verdana, helvetica, sans-serif;
      font-size:             9px;
      color:                #000000;
      background-color:      #FFFFFF;
      border:               1px solid;
      border-color:          #444444 #CCCCCC #CCCCCC rgb(68,68,68);
      }

      input.button
      {
      border-width:         1px;
      border-style:         solid;
      border-color:         #000000;
      font-family:         Verdana;
      font-size:             9px;
      font-weight: bold;
      text-decoration:      none;
      background-color:      #303030;
      color:               #FFFFFF;
      }

      img
      {

      border-color:            #000000;
      }


      /* TEXT CLASSES */
      p, div, td
      {
      color:                #000000;
      font-family:          verdana, helvetica, sans-serif;
      font-size:             9px;
      font-style:          normal;
      }

      .txt9
      {
      color:                #000000;
      font-family:          verdana, helvetica, sans-serif;
      font-size:             9px;
      font-style:          normal;
      }

      .txt10black
      {
      color:                #000000;
      font-family:          verdana, helvetica, sans-serif;
      font-size:             10px;
      font-style:          normal;
      }

      .txt10blackbold
      {
      color:                #000000;
      font-family:          verdana, helvetica, sans-serif;
      font-size:             10px;
      font-weight:          bold;
      }

      .txt10white
      {
      color:                #FFFFFF;
      font-family:          verdana, helvetica, sans-serif;
      font-size:             10px;
      font-style:          normal;
      }

      .ingress
      {
      font-family:          verdana, helvetica, sans-serif;
      color:               #444444;
      font-weight:         bold;
      font-size:             9px;
      }

      .redvote
      {
      font-family:          verdana, helvetica, sans-serif;
      color:               #FF0000;
      font-weight:         bold;
      font-size:             10px;
      }
   
      .head
      {
      font-family:          verdana, helvetica, sans-serif;
      color:               #000000;
      font-size:             10px;
      font-weight:          bold;
      text-transform:         uppercase;
      }

      .smallhead
      {
      font-family:          verdana, helvetica, sans-serif;
      color:               #000000;
      font-size:             9px;
      font-weight:          bold;
      }

      .txt
      {
      color:                #000000;
      font-family:          verdana, helvetica, sans-serif;
      font-size:             10px;
      font-weight:          normal;
      }
   
      .date
      {
      color:                #000000;
      font-family:          georgia,verdana, helvetica, sans-serif;
      font-size:             10px;
      font-weight:          normal;
      }

      -->
      </style>

Så starter filen jo ikke med body som i dit eksempel. Der er nemlig mere
end et stylesheet i HTML dokumentet, og det er kun det første der starter
med body. Hvordan kommer det så til at se ud? Undskyld det lange stykke
kode :-;

På forhånd tak

Med venlig hilsen Lasse Jensen...


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jonas Astrup - HTML.~ (25-05-2003)
Kommentar
Fra : Jonas Astrup - HTML.~


Dato : 25-05-03 07:54

Lasse Jensen wrote in dk.edb.internet.webdesign.html:
> [snip]
> Så starter filen jo ikke med body som i dit eksempel.
> Der er nemlig mere end et stylesheet i HTML dokumentet,
> og det er kun det første der starter med body.

Det spiller ingen rolle om <body> stør først, sidst eller i midten!

Prøv dig frem --- og send et link til din side her i nyhedsgruppen hvis du
oplever problemer.

Mvh
Jonas Astrup

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Lasse Jensen (25-05-2003)
Kommentar
Fra : Lasse Jensen


Dato : 25-05-03 09:23

Hej igen.

Jeg har lidt problemer. Jeg ved ikke helt, hvor body skal ind henne i starten
af CSS'en.

<style type="text/css">
<!--

/* GENERAL LINK */
a:link
{
font-size: 9px;
font-weight: bold;
text-decoration: none;
color: #000000;
}

a:active
{
font-size: 9px;
font-weight: bold;
text-decoration: none;
color: #000000;
}

a:visited
{
font-size: 9px;
font-weight: bold;
text-decoration: none;
color: #000000;
}

a:hover
{
font-size: 9px;
font-weight: bold;
text-decoration: underline;
color: navy;
}

BLA BLA BLA BLA........

På forhånd tak

Med venlig hilsen Lasse Jensen...


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (25-05-2003)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 25-05-03 11:55

Lasse Jensen skrev:

[snip, citat af komplet css-fil, ca. 100 linjer]

> Hvad hvis CSS'en ser sådan ud?

[snip, komplet css-fil, knap 400 linjer]

Kære Lasse - og til dels ngr.

Undlad venligst at sende komplette filer som newsindlæg. De er
umulige at overskue, tager lang tid at hente og er besværlige at
kommentere. Læg eksemplerne på en hjemmeside eller evt. i
dk.binaer.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Lasse Jensen (25-05-2003)
Kommentar
Fra : Lasse Jensen


Dato : 25-05-03 13:12

Jens GyldenkærneClausen wrote in dk.edb.internet.webdesign.html:
> Lasse Jensen skrev:
>
> [snip, citat af komplet css-fil, ca. 100 linjer]
>
> > Hvad hvis CSS'en ser sådan ud?
>
> [snip, komplet css-fil, knap 400 linjer]
>
> Kære Lasse - og til dels ngr.
>
> Undlad venligst at sende komplette filer som newsindlæg. De er
> umulige at overskue, tager lang tid at hente og er besværlige
at
> kommentere. Læg eksemplerne på en hjemmeside eller evt. i
> dk.binaer.

Ok, det husker jeg.

Med venlig hilsen Lasse Jensen...


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Lasse Jensen (26-05-2003)
Kommentar
Fra : Lasse Jensen


Dato : 26-05-03 21:16

Hej igen igen.

Hvis I går ind på www.dvdoo.subnet.dk/css.html, og kigger i
kilde-koden, så kan I se, den CSS kode det handler om. Jeg vil
have den som et stylesheet, altså hvor man bare sætter et link
til CSS'en i HTML dokumentet. (Nemmere, hvis man f. eks. har 100
HTML dokumenter, der skal have skiftet baggrund, så kan man gøre
det èt sted, istedet for alle 100 steder.) Men jeg kan ikke få
det til at virke. Jeg ved ikke hvor body skal ind i CSS koden,
hvis den ellers skal ind. Det er det eneste, det er bare hvor
body skal ind. Må gerne forklare det rimeligt forståeligt, det
der CSS, er lidt svært. Det ville være rart hvis I viste det i
koden, bare lige skrive de 4 første linier eller sådan noget.

På forhånd tak

Med venlig hilsen Lasse Jensen...


--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (27-05-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 27-05-03 09:44


"Lasse Jensen" <lassejensen@adslhome.dk> skrev
> Hej igen igen.
>
> Jeg ved ikke hvor body skal ind i CSS koden,
> hvis den ellers skal ind. Det er det eneste, det er bare hvor
> body skal ind. Må gerne forklare det rimeligt forståeligt, det
> der CSS, er lidt svært. Det ville være rart hvis I viste det i
> koden, bare lige skrive de 4 første linier eller sådan noget.

Det er for så vidt ligegyldigt hvor i css-filen du indsætter definitionerne
for body.

Koden for body er:

body{
color: #000000;
background: #ffffff;
background-image: url(bg.gif);
font-family: verdana,sans-serif;
font-size: 12px;
font-style: italic;
font-weight; 600;
}

Du får derved en sort halvfed kursiveret verdana-skrift i 12 punkts
størrelse på en baggrund defineret i bg.gif. Indtil baggrunden er indlæst,
er siden hvid. Definitionen gælder hele siden for alle de sider, hvor du
indlæser css-filen.

Ret selv i værdierne, så du får det resultat, du vil have. Ret også stien
til den valgte baggrund, set i forhold til css-filen.

Kaldet til css-filen (indlæsningen af css) skal indsættes før </head> :

<style rel="stylesheet" type="text/css" href="lj.css">

Det forudsætter, at du har kaldt din css-fil for lj.css. Ret i stien til
css-filen set i forhold til den html-fil, der skal indlæse css.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin



Lasse Jensen (27-05-2003)
Kommentar
Fra : Lasse Jensen


Dato : 27-05-03 14:08

Erik Ginnerskov skrev:
>
> Det er for så vidt ligegyldigt hvor i css-filen du indsætter definitionerne
> for body.
>
> Koden for body er:
>
> body{
> color: #000000;
> background: #ffffff;
> background-image: url(bg.gif);
> font-family: verdana,sans-serif;
> font-size: 12px;
> font-style: italic;
> font-weight; 600;
> }

Hej Erik.

Nu fatter jeg ikke en brik. Hvor kommer alt det der CSS ovenover ind i
billedet?

CSS'en, bestemmer layoutet på denne side www.dvdoo.subnet.dk, og den CSS kode
det handler om finder I på denne side www.dvdoo.subnet.dk/css.html

Jeg skal bare have lavet et stylesheet med den CSS kode som er på
www.dvdoo.subnet.dk/css.html, og ikke andet.

Skal det der body med? Hvis body skal med, skal det der CSS du har skrevet så
også med?

På forhånd tak

Med venlig hilsen Lasse Jensen...

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (27-05-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 27-05-03 14:28


"Lasse Jensen" <lassejensen@adslhome.dk> skrev

> Nu fatter jeg ikke en brik. Hvor kommer alt det der CSS ovenover ind i
> billedet?
>
> CSS'en, bestemmer layoutet på denne side www.dvdoo.subnet.dk, og den CSS
kode

På den side sletter du alt fra og med <STYLE type="text/css"> til og med
</style>

Derefter indsætter du på samme sted linjen <style rel="stylesheet"
type="text/css" href="lj.css">

> det handler om finder I på denne side www.dvdoo.subnet.dk/css.html

Denne fil omdøber dt til lj.css

Derefter sletter du i lj.css de to første linjer

<style type="text/css">
<!--

og de to sidste linjer.

-->
</style>

Endelig indsætter du (f.eks. øverst) i lj.css dette:

body{
color: #000000;
background: #ffffff;
background-image: url(bg.gif);
font-family: verdana,sans-serif;
font-size: 12px;
font-style: italic;
font-weight; 600;
}

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin



Erik Ginnerskov (27-05-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 27-05-03 14:54


"Erik Ginnerskov" <egin@SPAMKILLoncable.dk> skrev
>
> Derefter indsætter du på samme sted linjen <style rel="stylesheet"
> type="text/css" href="lj.css">

En lille huskebøf. Linjen skal se sådan ud:

<link rel="stylesheet" type="text/css" href="lj.css">

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin





Lasse Jensen (27-05-2003)
Kommentar
Fra : Lasse Jensen


Dato : 27-05-03 16:12

Hej Erik.

Nu faldt det på plads. Det tog sin tid lige at forstå, men nu er alt i
orden.

Tak for hjælpen og din forståelse

Med venlig hilsen Lasse Jensen...

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Erik Ginnerskov (27-05-2003)
Kommentar
Fra : Erik Ginnerskov


Dato : 27-05-03 17:13


"Lasse Jensen" <lassejensen@adslhome.dk> skrev
> Hej Erik.
>
> Nu faldt det på plads. Det tog sin tid lige at forstå, men nu er alt i
> orden.

Nu, da du har fået det til at virke, så prøv at læse den css-tutorial på
html.dk, http://www.html.dk/tutorials/css/ - en gang til. Måske falder der
et par brikker på plads.

Prøv også at læse www.hjemmesideskolen.dk/html/css2.asp, her er det
forklaret med nogle andre ord, men meningen er den samme.

--
Med venlig hilsen
Erik Ginnerskov
http://www.hjemmesideskolen.dk - http://www.html-faq.dk
http://hjem.get2net.dk/egin



Søg
Reklame
Statistik
Spørgsmål : 177505
Tips : 31968
Nyheder : 719565
Indlæg : 6408554
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste