Achtergrond passend maken

Status
Niet open voor verdere reacties.

Bruce The Boss

Terugkerende gebruiker
Lid geworden
14 aug 2002
Berichten
1.945
Hallo,

Ik heb een vraag over de achtergrond voor een website.

Ik heb een *.gif bestand dat ik wil gebruiken als achtergrond voor een site.

Nu heb ik een aantal vragen:
* hoe groot moet ik zo'n gif bestand nu maken (ik heb hem nu gemaakt op de maat 1024 x 987) maar is dat wel goed??
* ik wil deze achtergrond ook zo gebruiken dat hij "scherm onafhankelijk" is. (of iemand nu een resolutie heeft van 1024 x 767 of 1152 x 864 of .......)

Ik zit er een beetje mee te stoeien hoe ik dat moet doen.

Wie kan me helpen?
 
gewoon deze kink in de body ven je HTML script zetten

<body background="*.gif">
het formaat word automatische aan gepast, als je file 600×800 is , en je resolutie 1280×1024, dan word de afbeelding gewoon herhaald, en aan elkaar geplakt,
 
Ik heb hem er nu zo instaan;

.style5 {font-size: 9px}
body {
background-image: url(plaatjes/achtergrond_nieuw.gif);
background-repeat: no-repeat;

Maar dat moet dan weg?
 
Zoals ik het nu heb ingesteld is het niet goed.
Bij een schermrsolutie van 1024*767 staat het blauwe gedeelte in het midden maar bij een resolutie van 1280 * 720 schuift hij naar links op ......... :(
 
Laatst bewerkt:
Herhalen van achtergrond vind ik inderdaad niet mooi uit zien.
Misschien werkt dit voor jou?

<style type="">
<!--
body {
background-image: url(Your_Image_Location_Here.gif);
background-repeat: no-repeat;
height: 100%;
width: 100%;
background-position: bottom;
}
//-->
</style>


PS je bovenste foto's zien er vervormd uit. De juiste afmetingen maak je in een fotobewerkingspakket, en in je HTML code geef je de Width en Height tags altijd de exacte beeldafmetingen mee.
Het "dwingen" van een image naar een andere resolutie middels andere Width en Height waarden geeft altijd vervormingen of slechtere beeldkwaliteit. (jagged randjes)
 
Laatst bewerkt:
Ik heb het bovenstaande gedaan (denk ik :o ) maar als ik de resolutie nu instel op 1280 * 720 dan gaat het helemaal fout.

Moet ik de GIF afbeelding soms groter maken?
 
Ik zal je site eens even binnenhalen... ff kijken.

...is toch wat lastiger, je ontkomt niet aan een beetje .js script.

Google eens naar "full screen background html" voor tips.
Kwestie van uitproberen en passend maken voor jouw site.
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan