Herhalende achtergrond

Nvu, Kompozer en Bluegriffon zijn open source (WYSIWYG) programma's waarmee je een website kunt maken en onderhouden (vergelijkbaar met FrontPage / Dreamweaver).
Plaats reactie
krizz
Berichten: 7
Lid geworden op: 24 maart 2012, 16:41
    Windows 7 Internet Explorer 9

Herhalende achtergrond

Bericht door krizz »

Beste mensen,

Ik ben nieuw op het forum. Ik ben kort geleden begonnen met het maken van een nu nog eenvoudige website.
Elke dag leer je wel iets, maar soms loop je tegen probleempjes aan waar je geen oplossing voor kan vinden. Het volgende is zo'n probleempje;

Ondanks dat ik zeer grote achtergronden uitzoek, blijft de achtergrond(en) zich herhalen. Hartstikke lelijk natuurlijk. Ik zag op internet allerlei oplossingen in HTML, maar daar kan ik niet mee werken. Hoe los je dit op binnen het programma zelf (Kompozer) ??

Ik zou hier graag de oplossing voor willen weten.
Alvast bedankt !

Krizz
Gebruikersavatar
Frederik
Moderator
Berichten: 4263
Lid geworden op: 1 juli 2004, 16:16
Locatie: Vriescheloo
    Windows XP Firefox

Re: Herhalende achtergrond

Bericht door Frederik »

Welkom om dit forum Krizz,

Dit is een veel voorkomend probleem veroorzaakt door het onjuist gebruik van achtergronden.
In het algemeen geldt (uitzonderingen daargelaten) dat achtergronden in een webpagina zich altijd herhalen.
De gemakkelijkste oplossing is geen foto/afbeelding te gebruiken als achtergrond maar een kleur of als het iets spannender moet zijn een achtergrondafbeelding met een naadloze structuur. Ook deze laatste herhaalt zich, maar je ziet het niet:
http://tinyurl.com/7sfvkx5
http://tinyurl.com/7cer9mf
krizz
Berichten: 7
Lid geworden op: 24 maart 2012, 16:41
    Windows 7 Internet Explorer 9

Re: Herhalende achtergrond

Bericht door krizz »

Frederik je bent een toppertje !

Thanks !
Heinz1946
Berichten: 1
Lid geworden op: 28 april 2012, 23:08
    Windows 7 Internet Explorer 9

Re: Herhalende achtergrond

Bericht door Heinz1946 »

Hallo,
een tip, je kan de achtergrond fixeren met volgend prog. Veel plezier ermee, maar lees het progje goed door, zeker daar waar je (jpg. gif. enz.) moet plaatsen.

Code: Selecteer alles

<style type="text/css"> 
body 
{ 
background-image: url(jouwplaatje.jpg); 
background-repeat: no-repeat; 
background-position: center ; //geef hier top center , bottom of center aan ,afhankelijk van de gewenste positie
background-attachment: fixed 
}
</style>
http://www.handleidinghtml.nl/css/eigen ... elden.html

Groetjes.
Plaats reactie