Hét vraag- en antwoordplatform van Nederland

kan je een <div> een background geven?

ik zat laatst naar een broncode van een website te kijken en kopieerde hun images en toen zag ik dat het achtergrond images waren omdat ze heel klein waren en de hele tijd herhaald werden in de div. Ik kon de code niet vinden dus ik vraag me af hoe je kan een achtergrond aan een div geven?

Alvast bedankt,

volledige code graag vanaf:

Verwijderde gebruiker
13 jaar geleden
Verwijderde gebruiker
13 jaar geleden
Een achtergrond kun je volgens mij alleen opgeven via css, zoals het antwoord van net aangaf... Waarom die nou weer weg is weet ik niet...

Heb je meer informatie nodig om de vraag te beantwoorden? Reageer dan hier.

Geef jouw antwoord

Het is niet mogelijk om je eigen vraag te beantwoorden Je mag slechts 1 keer antwoord geven op een vraag Je hebt vandaag al antwoorden gegeven. Morgen mag je opnieuw maximaal antwoorden geven.

/
Geef Antwoord
+
Selected image

Het beste antwoord

Een achtergrond geven aan een div, zal door middel van css moeten gebeuren.
Je maakt in je css een id aan, en daar zeg je, hoe hoog de div moet zijn, hoe breed de div moet zijn en wat de url is naar de afbeelding.
Bijvoorbeeld zo:








Hello World!







Je kunt er zelf mee spelen via deze link:
http://www.w3schools.com/cssref/tryit.asp?filename=trycss_background-image

Je kan de bovenstaande code kopieren en plakken, maar led wel op dat de enkele quote tekens, vervangen worden door goeievraag, dus die moet je wel weer even terug veranderen.

Toegevoegd na 5 uur:
Met dank aan rose:

Als je een grotere width of height instelt, dan dat de afbeelding daadwerkelijk is, dan zal de afbeelding automatisch herhaald worden, tenzij je deze regel toevoegt:

background-repeat:no-repeat;

Dus dan wordt het:

#imageWithBackground
{
background-image:url(‘paper.gif’);
width:200px;
height:200px;
background-repeat:no-repeat;
}

Zie hier de andere opties van 'background-repeat'.
http://www.w3schools.com/cssref/playit.asp?filename=playcss_background-repeat
(Lees meer...)
Verwijderde gebruiker
13 jaar geleden
Verwijderde gebruiker
13 jaar geleden
ik wil niet lullig doen maar je code werkt niet hoor
Verwijderde gebruiker
13 jaar geleden
sorry je heb gelijk het werkt wel :) bedankt
Verwijderde gebruiker
13 jaar geleden
:)
rose
13 jaar geleden
Je vergeet wel de repeat... (voor kleine plaatjes)
Verwijderde gebruiker
13 jaar geleden
Goed punt. Toegevoegd.
Deel jouw antwoord

Het is niet mogelijk om je eigen vraag te beantwoorden Je mag slechts 1 keer antwoord geven op een vraag Je hebt vandaag al antwoorden gegeven. Morgen mag je opnieuw maximaal antwoorden geven.

/
Geef Antwoord
+
Selected image