Probleme CSS
reflex
Messages postés
13
Date d'inscription
Statut
Membre
Dernière intervention
-
reflex Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
reflex Messages postés 13 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je souhaite décaler une image incluse dans un paragraphe au moyen d'une css en décrivant ce qui suit :
p.Result IMG
{
margin-left:100px;
}
L'image se décale bien dans l'interprétation du code html suivant :
<p class="Result">
<img src="images/mon_image.gif">
</p>
mais n'est plus interprété si un autre paragraphe vient se greffer dans le premier :
<p class="Result">
<p>autre paragraphe</p>
<img src="images/mon_image.gif">
</p>
Pourriez-vous m'aider à résoudre ce problème ?
Merci pour votre aide !
michel
Je souhaite décaler une image incluse dans un paragraphe au moyen d'une css en décrivant ce qui suit :
p.Result IMG
{
margin-left:100px;
}
L'image se décale bien dans l'interprétation du code html suivant :
<p class="Result">
<img src="images/mon_image.gif">
</p>
mais n'est plus interprété si un autre paragraphe vient se greffer dans le premier :
<p class="Result">
<p>autre paragraphe</p>
<img src="images/mon_image.gif">
</p>
Pourriez-vous m'aider à résoudre ce problème ?
Merci pour votre aide !
michel
A voir également:
- Probleme CSS
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
8 réponses
logiquement ut peux pas mettre un <p></p> dans un autre, pour passer une ligne mets deux/trois <br/>
Bonjour,
J'ai peut-etre manqué de clarté :
Dans le 1er cas,
<p class="Result">
<img src="images/mon_image.gif">
</p>
l'image est bien décalée de 100 pixels vers la droite;
dans le 2eme cas,
<p class="Result">
<p>autre paragraphe</p>
<img src="images/mon_image.gif">
</p>
l'image reste calée à gauche de la page, sans le décalage spécifié.
michel
J'ai peut-etre manqué de clarté :
Dans le 1er cas,
<p class="Result">
<img src="images/mon_image.gif">
</p>
l'image est bien décalée de 100 pixels vers la droite;
dans le 2eme cas,
<p class="Result">
<p>autre paragraphe</p>
<img src="images/mon_image.gif">
</p>
l'image reste calée à gauche de la page, sans le décalage spécifié.
michel
j'ai bien compris lol, et je te dis que c'est parce que tu epux pas mettre deux balises p l'une dans l'autre...
OK ! je n'avais pas lu le "pas" dans la premiere réponse, désolé !
C'est une transformation xsl qui me génère ceci ... je vais donc tenter d'en trouver l'origine pour contourner cette limitation.
Merci pour ton aide
michel
C'est une transformation xsl qui me génère ceci ... je vais donc tenter d'en trouver l'origine pour contourner cette limitation.
Merci pour ton aide
michel
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
en fait, ton navigateur comprends ça :
si un <p> porte la marque "Result" et contient une image alors l'image doit être décalée de 100 px
si ut ajoute un <p> entre deux, tu ajoute un block paragraphe dans un aute paragraphe, en fait le navigateur recalcule tous les emplacements, et donc ta propriété CSS est perdue... le moyen de le faire est de dire
.Result{
margin-left : 100px;
}
<p>premier paragraphe
<p>second paragraphe</p>
<img class="Result" src="tonimage.jpg"/></p>
si un <p> porte la marque "Result" et contient une image alors l'image doit être décalée de 100 px
si ut ajoute un <p> entre deux, tu ajoute un block paragraphe dans un aute paragraphe, en fait le navigateur recalcule tous les emplacements, et donc ta propriété CSS est perdue... le moyen de le faire est de dire
.Result{
margin-left : 100px;
}
<p>premier paragraphe
<p>second paragraphe</p>
<img class="Result" src="tonimage.jpg"/></p>
Oui, je comprends.
Cela dit, en pensant xml, disons xhtml, le tag <img> n'est autre qu'un fils direct du tag <p class="Result"> donc le navigateur devrait etre en mesure de s'y retrouver ... enfin bon, je vais essayer d'adapter la xsl !
Merci pour ton aide
michel
Cela dit, en pensant xml, disons xhtml, le tag <img> n'est autre qu'un fils direct du tag <p class="Result"> donc le navigateur devrait etre en mesure de s'y retrouver ... enfin bon, je vais essayer d'adapter la xsl !
Merci pour ton aide
michel
