Logo GNT
Actualités Tests & Guides Bons Plans
Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11
Entraide Développement Développement Langage PHP positionnement images

positionnement images

6 réponses
Avatar
Petit Scarabée
bonjour à tous

soit 2 images l'une sous l'autre comme ceci

</head>
<body>
<img src="/private/bestofjuillet05/P1010072.jpg"><img
src="/private/bestofjuillet05/P1010102.jpg">
</body>
</html>

comment avec les feuilles de style créer un espace vertical entre les
images ?

je travaille avec dreamweaver mx 2004

je vous remercie
Signaler un problème avec ce contenu

6 réponses

Supprimer
Cette action est irreversible, confirmez la suppression du commentaire ?
Signaler le commentaire

Veuillez sélectionner un problème

Nudité
Violence
Harcèlement
Fraude
Vente illégale
Discours haineux
Terrorisme
Autre
Avatar
Petit Scarabée
Christian a exprimé avec précision :


(je n'ai pas bien compris où devait se trouver l'espace)



entre le bas d'une image et le haut de la suivante (dans un sens
vertical ;o)

--


ps : vous pouvez si vous le souhaitez me répondre directement

Avatar
Steph.K
Petit Scarabée a écrit :
bonjour à tous

soit 2 images l'une sous l'autre comme ceci

</head>
<body>
<img src="/private/bestofjuillet05/P1010072.jpg"><img
src="/private/bestofjuillet05/P1010102.jpg">
</body>
</html>

comment avec les feuilles de style créer un espace vertical entre les
images ?




Tout simplement en mettant tes images dans des paragraphes :
<body>
<p>
<img src="/private/bestofjuillet05/P1010072.jpg">
</p>
<p>
<img src="/private/bestofjuillet05/P1010102.jpg">
</p>
</body>

--
Steph.K
http://www.acces-pour-tous.net
http://validateur-accessibilite.apinc.org/
Avatar
Damien Hardy
Steph.K a écrit :
Petit Scarabée a écrit :

bonjour à tous

soit 2 images l'une sous l'autre comme ceci

</head>
<body>
<img src="/private/bestofjuillet05/P1010072.jpg"><img
src="/private/bestofjuillet05/P1010102.jpg">
</body>
</html>

comment avec les feuilles de style créer un espace vertical entre les
images ?





Tout simplement en mettant tes images dans des paragraphes :
<body>
<p>
<img src="/private/bestofjuillet05/P1010072.jpg">
</p>
<p>
<img src="/private/bestofjuillet05/P1010102.jpg">
</p>
</body>





Pourquoi compliquer les choses ? pas la peine de faire une soupe de balise meme valide ...

img { display: block;
margin-bottom: 1em;
}

Dam
Avatar
Christian
Petit Scarabée nous disait:

bonjour à tous

soit 2 images l'une sous l'autre comme ceci

</head>
<body>
<img src="/private/bestofjuillet05/P1010072.jpg"><img
src="/private/bestofjuillet05/P1010102.jpg"> </body>
</html>

comment avec les feuilles de style créer un espace vertical entre les
images ?



img.espace {margin : 20px}
ou plus précisément
img.espace {margin-bottom : 20px}
ou
img.espace {margin-right : 20px}

(je n'ai pas bien compris où devait se trouver l'espace)

et dans le html : <img class="espace" ...><img class="espace" ...>

--
Christian
Avatar
Christian
Petit Scarabée nous disait:

Christian a exprimé avec précision :


(je n'ai pas bien compris où devait se trouver l'espace)



entre le bas d'une image et le haut de la suivante (dans un sens
vertical ;o)



alors
img.espace {margin-bottom : 20px}

--
Christian
Avatar
Thibaut Allender
On 31/07/2005 14:29, Christian wrote :
img.espace {margin-bottom : 20px}



il vaut mieux regrouper les images dans un conteneur, et appliquer la
classe au conteneur, ça évite la répétition du class="espace" sur tous
les <img> :

<div class="images">
<img ...>
<img ...>
</div>

.images img {
display: block;
margin: 0 0 20px;
}

Sans oublier le display: block, bien sur, sinon les images seront l'une
à côté de l'autre, mais Damien l'avait signalé.

--
thibaut allender | http://capsule.org | http://photo.capsule.org