Background instellen in html lukt niet!

Status
Niet open voor verdere reacties.
Clippy

Clippy

Gebruiker
Lid geworden
13 okt 2012
Berichten
20
Hoi

Ik heb een vraag:
Wat doe ik fout? Ik probeer een achtergrond in te stellen maar dat lukt niet!
Ik heb al een aantal codes geprobeerd, en heb zelfds de afbeeldings formaat en extensie aangepast,
maar zelfds dat werkt niet! Help!
Code:

<html>
<head>

<title>Bussen in Almere</title>

<link rel="shortcut icon" href="favicon2.ico" type="image/x-icon" />

</head>

<div style="background-image:url(/bussen_in_almere/background.gif);
background-repeat:repeat;
width:200px;
height:200px;">
<p>HTML background code is limited, CSS background code is much better!</p>
</div>

<CENTER><p style="font-size:20pt;line-height:25pt;">Welkom bij Bussen in Almere.com!</p></CENTER>

</html>

Jaimy
 
Geen idee of dit de oorzaak van je probleem is, maar je pagina mist een body. Deze moet je toevoegen zoals hieronder:
HTML: 
<html>
<head>

<title>Bussen in Almere</title>

<link rel="shortcut icon" href="favicon2.ico" type="image/x-icon" />

</head>
<body>
<div style="background-image:url(/bussen_in_almere/background.gif);
background-repeat:repeat;
width:200px;
height:200px;">
<p>HTML background code is limited, CSS background code is much better!</p>
</div>

<CENTER><p style="font-size:20pt;line-height:25pt;">Welkom bij Bussen in Almere.com!</p></CENTER>
</body>
</html>
 
Waarom staan die "width" en "height" in de style? Die zou ik er maar uithalen.
 
... dat zou ik misschien maar niet doen. ;)
  • dan wordt de <div> maar net zo hoog als de <p> die er in zit, en dan wordt de <div> met z'n <p> er in niet 200px breed, maar paginabreed (aldus),
  • terwijl het de bedoeling lijkt er een vierkant blokje van 200px * 200px van te maken (aldus).

Is het misschien de eerste slash / in de url(/bussen_in_almere/background.gif)?
Als het image staat in een map bussen_in_almere die binnen de map van de pagina zit, dan moet die / er uit, anders zal het plaatje niet gevonden kunnen worden.
Of gaat er iets anders fout?
 
Zou het de bedoeling zijn dat de <div> uiteindelijk 200x200 wordt (da's niet veel)
of heeft hij hier alleen maar de afmetingen van de bestaande background.gif willen meegeven?
 
Eigelijk wil ik het voor de hele achtergrond gebruiken, alleen dacht ik eerst dat het te groot was, dus heb ik het in het klein (200x200) geprobeerd.
Zonder / werkt het ook niet.
 
Ik denk dat het aan mijn afbeelding ligt: ik heb de code van csshunter gekopieërd (om te testen), en het werkte nog steeds niet. Wat is het formaat van de afbeelding die jij gebruikte?
 
Laatst bewerkt:
To tecsman: geen idee... heb hem eerlijk gezegd niet zelf gemaakt :o
 
OK,

Die "repeat"-declaratie betekent dat je achtergrond plaatje herhaald wordt,
zo vaak als nodig is om "de lading te dekken"
dat wil zeggen:
de omvang van de div wordt bepaald door de werkelijke inhoud,
de achtergrond past zich met 'repeat' automatisch aan.

Dus ook al is je achtergrond plaatje 2x2 dan maakt dat nog niks uit. Als de inhoud ervoor zorgt dat je div bijvoorbeeld 1000x600 is, dan wordt dat plaatje dus 1500 keer herhaald.


Oh en heb je het al geprobeerd zonder "width" en "height"?
 
Laatst bewerkt:
Maar mijn afbeelding is iets in de 2000x2000 (ongeveer) en daar gebeurd er niks. Is hij misschien te groot?
En zonder "width" en "height" veranderde er niks.
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan