[Løst] Linke CSS til HTML

[aDyingApril]

Hei!

 

Er på vei til og lære webdesign med HTML CSS og javascript. Har prøvd og lage en liten ting, men får ikke linket designet til HTML siden.

 

Har lagt ved 2 bilder. Bilde 1 viser HTML koden og bilde 2 viser CSS koden. Det må jo være noen helt åpenbare feil jeg har gjort

 

Takker for tips!

 

 

[ndrs]

Du bør unngå mellomrom i filnavnene. For meg ser det ut som CSS-filen din heter 'color1', mens du i HTML-koden har skrevet 'color 1' (med mellomrom). Ellers må css-filen være i samme mappe som html-filen, hvis ikke må du skrive '<mappe>/color1.css'

[aDyingApril]

Du bør unngå mellomrom i filnavnene. For meg ser det ut som CSS-filen din heter 'color1', mens du i HTML-koden har skrevet 'color 1' (med mellomrom). Ellers må css-filen være i samme mappe som html-filen, hvis ikke må du skrive '<mappe>/color1.css'

Ok, jeg har lagt dem i samme mappe nå og fjernet mellomrommene. Men jeg får fortsatt ikke opp noen effekt. Jeg bruker Cofeecup editor nå, vet ikke om det er en grei editor og starte med?

[killahdude]

Kan du laste opp filene på en server online, sånn at det er lettere å se alt?

[aDyingApril]

Kan du laste opp filene på en server online, sånn at det er lettere å se alt?

Her er HTML:

http://www.filedropper.com/1_222

 

og den CSS:

 

http://www.filedropper.com/2_117

[ndrs]

Ser nå at i link-tagen din i html-koden står det rel="stylesheets". Her skal det stå rel="stylesheet" (uten s)

[Runar]

Verdien i rel er ikke noe du kan velge selv, den må være stylesheet:

Her har du en oversikt over gyldige verdier: http://www.w3.org/TR/REC-html40/types.html#type-links

[Konto brukes ikke]

