2 afbeedlingen in de achtergrond

davejje
(@davejje)

10 jaren, 2 maanden geleden
wat ik wil is eigelijk makkelijk de background.png staat als achtergrond
maar ik wil ergens op me site een plaatje op de achtergrond plaatsten

maar krijg dit niet klaar heb al meerder dingen geprobeerd maar kan de werkende code op internet niet vinden.

het gaat als main om background.png
en dan moet logo.png daar boven op komen.

wie kan me helpen zou fijn zijn moet morgen eigelijk klaar zijn…
huidige script
```
html { background: url('images/background.png');}
body {  font-size: .75em; font-family: Arial, Helvetica, sans-serif; background: url('images/header_bg.png') repeat-x center top; }
```
dit script heb ik geprobeert maar krijg het niet werkend wat doe ik fout?
```
html{
background: #f0e7d8 url(background.png) repeat-x top;
}
body{
background: url(logo.png) no-repeat top center;
font-family: Arial, Helvetica, sans-serif;
font-size: 0.95em;
}
```

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)

Thread starter davejje
(@davejje)

10 jaren, 2 maanden geleden

Niemand een oplossing voor mij het lijkt me niet echt een moeilijk probleem..
robelia
(@robelia)

10 jaren, 2 maanden geleden
In de style.css zet je bij body:
```
background-image:url('http://www.jouwebsite.nl/wp-content/themes/jouthema/images/achter.jpg');background-repeat: no-repeat;
```
Direct na de body tag <body> maak je een div (vaak net voor de wrapper) die je positioneert op de site met daarin het plaatje wat je wilt.
Thread starter davejje
(@davejje)

10 jaren, 2 maanden geleden
bedankt voor je reactie maar ben weer even aan de slag geweest
ik heb het volgende in de css gemaakt maar als resultaat een witte achtergrond en 2 de plaatje niet te zien.
```
/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/
<div id="backgroundmain">
<div id="backgroundsec">
</div>
#backgroundmin
{
    margin: 0px;
    background: url(images/background.png) repeat;
    width: auto;
}

#backgroundsec
{
    background: url(http://daverutten.nl/wp-content/uploads/logo11-300x117.png) repeat-y right;
    margin-right: -11px;
    margin-left: 11px;
    position: relative;
    top: 0px;
    left: 0px;
    padding-top: 3px;
    width: auto;
}
```
mischien handig om te weten maar het gaat om de polisched theme van elegant themes.
robelia
(@robelia)

10 jaren, 2 maanden geleden

Even zorgvuldig lezen
De div moet niet in de css staan! maar in in de php file waar je het plaatje wilt hebben.
Dus:
<head></head> hier staan de declaraties etc
<body>
Hier komt de inhoud van de site
Meestal is er dan een wrapper waarin je de div paatst en positioneert
</body>
De background moet je anders positioneren
Tis wat he 🙂

Thread starter davejje
(@davejje)

10 jaren, 2 maanden geleden

haha het valt allemaal wel mee inderdaad het is me gelukt!

hartelijk bedankt!

5 reacties aan het bekijken - 1 tot 5 (van in totaal 5)

Het onderwerp ‘2 afbeedlingen in de achtergrond’ is gesloten voor nieuwe reacties.

Onderwerptags

Weergaven