28173 sujets

CSS et mise en forme, CSS3

Bonjour, j'ai un problème concernant mon codage xhtml / css.
Je m'explique.
En fait, je voudrais écrire mon texte sur mon image, cependant mon texte s'inscrit sous mon image.

Mon Code Html
<div id="contenu">

<div class="image_contenu">
<img src="images/presentation.jpg" alt="Présentation" />
</div>

<div class="news">
<img src="images/news.png" alt="Présentation" />
</div>

<p>Lorem ipsum dolor sit amet...</p>

<div id="spacer">
</div>

</div>


Mon Css
#contenu {
width: 515px;
height: auto;
margin-left: 229px;
margin-right: 2px;
}


#spacer {
clear:both;
}

p {

padding:0px;
margin-left : 10px;
margin-right : 10px;
margin-top : 5px;
margin-bottom : 5px;
color: #767676;
}


D'avance merci pour votre aide !
Modifié par Florent V. (30 Dec 2007 - 12:49)
Bonjour,

Tu as plusieurs solutions pour superposer deux éléments, dont:
• remonter l'élément devant être au premier plan (ton texte en l'occurrence) par une marge supérieure négative
• recourir aux positionnements
• passer l'image en background de ton texte

Il faudrait un exemple concret pour t'aiguiller vers une piste en particulier.