Image de fond au dessous d'un tableau
Informaticienne en herbe
-
gardiendelanuit Messages postés 1772 Date d'inscription Statut Membre Dernière intervention -
gardiendelanuit Messages postés 1772 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je cherche depuis toute la journée comment on fait pour avoir une image qui s'étire sur toute la page Web, s'affichant derrière mon tableau. Lorsque j'ai ENFIN trouvé la solution, mon tableau s'affiche en bas, juste après l'image :/! Comment faire pour l'image s'affiche derrière le tableau? Voici mon code:
<style type="text/css">
<!--
html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}
#arriere{
width : 100%;
height: 100%;
}
-->
</style>
<img id="arriere" alt="" src="Vintage-Grunge-Wood-Textures_WebTexture_net.jpg" />
Aidez moi SVP! Merci!
Je cherche depuis toute la journée comment on fait pour avoir une image qui s'étire sur toute la page Web, s'affichant derrière mon tableau. Lorsque j'ai ENFIN trouvé la solution, mon tableau s'affiche en bas, juste après l'image :/! Comment faire pour l'image s'affiche derrière le tableau? Voici mon code:
<style type="text/css">
<!--
html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}
#arriere{
width : 100%;
height: 100%;
}
-->
</style>
<img id="arriere" alt="" src="Vintage-Grunge-Wood-Textures_WebTexture_net.jpg" />
Aidez moi SVP! Merci!
1 réponse
-
Bonjour,
Pour ça il faudrait que tu mettes ton image en background dans le body (en fonction de ce que tu veux).
Merci de mettre "Résolu" quand nos réponses vous ont satisfaites!
La connaissance c'est comme la confiture: moins on en a et plus on l'étale.-
Oui, oui, mais dans ce cas là l'image de fond sera affiché en Mosaïque :/ alors que moi je voudrai l'afficher sur la totalité de la page. Il faut juste que mon tableau puisse affiché sur l'image de fond et pas après l'image. J'ai essayé ce code en Css, mais l'image ne s'affiche pas sur la totalité de la page :/ :
<html>
<head>
<style type="text/css">
<!--
body
{
background-image:url("Vintage-Grunge-Wood-Textures_WebTexture_net.jpg");
background-repeat:no-repeat;
background-position: center center;
}
-->
</style>
</head>
<body>
<table border=0 align=center >
<tr>
<td> </td>
<td align=center><img src="music3_f-610x364.jpg"></a><br></td>
<td> </td>
</tr>
<tr>
<td align=center valign=bottom><h1> Inscription </h1></td>
<td align=center valign=bottom><h1> Information de la semaine </a></h1></td>
<td align=center valign=bottom><h1> Contacts </a></h1></td>
</tr>
</table>
</body>
</html> -
-
-
-
-
