Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

style marging-left...

3 réponses
Avatar
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

3 réponses

Avatar
christian
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="marging: 5px" .... >
--
Christian
Avatar
AlainL
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="marging: 5px" .... >

<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
Avatar
Pierre Maurette
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">
<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">
<img etc.>
<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">
<img etc.>
<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