Ser litt dårlig da du kun har lagt ut bilde og ikke koden, men er det litt feil bruk av ( og { der?

[aDyingApril]

Ser litt dårlig da du kun har lagt ut bilde og ikke koden, men er det litt feil bruk av ( og { der?

Ja, det kan stemme. Jeg endret det nå. Skrift typen endret seg hvertfall til det riktige Men fargene er ikke der enda

[aDyingApril]

Bedre nå?

 

http://www.filedropper.com/htmlkode

 

http://www.filedropper.com/css_1

[Konto brukes ikke]

Feil bruk av ( og {

Endre til } til ) etter fargekodene - du starter med ( og bruker } på slutten, som blir feil

h1 {
color: rgb(252.11.228};}
p1 {
color: rgb(10.10.10};}

Riktig:

h1 {
color: rgb(252.11.228);}
p1 {
color: rgb(10.10.10);}

Endret 6. september 2014 av KarpeSkrotum

[aDyingApril]

 

Feil bruk av ( og {

 

Endre til } til ) etter fargekodene - du starter med ( og bruker } på slutten, som blir feil

h1 {
color: rgb(252.11.228};}
p1 {
color: rgb(10.10.10};}

Endret til dette nå:

 

body {

font-family: Arial;}

background-color:rgb(255.255.255);}

h1 {

color: rgb(252.11.228);}

p1 {

color: rgb(10.10.10);}

Men fargene kommer fortsatt ikke opp :/

[Runar]

Endret til dette nå:

 

*kode*

 

Men fargene kommer fortsatt ikke opp :/

Fortsatt feil. Jeg anbefaler at du leser litt mer om grunnleggende CSS.

 

Dette bør fungere:

 

body {
    font-family: Arial;
    background-color: rgb(255, 255, 255);
}
h1 {
    color: rgb(252, 11, 228);
}
p {
    color: rgb(10, 10, 10);
}

Med mindre du henviser til en klasse heter det p, ikke p1.

 

PS: Lim inn koden din på pastie.org. Det er tungvindt å måtte laste ned et bilde av koden din hver gang du gjør endringer.

 

Redigert: -elementet på være på én linje. Du har delt det opp.

Endret 6. september 2014 av Runar

[aDyingApril]

 

Endret til dette nå:

 

*kode*

 

Men fargene kommer fortsatt ikke opp :/

Fortsatt feil. Jeg anbefaler at du leser litt mer om grunnleggende CSS.

 

Dette bør fungere:

 

body {
    font-family: Arial;
    background-color: rgb(255, 255, 255);
}
h1 {
    color: rgb(252, 11, 228);
}
p {
    color: rgb(10, 10, 10);
}

Med mindre du henviser til en klasse heter det p, ikke p1.

 

PS: Lim inn koden din på pastie.org. Det er tungvindt å måtte laste ned et bilde av koden din hver gang du gjør endringer.

 

Redigert: <link>-elementet på være på én linje. Du har delt det opp.

 

Ettersom jeg kan se så har jeg skrevet p.

 

http://pastie.org/9531863

 

Limte inn den du ga til meg nå:

 

http://pastie.org/9531866

 

Men det er fortsatt bare skrift typen som har endret seg. Har akkurat blitt "ferdig" med HTML and CSS - Design and Build Websites - Jon Duckett. Dette er ganske basis koding tror jeg. Takk for tipset!

[Runar]

Ettersom jeg kan se så har jeg skrevet p.

 

http://pastie.org/9531863

Du skrev p1 i CSS-koden din.

 

 

Limte inn den du ga til meg nå:

 

http://pastie.org/9531866

 

Men det er fortsatt bare skrift typen som har endret seg. Har akkurat blitt "ferdig" med HTML and CSS - Design and Build Websites - Jon Duckett. Dette er ganske basis koding tror jeg. Takk for tipset!

Jeg lastet ned begge filene dine, endret navnet på CSS-filen til color1.css, og jeg fikk fine farger på all tekst. Er du sikker på at filene heter det de skal hete og ligger i samme mappe?

[Konto brukes ikke]

< body > taggen skal være etter < / head >

[killahdude]

Har gjort litt endringer, og koden fungerer nå. Endret det slik at CSS koden er i selve dokumentet:

<!DOCTYPE html>
<html>
<head>
<style>

body {
font-family: Arial;
background-color:rgb(255,255,255);}


h1 {
color: rgb(252,11,228);
}

p {
color: rgb(200,10,10);
}

</style>

</head>

<body>
<title>My first thought on paper</title>

<h1>Call me sid</h1>
<p>this is my first attempt at something I don't no shit about</p>
</body>
</html>

Endret 6. september 2014 av killahdude

[aDyingApril]

< body > taggen skal være etter < / head >

Slik?

http://pastie.org/9531881

 

 

 

Har gjort litt endringer, og koden fungerer nå. Endret det slik at CSS koden er i selve dokumentet:

<!DOCTYPE html>
<html>
<head>
<style>

body {
font-family: Arial;
background-color:rgb(255,255,255);}


h1 {
color: rgb(252,11,228);
}

p {
color: rgb(200,10,10);
}

</style>

</head>

<body>
<title>My first thought on paper</title>

<h1>Call me sid</h1>
<p>this is my first attempt at something I don't no shit about</p>
</body>
</html>

Hjertelig takk! Leste at man kunne gjøre dette på 2 måter, enten eksternt eller internt. Vet du hvorfor det ikke virket eksternt?

[killahdude]

 

< body > taggen skal være etter < / head >

Slik?

http://pastie.org/9531881

 

 

 

Har gjort litt endringer, og koden fungerer nå. Endret det slik at CSS koden er i selve dokumentet:

<!DOCTYPE html>
<html>
<head>
<style>

body {
font-family: Arial;
background-color:rgb(255,255,255);}


h1 {
color: rgb(252,11,228);
}

p {
color: rgb(200,10,10);
}

</style>

</head>

<body>
<title>My first thought on paper</title>

<h1>Call me sid</h1>
<p>this is my first attempt at something I don't no shit about</p>
</body>
</html>

Hjertelig takk! Leste at man kunne gjøre dette på 2 måter, enten eksternt eller internt. Vet du hvorfor det ikke virket eksternt?

 

 

Har ikke gjort mye research på det, så er ikke helt sikker, men vil sterkt anbefale deg å begynne med intern CSS når du først lærer deg det, og så når du har skrevet en del CSS og kan litt mer, så bør du flytte det over til en ekstern fil.

Det er egentlig ingen annen forskjell enn at det er lettere å organisere, men det kan også gjøre det litt vanskeligere å lære helt i begynnelsen.

[Konto brukes ikke]

Hjertelig takk! Leste at man kunne gjøre dette på 2 måter, enten eksternt eller internt. Vet du hvorfor det ikke virket eksternt?

Sikkert fordi du har feil navn på filen elns. Mer oversikt med egne ccs filer, så du burde like greit starte med det like godt med en gang