1. #1
    iLu_RoX's Avatar
    Registered
    08/12/08
    Location
    Roeselare
    Posts
    384
    iTrader
    6 (100%)
    Mentioned
    0 Post(s)

    Achtergrond website

    Ik zou dus op mijn website een achtergrond willen plaatsen iets gemaakt bv in Photoshop .
    Nu het probleem is op mijn hd scherm zie ik de afbeelding 2 maal en door elkaar en op mijn mini laptop ( reslomuie kleiner ) zie ik zelfs de zijkant niet van de afbeelding . Hoe kan ik dit oplossen ?
    Zo staat hij er nu op
    Code:
    background-image: url('images/image.jpg');
    background-repeat: repeat;
    background-position: center;
    Btw ben een redelijke leek so be gentle
    no votes  

  2. #2
    Dieterg's Avatar
    Registered
    08/01/05
    Location
    Turnhout
    Posts
    1,182
    iTrader
    0
    Mentioned
    0 Post(s)
    Reputation
    9/9
    Als je die afbeelding over het hele scherm wilt (op elke resolutie hetzelfde) zal u moeten werken met javascript. Natuurlijk bestaan hier al 'plugins' voor, 1 daarvan is: Supersized - Full Screen Background Slideshow jQuery Plugin. Een live preview van dit kan je zien op de site van underdog (moderator hier op het forum). (of de demo natuurlijk).

    Wat je ook kan doen is de afbeelding in het midden zetten zonder te repeaten.
    Code:
    body {
       background: url(images/image.jpg) no-repeat top center;
    }
    voorbeeld van bovenstaande code is bv: League of Legends - Free Online Game | LoL - League of Legends (duw ctrl (plus) -) om te zien hoe hun het doen. 9lives is hier een slecht voorbeeld van :-).

    Veel succes ermee!
    -
    no votes  

  3. #3

    Registered
    14/08/10
    Location
    Diest
    Posts
    2,419
    iTrader
    1 (100%)
    Mentioned
    0 Post(s)
    Reputation
    8/16
    Uw code zegt toch duidelijk wat het doet ... 'repeat' = 'herhalen', dus het herhaalt de afbeelding tot heel het scherm vol staat. Om op te lossen, zie Mam.
    no votes  

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  

Log in

Log in