Archief - CSS: verschillende achtergronden maken

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
B

BLUTCH 26

Legacy Member
Gegroet iedereen,

Ik zit met een probleem.
Ik ben een website aan het bouwen in css. De site gaat bestaan uit 7 verschillende html bestanden en 1 css bestand.
Nu wil ik elk html bestand van een ander achtergrond-image voorzien. Alleen weet ik niet hoe. Ik kan wel een tekening als achtergrond invoegen maar dan zijn mijn 7 html bestanden met die achtergrond. En dat wil ik nu net niet.

CSS-bestand
body
{
margin:0;
padding:0;
background-image: url("tekening.jpg");
}

Als je dit dus typt krijgen alle html-bestanden die achtergrond met tekening.jpg.

Kan iemand mij uitleggen wat ik moet doen voor dit probleem?
(Indien de uitleg ingewikkeld zou zijn, gelieve een vb te geven dan thx)

Hartelijk dank op voorhand. :)
Blutch
M

Mich

Legacy Member
tmakkelijkste lijkt met da ge boven elke html pagina dees zet (tussen <head> en </head>

<style type="text/css">
<!--
body { background-image: url("tekening1.JPG"); }
-->
</style>

lijkt me imo toch het simpelste als ge op elke pagina een andere achtergrond wilt
b

bRahms

Legacy Member
Ge kunt inderdaad, als het enkel voor de bg is, met een interne stylesheet werken. Wanneer ge ook andere zaken gaat veranderen, kunt ge 2verschillende externe stylesheets aanmaken en die oproepen met javascript:
<a href="index2.html" onClick="document.getElementById('inhoud').style.backgroundImage='url(\'tekening1.jpg\')'">
L

Le Preinz

Legacy Member
ik werk dan met classes
body
{
alle css die voor alle pagina's geldt
}

body.pag1
{
background-image: url("tekening1.JPG");
}

en dan telkens in uw html zet je in de body tag class='pag1'
B

BLUTCH 26

Legacy Member
De Mensen hierboven hebben mij goed geholpen. Echter nu heb ik een aansluitend probleem. Die verschillende achtergronden heb ik nu. Mijn website is ook af. Ik upload ze nu met Filezilla naar de server en wat blijkt: Die achtergronden zijn niet te zien. Hoe kan dat ? De tekeningen van de achtergrond zijn mee geupload, op mijn pc(offline) werkt mijn site perfect. Als ik het mapje van mijn website verplaats op mijn HD blijft mijn site goed werken(dus geen absolute links die dan niet meer werken) Maar online -->geen achtergrond!!!

HTML code van zo'n html pagina bij mij:
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/css">
<!--
body { background-image: url("achtergrondwosoft.JPG"); background-position:center; }
-->
</style>

<link rel="STYLESHEET" href="stijl.css" type"text/css"/>
<title>WWII</title>
</head>
<body>
<div id="navigatie">
<ul>
<li><a href="index.html">HOME</a></li>
<li class="hier">Vliegtuigen WWII</li>
<li><a href="Burgerluchtvaart.htm">Burgerluchtvaart</a></li>
....

Kan dat zijn dat er iets fout is met die Body tag.
Het CSS bestand zou hier normaal niets mee te maken hebben of toch?

Dank bij voorbaat.
L

Lashknife

Legacy Member
je verwijst naar .JPG: heet uw prent .JPG of .jpg want vaak zijn server linux based en die zijn case sensitive!

trouwens als je iets online zwiert, is het een goede manier van werken om AL je files ALTIJD lowercase namen te geven en NOOIT spaces of vieze tekentjes - à&é ofzo... - erin te zetten.
B

BertG

Legacy Member
het probleem is waarschijnlijk dat de locatie van je bg-img relatief anders is tegenover je HTML bestand dan je vorig css bestand.
, en dat je dat even bent vergeten in rekening te houden.

Hoe de zaken er nu voor staan moet je bg img in dezelfde directory zijn als je html file.
B

BLUTCH 26

Legacy Member
Het werkt HOERAAA!
Het lag dus aan .JPG --->.jpg
djeezes zo iets stom

ferm bedankt he iedereen!!!
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan