Support » CSS / opmaak vragen » 2 afbeedlingen in de achtergrond

  • 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)
  • Niemand een oplossing voor mij het lijkt me niet echt een moeilijk probleem..

    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.

    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.

    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 🙂

    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.