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

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

Developer Gezocht

Op zoek naar de legends

[FREE] WeFact Hosting module

Help testers nodig voor android app Urgent

Versio vervanger

Afspraken systeem met planbeperking

Partner Gezocht om meerdere NFT Collecties op Open Sea te Plaatsen

321 Nieuwe Domeinnamen December 2025

Meerdere mafia game template te koop

Van een pixelige afbeelding naar een strakke, moderne website

CSS wordt niet geladen in pagina.

Participate now!

Fijne feestdagen

Kritieke update voor Really Simple Security-plug-in

ING Nederland streeft naar ondersteuning van Google Pay tegen eind februari

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