achtergrond foto

Status
Niet open voor verdere reacties.
M

mariannevanh

Terugkerende gebruiker
Lid geworden
14 dec 2004
Berichten
2.135
Ik wil een webpagina maken met een foto als achtergrond van een te plaatsen tabel. Aangezien de foto kleiner is dan de breedte, wordt de foto nu "herhaald" aan de rechterzijde.
Ik wil echter dat de foto wordt "uitgerekt" en de hoogte daarbij automatisch wordt aangepast.
Welk parameters moet ik daarvoor in onderstaand HTML-commando gebruiken?
<IMG SRC="plaatje.gif" ??? ??? ???>
 
Geplaatst door guidovanh
Ik wil een webpagina maken met een foto als achtergrond van een te plaatsen tabel. Aangezien de foto kleiner is dan de breedte, wordt de foto nu "herhaald" aan de rechterzijde.
Ik wil echter dat de foto wordt "uitgerekt" en de hoogte daarbij automatisch wordt aangepast.
Welk parameters moet ik daarvoor in onderstaand HTML-commando gebruiken?
<IMG SRC="plaatje.gif" ??? ??? ???>
Klik om te vergroten...


HEIGHT=100% WIDTH=100% ??
 
die tag die je geeft <IMG SRC="plaatje.gif" ??? ??? ???> kan sowieso al niet. Want dit gebruik je bij gewone afbeeldingen en niet bij achtergronden want dat is namelijk: <body background="plaatje.gif">

Met die width en height gaat niet lukken in de body tag. Ik heb ook even gezocht hoe het dan wel moest. Ik ben er niet zeker van of het werkt maar dit KAN een oplossing zijn:
PHP: 
<html>   
<head>   </head>   
<body style="margin: 0px; padding: 0px;">   
<div style="width: 100%; height: 100%; left: 0px; top: 0px; position: absolute; z-index: 0;">   
<img src="plaatje.gif" style="width: 100%; height: 100%;">   
</div>   
<div style="z-index: 1; position: absolute;">   
Hier komt alle verdere INFO
</div>   
</body>  
</html>
En hier werken ze dus wel weer met <img src="... omdat het hier op een hele andere manier als achtergrond wordt gezet
 
Een plaatje kun je niet uitrekken in een webpagina. Als je het als achtergrond groter wilt hebben, dan zal je in een fotobewerkingsprogramma een groter plaatje moeten maken.
Als je het plaatje niet wilt laten herhalen dan zal je dat in de style moeten meegegeven:

PHP: 
<style>
table {
background-image:url plaatje.gif);
background-repeat:no-repeat;
}
</style>
 
<HTML>
<head>
<title>Guido van Harten</title>
<style>
table {
background-image:url http://guido.vanharten.net/pics/guido.jpg);
background-repeat:no-repeat;
}
</style>

</head>

<p><font face="Arial">Op deze pagina wil ik testen hoe ik een pagina kan
voorzien van een achtergrondplaatje dat NIET wordt herhaald, maar netjes wordt
uitgestrekt over de beschikbare breedte.</font></p>
</html>
Klik om te vergroten...
Je moet ook wel een tabel in je body zetten. Nu staat er alleen een <p> tag
 
Uitrekken moet je niet aan beginnen; denk hierbij aan verschillende resoluties!

Verder; zie hierboven.
 
Ik heb een en ander aangepast, alleen nog geen resultaat. Wat zit er nu nog fout?
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan