CSS wordt niet geladen in pagina.

MBodifee

Ik heb website waar in in de header een CSS bestand aanroep om achtergrond te plaatsen.
<head>
<base href="http://www.theworldofdance.nl"
<link rel="stylesheet" type="text/css" href="http://www.theworldofdance.nl/public_html/bk.css">
</head>

In het bk.css bestand wordt arctile.jpg als achtergrond gebruikt.
Toch wordt het niet geladen.
inhoud van bk.css:

body {
background-imaage: http://www.theworldofdance.nl/public_html/arctile.jpg
}

Het staat in dezelfde map als waar het html bestand staat. Enig idee waar het door zou kunnen komen?

L.Kok

Code

<head>
<base href="http://www.theworldofdance.nl"
<link rel="stylesheet" type="text/css" href="bk.css">
</head>

Aangezien je een base opgeeft in je head, wil dat zeggen dat alles vanaf nu via die url binnengehaald wordt.

bk.css wordt dus: http://www.theworldofdance.nl/bk.css

public_html is geen map die thuis hoort in een html structuur het functioneert als de root folder van https://www.ictscripters.com/www.theworldofdance.nl

Code

body {
background-image: url("arctile.jpg");
}

Aangezien arctile.jpg in je root staat en bk.css ook moet dit zo geschreven worden.

MBodifee

Beste L. Kok,

Bedankt voor je reactie. Ik heb het aangepast, maar nog wordt de arctile.jpg niet als achtergrond gebruikt.

https://www.theworldofdance.nl/new.html
Hierbij de inhoud van het bestand:

<!DOCTYPE html>
<html>
<head>
<base href="http://www.theworldofdance.nl"
<link rel="stylesheet" type="text/css" href="bk.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

L.Kok

Hallo MBodifee,

Je hebt vergeten je base tag te sluiten.

HTML

<!DOCTYPE html>
<html>
<head>
<base href="https://www.theworldofdance.nl">
<link rel="stylesheet" type="text/css" href="bk.css">
</head>
<body>


<h1>This is a heading</h1>
<p>This is a paragraph.</p>


</body>
</html>

Toon Meer

Probeer het met deze code eens opnieuw.

MBodifee

Ik heb het nu aangepast, maar het toont het nog steeds niet. (Had ik zelf ook kunnen zien natuurlijk. )
Nu is het:
<!DOCTYPE html>
<html>
<head>
<base href="http://www.theworldofdance.nl">
<link rel="stylesheet" type="text/css" href="bk.css">
</head>
<body>

<h1>This is a heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Voor zoals het moet worden kan je kijken naar http://www.theworldofdance.nl/

L.Kok

Verander even dit:

Code

<base href="http://www.theworldofdance.nl">

Naar dit:

Code

<base href="https://www.theworldofdance.nl">

MBodifee

aangepast naar: <base href="https://www.theworldofdance.nl">
Echter helaas nog niet opgelost.
Zowel http als https geeft nog geen achtergrond afbeelding

MBodifee

Ik wil mijn oorspronkelijke pagina opschonen/opnieuw maken en wilde beginnen met de achtergrond.

L.Kok

Ook heb je de CSS code nog niet aangepast naar:

Code

body {
background-image: url("arctile.jpg");
}

MBodifee

Ik dacht dat ik de CSS ook had aangepast, maar schijnbaar niet. Bedankt.

ICTscripters

Dé plek voor IT

Dé plek voor IT

Ictscripters Chat

Help testers nodig voor android app Urgent

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

Afspraken systeem met planbeperking

Developer Gezocht

Na 15 jaar terug van weggeweest: iCriminals.nl is terug (BETA)!

Op zoek naar de legends

[FREE] WeFact Hosting module

Domeinportfolio uitkuis

Heel wat sterke domeinen > 2 letters, 3 letters, premiums

367 Nieuwe Domeinnamen Februari 2026

CSS wordt niet geladen in pagina.

Participate now!

Samsung zal miljoenen verdienen aan Apple iPhone Fold dankzij zijn 12GB RAM

Apple heeft zojuist iOS 26.4 Beta 4 vrijgegeven: hier is de verwachte lanceerdatum.

Kritieke kwetsbaarheid in Nginx UI bedreigt gevoelige data

Functioneel ontwerp

Access Control List implementatie in PHP/MySQL - deel 1/2

Access Control List implementatie in PHP/MySQL - deel 2/2

Gebruikers die dit topic bekijken