bonjour,
j'ai un site en dev qui comprend le code suivant :
avec la feuille de style suivante :
Voilà mon pb :
l'image dans mon texte se retrouve collée au bord de mon conteneur, alors que j'aimerais qu'elle soit, comme le reste, à 50px du bord. Je précise que l'ensemble du code texte ( images et paragraphes ) est généré en meme temps (c'est du SPIP).
Une solution consisterait à encadrer le code d'une balise <p></p> qui s'appliquerait ainsi à l'image, mais je me retrouverais avec un code contenant des ballises <p> en imbrication, ce qui m'ennuie...
UNe autre serait de mettre une marge intérieure à #content, mais je peux pas car mes titres sont prévus pour se coller au bord du conteneur...
Si quelqu'un a une solution, je suis preneur
j'ai un site en dev qui comprend le code suivant :
<div id="content">
<h1>Titre</h1>
<h2>Sous titre</h2>
<img src='monimage.jpg' width='100' height='133' alt="" style="border-width: 0px; float: right; margin: 4px;" />
<p>mon texte</p>
</div>
avec la feuille de style suivante :
#content {
width: 560px;
background-image: url(images/common/background_colonne.jpg);
background-repeat: repeat-y;
margin-left: auto;
margin-right: auto;
}
#content p, #content li, #content h3, #content h2, #content h6{
padding: 0 50px;
margin: 0 0 0.8em 0
}
Voilà mon pb :
l'image dans mon texte se retrouve collée au bord de mon conteneur, alors que j'aimerais qu'elle soit, comme le reste, à 50px du bord. Je précise que l'ensemble du code texte ( images et paragraphes ) est généré en meme temps (c'est du SPIP).
Une solution consisterait à encadrer le code d'une balise <p></p> qui s'appliquerait ainsi à l'image, mais je me retrouverais avec un code contenant des ballises <p> en imbrication, ce qui m'ennuie...
UNe autre serait de mettre une marge intérieure à #content, mais je peux pas car mes titres sont prévus pour se coller au bord du conteneur...
Si quelqu'un a une solution, je suis preneur