Op deze website gebruiken we cookies om content en advertenties te personaliseren, om functies voor social media te bieden en om ons websiteverkeer te analyseren. Ook delen we informatie over uw gebruik van onze site met onze partners voor social media, adverteren en analyse. Deze partners kunnen deze gegevens combineren met andere informatie die u aan ze heeft verstrekt of die ze hebben verzameld op basis van uw gebruik van hun services. Meer informatie.

Akkoord

Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

background no-repeat

Mrs.Birdlover
27 antwoorden
  • hallo,

    ik zit nu al zóóóó lang uit te proberen hoe ik nou maar één background image krijg i.pv. dat hij elke keer herhaald wordt. dus ik heb de vraag of iemand mij kan helpen om mij de code tegeven (en waar ik die precies moet neer zetten) zodat mijn background niet meer herhaald is.
  • Die vraag is hier wel vaker langsgekomen… en als je al zo dichtbij bent met de term "no-repeat" vraag ik me af waarom je niks op Google vind… :o

    maar om je even een zetje te geven: kijk hier es: http://www.w3schools.com/css/pr_background-position.asp
  • tuurlijk heb ik al op google gezocht… maar daar kreeg ik o.a. http://www.w3schools.com/css/pr_background-position.asp maar toen ik dacht dat ik het allemaal goed had gedaan was ook mijn hele background weg…
  • Geef je het adres van je achtergrondafbeelding ook op in css?

    [code:1:f2bd310dfa]body
    {
    background-image: url(eventueel_pad/achtergrondafbeelding.gif);
    background-repeat: no-repeat;
    background-position: top left;
    }[/code:1:f2bd310dfa]

    Dus wel even het goede adres (relatief pad+bestandsnaam of absoluut adres met http://)

    ps. stukje van je broncode (html+css) of adres van je site posten is handig om foutjes te zoeken…
  • Zie ook bijv.:
    www.handleidinghtml.nl/css/eigenschappen/kleur-achtergrond.html
    www.htmldog.com/guides/cssintermediate/backgroundimages/

    [edit]reeds door redmar gezegd[/edit]

    O ja, die 'no-' bij no-repeat moet dan dus wel weg in redmars code.
  • [code:1:318b54d0db]<STYLE TYPE="text/css">
    <!–

    BODY { background-image: url('file:///C:/Documents%20and%20Settings/Joost/My%20Documents/templates/l2d026.psd'); background-repeat: no-repeat }
    P { color: #000000; background-color: #FFFFFF; margin: 40px; }
    –>
    </STYLE>[/code:1:318b54d0db]

    zo heb ik het dus staan, dit is dus kennelijk fout :( ik hoop dat iemand me kan verbeteren…
  • Misschien moet je die psd even converteren naar jpg, ik heb een vermoeden dat een browser geen Photoshopbestanden toont.

    En verder 'repeat' i.p.v. no-repeat (want je wilde het toch laten herhalen?).
  • weer iemand die gewoon maar wat doet zonder eerst in te lezen…

    http://www.weballey.net/

    begin daar maar eens. Verder kun je (uiteraard) geen .psd afbeelding als achtergrond gebruiken. Naast het feit dat het formaat veels te groot is, zou je de bezoeker verplichten photoshop te gebruiken, een programma waarvoor betaald hoort te worden, zoals jij vast en zeker weet. Je moet er dus een afbeelding van maken waar je browser mee kan omgaan, zoals .jpeg of .gif of eventueel .png. Verder heeft verwijzen naar een bestand op jou harde schijf thuis natuurlijk niet zoveel zin op internet…
  • je moet tog je locatie opgeven? of zeg ik nou weer iets heel erg doms… waar zou ik die dan kunnen vinden :oops:
  • je zegt niets doms. Je moet inderdaad een path opgeven. Maar het beste kun je dat 'relatief' doen. Dat wil zeggen, vanuit de locatie waar je ook je html pagina('s) hebt staan.

    bijv. staat je html in een map c:/website/ en al je plaatjes in een map c:/website/images/ dan kun je vanuit je html bestand naar je plaatjes verwijzen door als path 'images/' te gebruiken.

    background-image: url('images/l2d026.jpg'); bijv.

    Als je de pagina dan op internet zet (ik neem aan dat dat uiteindelijk de bedoeling is) dan blijft dat intact. Als je verwijst naar [i:d95397f9c2]'file:///C:/Documents%20and%20Settings/Joost/My%20Documents/templates[/i:d95397f9c2] dan zal mijn browser bij een bezoek aan jouw website, op mijn harde schijf zoeken in my Documents van de gebruiker Joost, maar ik heb jou plaatje natuurlijk niet.
  • [quote:8df08fce64]hoe ik nou maar [u:8df08fce64]één background image[/u:8df08fce64] krijg [i:8df08fce64]i.pv.[/i:8df08fce64] dat hij [u:8df08fce64]elke keer herhaald[/u:8df08fce64] wordt[/quote:8df08fce64]

    dat is toch[b:8df08fce64] no-repeat [/b:8df08fce64]:P
  • [quote:c099fc53fb="redmar"]Geef je het adres van je achtergrondafbeelding ook op in css?

    [code:1:c099fc53fb]body
    {
    background-image: url(eventueel_pad/achtergrondafbeelding.gif);
    background-repeat: no-repeat;
    background-position: top left;
    }[/code:1:c099fc53fb]

    Dus wel even het goede adres (relatief pad+bestandsnaam of absoluut adres met http://)

    ps. stukje van je broncode (html+css) of adres van je site posten is handig om foutjes te zoeken…[/quote:c099fc53fb]

    wat bedoeld deze meneer met eventueel_pad?
  • [quote:c5e39ed5c6]wat bedoeld deze meneer met eventueel_pad?[/quote:c5e39ed5c6]
    Nou, als je je html bestanden in je root hebt staan, en je hebt daarin ook een map voor je plaatjes - zoals bijv. "images" dan wordt het:
    [code:1:c5e39ed5c6]background-image: url('images/plaatje.gif');[/code:1:c5e39ed5c6]
    En als je bijv. in je map "images" nog een map voor de achtergronden hebt - zoals bijv. "bg" dan wordt het:
    [code:1:c5e39ed5c6]background-image: url('images/bg/plaatje.gif');[/code:1:c5e39ed5c6]
    In de voorbeelden is "plaatje.gif" de achtergrondafbeelding. Dit kan zoals eerder genoemd een GIF (.gif), JPG/JPEG (.jpg) of eventueel een PNG (.png) bestand zijn.
  • Daar bedoeld die meneer mee dat hij niet weet waar jij je plaatjes bewaard.

    In het algemeen is het handig om alles wat bij je website hoort in 1 map te zetten, eventueel binnen die map weer verdeelt over submappen. Zoals in bovegenoemd voorbeeld. C:/website is de map met alles voor je website. Daarin staan je html bestanden en bijvoorbeeld een direcctory 'images' met al je plaatjes erin. Dan is 'images/' het eventueel_pad dat die meneer bedoeld.

    Of stel dat je binnen de directory images nog meer mappen hebt. c:/website/images/achtergronden/ bijvoorbeeld. Dan is het eventuele path (gezien vanuit je c:/website directory) 'images/achtergronden/'

    [p.s. redmar, 2 zielen 1 gedachte :) ]
  • sorry, kweet het al
  • [quote:e35f92ba5c]p.s. redmar, 2 zielen 1 gedachte[/quote:e35f92ba5c]
    hoeveel gedachten kun je hierover hebben :wink:
  • oh, hij weet het al…
  • ik heb nu dit ingevuld maar hij doet het nog steeds niet :cry:

    [code:1:f97ab0206a]<body
    {
    background="file:///C:/Documents%20and%20Settings/Joost/My%20Documents/templates/New%20Folder/leuk.gif">
    background-repeat: no-repeat;
    background-position: top left;
    }
    </body>[/code:1:f97ab0206a]

    ik heb geloof inmiddels wel alles gedaan wat jullie hebben gezegd, of doe ik dat toch nog iets fout?
  • nu smeer je html en css door mekaar heen…
    probeer het eens zo:
    [code:1:f78fea1cee]<body style="background-image:url('relatief_pad/leuk.gif');background-repeat:no-repeat;background-position:top left;">

    TEKST/INHOUD

    </body>[/code:1:f78fea1cee]
    En dat met dat pad/mapnaam hebben we je toch wel genoeg mee geholpen? :-?
  • Je doet het nog niet goed.
    Het "pad" is namelijk nog steeds fout: lees de racties van Redmar en Naam eens goed door.
    De foto's moeten in dezelfde map komen als je website staat. In die website-map maak je een nieuwe map "images" aan, en daar stop je de foto's in…. :wink:

Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.