style marging-left...

Le
AlainL
Bonsoir,

Je voudrais insérer une marge entre l'image et le texte mais le <p
style> est sans effet.

-
<div class="box blanc50">
..

<img src="herbimages/gale_noisetier.jpg" width="50%" align="left"
alt="Noisetier" title="Noisetier">
<br />
<p style="marging-left:5px">Gale du noisetier :<br /> <br/>
une fleur femelle, parasitée par un acarien, Phytoptus avellanae.</p>
</div><!-- box blanc50 -->


La page est là, il s'agit de la boite d'en bas à gauche.

http://Autourdalos.fr/EssaisHerbier/corylus_avellana.htm


Merci pour vos conseils
alainL


L'absence de virus dans ce courrier électronique a été vérifiée par le logiciel antivirus Avast.
https://www.avast.com/antivirus
Vos réponses
Gagnez chaque mois un abonnement Premium avec GNT : Inscrivez-vous !
Trier par : date / pertinence
christian
Le #26466324
Le Sat, 03 Mar 2018 19:21:11 +0100, AlainL a écrit :
Bonsoir,
Je voudrais insérer une marge entre l'image et le texte mais le <p
style...> est sans effet.


-------------------------------------------------------------------------
<div class="box blanc50">
....................
<img src="herbimages/gale_noisetier.jpg"

width="50%" align="left"
alt="Noisetier" title="Noisetier">
<p style="marging-left:5px">Gale du noisetier :</p>
</div><!-- box blanc50 -->

et en mettant ta marge sur l'image ?
--
Christian
AlainL
Le #26466337
Le 04/03/2018 à 11:53, christian a écrit :
Le Sat, 03 Mar 2018 19:21:11 +0100, AlainL a écrit :
Bonsoir,
Je voudrais insérer une marge entre l'image et le texte mais le <p
style...> est sans effet.


-------------------------------------------------------------------------
<div class="box blanc50">
....................
<img src="herbimages/gale_noisetier.jpg"

width="50%" align="left"
alt="Noisetier" title="Noisetier">
<p style="marging-left:5px">Gale du noisetier :</p>
</div><!-- box blanc50 -->

et en mettant ta marge sur l'image ?


<img style="margin:0 2% 0 0" src="herbimages/gale_noisetier.jpg"
width="50%" align="left" alt="Noisetier" title="Noisetier">
Impeccable ! Merci
Bonne journée
alainL
---
L'absence de virus dans ce courrier électronique a été vérifiée par le logiciel antivirus Avast.
https://www.avast.com/antivirus
Pierre Maurette
Le #26466397
AlainL :
Bonsoir,
Je voudrais insérer une marge entre l'image et le texte mais le est sans effet.
-------------------------------------------------------------------------
<div class="box blanc50">
....................
<img src="herbimages/gale_noisetier.jpg" width="50%" align="left"
alt="Noisetier" title="Noisetier">
<p style="marging-left:5px">Gale du noisetier :
<br/>
une fleur femelle, parasitée par un acarien, Phytoptus avellanae.</p>
</div><!-- box blanc50 -->
------------------------------------------------------------------------
La page est là, il s'agit de la boite d'en bas à gauche.
http://Autourdalos.fr/EssaisHerbier/corylus_avellana.htm

C'est margin-left, et non marging-left. L'utilisation du débogueur (F12
dans le navigateur) vous aurait renseigné.
Vous devriez faire un truc plus carré:
<div class="box blanc50">
<div class="imgtitle">
votre titre
</div>
<div class="imgcomment">
votre baratin
</div>
</div>
Dans le css:
.box.blanc50 {
....
}
.box .imgtitle {
....
}
.box .imgcomment {
....
}
Ou plus moderne:
<figure class="box blanc50">
<figcation class="imgtitle">
votre titre
</figcation>
<figcation class="imgcomment">
votre baratin
</figcaption>
</figure>
Dans le css:
.box.blanc50 {
....
}
.box figcation {
....
}
.box figcation.imgcomment {
....
}
--
Pierre Maurette
Publicité
Poster une réponse
Anonyme