Image de fond + image avec du texte

Fermé
Berthum Messages postés 1 Date d'inscription samedi 9 novembre 2013 Statut Membre Dernière intervention 9 novembre 2013 - Modifié par Berthum le 9/11/2013 à 15:36
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 9 nov. 2013 à 17:35
Bonjour,
J'aimerai créer un petit site internet mais je n'arrive pas à mettre une image dans le fond avec par dessus une autre image qui aurait elle-même du texte (qui ne dépasse pas l'image de préférence). INCEPTION :O

Si vous pourriez m'aider ça serait vraiment super ! :)

1 réponse

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 226
9 nov. 2013 à 17:35
Salut,

<html>

<head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type">
<title>***</title>
<style type="text/css">
/*image de fond*/
body{
background: url('image-de-fond.png') top left no-repeat;
}
/*seconde image*/
#cadreimage{
width: 320px;
height: 240px;
background: url('seconde-image.png') no-repeat;
position: relative;
}
/*texte sur la seconde image en bas de l'image*/
#texte{
background-color: black;
color: #FFF;
width: 100%;
height: 30px;
position: absolute;
bottom: 0;
}
</style>
</head>

<body>
<div id="cadreimage">
<span id="texte">Ceci est un texte juste pour faire un teste.</span>
</div>
</body>
</html>

0