Probleme CSS

Fermé
reflex Messages postés 13 Date d'inscription mardi 15 octobre 2002 Statut Membre Dernière intervention 2 septembre 2008 - 2 sept. 2008 à 12:53
reflex Messages postés 13 Date d'inscription mardi 15 octobre 2002 Statut Membre Dernière intervention 2 septembre 2008 - 2 sept. 2008 à 17:14
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

8 réponses

artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
2 sept. 2008 à 13:18
logiquement ut peux pas mettre un <p></p> dans un autre, pour passer une ligne mets deux/trois <br/>
-1
reflex Messages postés 13 Date d'inscription mardi 15 octobre 2002 Statut Membre Dernière intervention 2 septembre 2008
2 sept. 2008 à 13:25
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
-1
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
2 sept. 2008 à 13:41
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...
-1
reflex Messages postés 13 Date d'inscription mardi 15 octobre 2002 Statut Membre Dernière intervention 2 septembre 2008
2 sept. 2008 à 15:30
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
-1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
2 sept. 2008 à 16:34
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>
-1
reflex Messages postés 13 Date d'inscription mardi 15 octobre 2002 Statut Membre Dernière intervention 2 septembre 2008
2 sept. 2008 à 16:53
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
-1
artragis Messages postés 481 Date d'inscription mardi 12 juin 2007 Statut Membre Dernière intervention 6 avril 2010 146
2 sept. 2008 à 16:57
biensur que c'est un fils direct de ton premier paragraphe, mais à cause de ta balise p à l'interrieur, il y a un conflit. c'est tout

ps disons que xml et xhtml ne sont pas tout à fait pareils non plus lol...
-1
reflex Messages postés 13 Date d'inscription mardi 15 octobre 2002 Statut Membre Dernière intervention 2 septembre 2008
2 sept. 2008 à 17:14
oui enfin dans la structuration des données, c'est bien la meme chose ...!
-1