Verloop over de hele pagina

[Matthiasb]

Hoe kan ik er op een goeie manier voor zorgen dat er een verloop als achtergrond is op de hele pagina zonder dat ik een afbeelding van bvb. 2000 x 5000 pixels moet gebruiken?

 

[Jelly]

Hoi,

Dan maak je bijvoorbeeld een afbeelding die van links naar rechts kan overlopen (zie bijlage voor voorbeeld), en maak je een CSS bestand met de volgende css-regels:

body {
background: #FFFFFF url('achtergrond.png');
background-repeat: repeat-x;}

Ik neem aan dat je van CSS afweet.

 

[Matthiasb]

Kan dit ook met een verticaal verloop?
Hier is een goed voorbeeld: http://www.urbanfonts.com/

 

[Tha Devil]

Ja hoor, gewoon repeat-x vervangen door repeat-y

 

[Matthiasb]

Gewoon vervangen door repeat-y gaat niet, dan geeft hij zoiets

. Het moet over de hele pagina komen...

 

[Tha Devil]

Tja logisch toch?

Je afbeelding is gemaakt voor een repeat-x. Deze is in de breedte langer dan in de lengte.

Wil je een verloop over de hele pagina hebben dan moet je hem in de breedte 1px maken en in de lengte het gewenste aantal pixels.

 

[Jelly]

Is het nog niet goed als je dat gradient-plaatje als achtergrond zet met repeat-x, en dan de achtergrondkleur instelt op de onderste kleur van dat plaatje? Dan loopt het toch mooi over?

body{
background: #hieronderstekleur url('hierachtergrondplaatje.png');
}

 

[Matthiasb]

OK, bedankt...