Bonjour,
je souhaite faire un arrière plan étirable sur un div. J'ai donc repris le code proposé par Alsacreations (voir à la fin du message). L'image s'insère sans problème dans mon div et s'adapte. Le seul problème c'est que lorsque le texte comporte plusieurs paragraphe c'est paragraphe ce supperpose, c'est loqiue me direz vous vu la définition de #arriere p. Je sais que le problème vient de la mais je n'arrive pas à le résoudre. Si quelqu'un pouvait m'aider.
Merci d'avance
Elo
/***************************************************/
Modifié par Elo44 (30 May 2005 - 15:24)
je souhaite faire un arrière plan étirable sur un div. J'ai donc repris le code proposé par Alsacreations (voir à la fin du message). L'image s'insère sans problème dans mon div et s'adapte. Le seul problème c'est que lorsque le texte comporte plusieurs paragraphe c'est paragraphe ce supperpose, c'est loqiue me direz vous vu la définition de #arriere p. Je sais que le problème vient de la mais je n'arrive pas à le résoudre. Si quelqu'un pouvait m'aider.
Merci d'avance
Elo
/***************************************************/
<style type="text/css">
<!--
html, body {
margin:0;
padding:0;
height: 100%;
width: 100%;
}
#arriere {
position: absolute; /* dimension et positionnement du bloc conteneur de l'image */
left: 10em;
top: 5em;
height : 20em;
width : 30em;
}
#arriere img {
/* l'image occupe toute la place de son bloc conteneur */
width : 100%;
height: 100%;
}
[b][b][b][b]#arriere p {
position: absolute; /* placement du texte par-dessus l'image */
top: 1em;
left: 1em;
font-size: 1.5em;
color: white;
}[/b][/b][/b][/b]-->
</style>
</head>
<body>
<div id="arriere"><img alt="" src="image.png />
<p>titre sur une image en arrière-plan étirée <br />
Modifiez la taille du texte avec votre navigateur : l'image suit la cadence !</p>
</div>
</body>
</html>
Modifié par Elo44 (30 May 2005 - 15:24)