PHPhulp.nl
35k+ leden Over PHPhulp Offerte opdracht Contact
C

css script werkt niet.

Door Cees vdL op 14-09-2020 17:04 gewijzigd op 14-09-2020 17:05
8.507 views
Beste members, met het studie boek HTML&CSS probeer ik het CSS script onder de knie te krijgen.
Het wil maar niet lukken om dat werkend te krijgen.
Ik heb als eerste oefening een heel simpel script overgenomen voor het gebruik van extern CSS.
Het hele CSS script blijft na de uitvoering als tekst verschijnen, dus iets is er fout.
Ik zal het hele voorbeeld volgens het boekwerk hieronder laten zien, de tekst is natuurlijk niet relevant.

Ook begrijp ik niet de <link> tag, die zou de browser moeten vertellen waar het bestand te vinden is.
Misschien kan mij iemand daar mee helpen?


<DOCTYPE html>

<html>
	<head>
		<title>Externe CSS gebruiken 1</title>
		<link href="css/styles.css" type="text/css"
		rel="stylesheet"/>	
	</head>
	<body>
		<h1>aardappelen</h1>
		<p>veel verschillende</p>
</body>
</html>

body {
	font-family: arial;
	background-color: rgb(185,179,175);}
h1 {
	color: rgb (255,255,255);}


Heb ik een syntax foutje gemaakt of is de plaats van het CSS script verkeerd?
Alvast dank.
Cees
- Ariën -
14-09-2020 17:07 gewijzigd op 14-09-2020 17:09
Heb je de CSS-styling wel in css/styles.css geplaatst? Daar verwijs je immers ook naar.
En zet die } eens netjes op een volgende regel zodat ze boven elkaar staan?
Ozzie PHP
14-09-2020 18:10
<DOCTYPE html> moet zijn <!DOCTYPE html>

Staat die code allemaal in 1 bestand? Dat is namelijk niet de bedoeling.

Je css moet in een apart bestand genaamd "styles.css" en dat bestand plaats je dan in een mapje "css".



body {
  font-family: arial;
  background-color: rgb(185,179,175);
}

h1 {
  color: rgb (255,255,255);
}


C Cees vdL
14-09-2020 22:04
Ja, eigenlijk wel.In het boek wordt over mappen configuratie wordt met geen woord gerept.
Ik begrijp nu ook de betekenis van link href commando.

Ariel: De accolade staat nu netjes overzichtelijk op zijn plaats.

bedankt beiden voor de informatie.

Cees.
C Cees vdL
16-09-2020 20:32
Ik heb het nog steeds niet voor elkaar. zo ziet HTML deel er nu uit:

<!DOCTYPE html>

<html>
<head>
<title>Externe CSS gebruiken 1</title>
<link href="css/styles.css" type="text/css"
rel="stylesheet"/>
</head>
<body>




</body>
</html>


De code, styles.css,staat nu in een aparte map, met de naam: css.

De hoofdmap ik ik: les genoemd
Map structuur van mij is: les/css.
Ook geprobeerd les/www/css

Het lijkt erop dat de CSS code in de: <link href="css/styles.css" type="text/css" niet wordt gevonden,
want het resultaat is, dat de tekst er wel staat maar de kleuren ontbreken.

hier het styles.css code in de css map:

body {
font-family: arial;
background-color: rgb(185,179,175);
}

h1 {
color: rgb (255,255,255);
}
Ozzie PHP
16-09-2020 20:36
In hetzelfde bestand waarin index.html staat, maak je een map "css". Daarin plaats je het bestand "styles.css".

In je index.html zet je:

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

(er staat een extra slash voor css)
C Cees vdL
16-09-2020 21:27
Negatief resultaat.
Ik activeer het index.html bestand en zie in de browser het volgende adres: file:///G:/html/index.html.
Doe ik daar iets verkeerd? De bestanden staan op mijn G-schijf in de map HTML.

Werkt het misschien dan pas als ik de bestanden met FTP naar mijn website stuur, zou dat het zijn?
Ozzie PHP
16-09-2020 21:41
Wat zie je dan in beeld staan?
- Ariën -
16-09-2020 22:39
Ik raad altijd aan om het uploaden naar een hosting, of gebruik te maken van een lokale webserver zoals XAMPP.
C Cees vdL
16-09-2020 22:43
Ozzie: alleen de tekst.

[size=xsmall]Toevoeging op 16/09/2020 23:21:08:[/size]

Ik heb het geheel met FTP naar mijn website url overgezet, en ook dan zie ook alleen de tekst verschijnen.

Reageren

Inloggen om te reageren