achtergrond afbeelding uitlijnen

Marco V · 04 dec 2011, 20:16

Beste,

Hoe kan ik een afbeelding niet laten meescrollen en de afbeelding rechts uit te lijnen ?

Groeten, Marco

coderunner · 04 dec 2011, 21:12

Beste Marco V

Plaats volgende code tussen de tags <head> en </head>

<style type="text/css">
body 
{
background-image:url('benaming_afbeelding.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right;
}
</style>

of met een style in de <body> tag

Code: Selecteer alles

<body style="background-image:url('benaming_afbeelding.jpg');background-repeat:no-repeat; background-attachment:fixed; background-position:right;">

Moet de afbeelding ook rechts bovenaan staan dan wordt de code

Code: Selecteer alles

<style type="text/css">
body 
{
background-image:url('benaming_afbeelding.jpg');
background-repeat:no-repeat;
background-attachment:fixed;
background-position:right top;
}
</style>

of met een style in de <body> tag

Code: Selecteer alles

<body style="background-image:url('benaming_afbeelding.jpg');background-repeat:no-repeat; background-attachment:fixed; background-position:right top;">

In bovenstaande codes wijzig je "benaming_afbeelding.jpg" in de juiste benaming van de achtergrond-afbeelding die je wil tonen.

mvg,
Coderunner

aloë vera · 21 dec 2011, 12:11

Beste coderunner. Ook deze code heb ik gekopïeerd en geplakt en ga daar ook mee aan de slag om te zien wat dit allemaal voor fraais kan brengen. T'is weer winter en ik heb weer tijd voor experimenten. Vriendelijke groet A.Vera

coderunner · 21 dec 2011, 14:56

Beste aloë vera,

Achter de "background-position: ..." kan je ook andere waarden meegeven naargelang waar je de achtergrond afbeelding wil hebben.
Deze waarden zijn:
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom

mvg,
Coderunner

aloë vera · 24 dec 2011, 12:10

Lees zojuist het bericht van coderunner. Dank je weer vriendelijk voor deze extra's. Kan nu echt naar hartelust experimenteren de komende dagen. Aan een ieder op het forum; Fijne kerstdagen en alvast een gezond ,gezellig en gelukkig 2012 toegewenst.
Vrolijke groeten Ellen