CSS wil niet linken met HTML op Notepad++

**AFCA_Timon** · 01/04/14 17:31

Nou, ik heb al een eerdere thread gepost hier, ik ben daar erg veel verder qua HTML gekomen. Maar nu wil ik CSS aan HTML linken. En, hij doet het niet als ik hem wil openen in de browser(Firefox en Chrome, allebei geprobeerd)...

Ik heb geen idee wat ik fout doe, misschien ligt het aan de editor zelf (Notepad++). Dit is wat ik doe:

HTML Code:

<!DOCTYPE HTML>

<html>

<head>

<title>Test</title>

<link rel="stylesheet" href="test.css" type="text/css"> <!-- Ik heb een file op de computer genaamd 'test.css' die ook geopend is op Notepad++ -->

</head>

<body>

<!--rest van wat ik gemaakt heb etc.-->

</body>

</html>

**DenBeke** · 01/04/14 18:43

Staat die file effectief in dezelfde map?
Zeker dat de CSS syntax in de file correct is?

**Pnin.** · 01/04/14 21:31

In Chrome kun je met F12 de Developer Tools openen. Als je daar het "Network"-tabje opent en de pagina herlaadt (bv. met F5), kun je zien of je stylesheet goed geladen wordt.

**ArjenN** · 01/04/14 22:39

Je hebt de link-tag nu geopend, maar nog niet gesloten. Deze regel moet werken:

Code:

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

**frajaweb** · 01/04/14 23:10

Komt je document door de validator.w3.org. Een spatie op de verkeerde plek kan in sommige gevallen al voorkomen dat je pagina correct wordt gerenderd.

Verzonden vanaf mijn iPad met behulp van webhostingtalk

**Pnin.** · 02/04/14 00:13

Oorspronkelijk geplaatst door ArjenN

Je hebt de link-tag nu geopend, maar nog niet gesloten.

Aan zijn DOCTYPE-declaratie te zien, schrijft hij HTML5, geen XHTML.

**ArjenN** · 02/04/14 11:26

Ah, daar had ik niet opgelet.

De kleine snippet die je hebt geplaatst komt daarmee wel door de W3 validator, dus daar zal geen probleem moeten zitten. Het kan zijn dat de paden van de bestanden eventueel verkeerd staan of dat er verkeerd verwezen wordt. Wat je zou kunnen doen is de Developer console te openen. In Google Chrome is dat dacht ik F12. Voor Firefox maak ik zelf gebruik van Firebug. Zorg hierbij dat je naar het overzicht van aangeroepen pagina's gaat (in Firebug is dit de 'net'-tab) en kijk of daar een status 404 of 500 naar voren komt. Je kunt daar vaak ook de locatie kopiëren, aan de hand daarvan kun je controleren of het juist bestand is aangeroepen.

Het is niet de enige manier, maar deze zou moeten werken om goed te debuggen.

**WebMeso** · 02/04/14 12:09

Probeer eens het gehele path neer te zetten in de href.

**DiederikL** · 02/04/14 13:23

Het staat niet in je openingspost maar eventueel kan een base href ook van invloed zijn op het inladen van je css bestand. Hiermee kan je browser het css bestand in een andere folder proberen te downloaden dan jij misschien zou verwachten.

**frajaweb** · 02/04/14 14:06

Het kan natuurlijk ook zijn dat er een haakje of iets anders niet goed staat in de css. Het bestand wordt dan wel geladen, maar niet de css.

**AFCA_Timon** · 02/04/14 17:21

In mijn CSS heb ik gewoon als test gedaan:
Body {
color:green;
}

02/04/14 11:09
WebMeso
Probeer eens het gehele path neer te zetten in de href.

Zou het miss komen doordat ik dus alleen: href="test.css" heb gedaan?
Dus volgens jou moet ik dit doen: href="C:/blabla/blabla/enzovoorts/test.css" doen? (Hij zit in dezelfde map als get html doc.)
Wel bedankt voor de spoedige reacties!

**AFCA_Timon** · 02/04/14 18:03

EDIT:
Geprobeert met de gehele patch: Doet het niet.
Gekeken met FireBug, de CSS zit er in. Dacht miss ligt t aan de Body, dus had een div geplaatst(met color, width en height): Doet t niet

erg raar, miss weten jullie nu de oplossing na meer info?

**Pnin.** · 02/04/14 18:30

Zonder je HTML en CSS te zien is het lastig inschatten waar het fout gaat. Als je geen 404 error code ziet in Firebug of Developer Tools, wordt test.css blijkbaar correct geladen, en is het waarschijnlijk dat er een fout in je stylesheet is gekropen. Loop de syntax daarvan nog eens goed na, of plaats hier een link naar je code (bv. via jsfiddle.net).

**AFCA_Timon** · 02/04/14 22:31

Oorspronkelijk geplaatst door Pnin.

Zonder je HTML en CSS te zien is het lastig inschatten waar het fout gaat. Als je geen 404 error code ziet in Firebug of Developer Tools, wordt test.css blijkbaar correct geladen, en is het waarschijnlijk dat er een fout in je stylesheet is gekropen. Loop de syntax daarvan nog eens goed na, of plaats hier een link naar je code (bv. via jsfiddle.net).

Nou als ik de gehele patch gebruik, dan krijg ik wel een error, als ik alleen: href="test.css" gebruik, dan juist weer niet.
Ik laat morgen mijn gehele code zien. Dat is dan wel handiger idd.

**WebMeso** · 03/04/14 13:36

Probeer anders een de W3 Unicorn validator. Je kan daar ook een bestand naar uploaden.

Zie: http://validator.w3.org/unicorn/#validate-by-upload

Onderwerp Gereedschap

Toon

Onderwerp: CSS wil niet linken met HTML op Notepad++

CSS wil niet linken met HTML op Notepad++

Labels voor dit Bericht

Webhostingtalk.nl

Link met ons

Partners

Contact