Det er nemmest at lave ændringerne direkte i kildekoden:
Åbn siden i Nvu.
Lav en backup af siden (Filer => Gem som). Mere så siden ikke ødelægges, hvis jeg har overset/glemt noget.
Åbn atter den originale side
(har du allerede en kopi, kan du springe ovenstående over)
Klik på fanebladet Kildekode nederst i programvinduet.
Find denne kode (den ligger i starten af siden):
<body style="height: 748px; background-image: url(
http://familienottosen.dk/m1.jpg); margin-left: 105px; width: 770px;">
og udskift den med denne kode:
<body
style="background-image: url(
http://familienottosen.dk/m1.jpg); background-repeat: repeat-y; background-position: center top;">
Nu bliver billedet midterstillet, og der vil være hvidt uden om det, hvis siden er bredere end billedet. Ovenstående gentager stadig billedet lodret, hvis browservinduet er højere end billedet. Du kan ændre dette ved at udskifte
repeat-y i ovenstående med
no-repeat, men så vil der blot være hvidt under billedet, og det er måske ikke så kønt.
Men du får et andet problem ved ovenstående. Din tekst vil ikke stå som ønsket på billedet, men vil forrykkes alt efter den besøgendes bredde på browservinduet. Det kan heldigvis nemt løses.
Lige efter ovenstående kode indsætter du:
<div
style="width: 770px; margin-left: auto; margin-right: auto; text-align: left;">
og allernederst finder du koden:
</body>
og udskifter den med koden:
</div></body>
Så burde det virke som ønsket.
Mvh.
Kim Ludvigsen