Mettre une image en bas d'un div
Fermé
besten
Messages postés
90
Date d'inscription
mercredi 19 octobre 2011
Statut
Membre
Dernière intervention
29 septembre 2023
-
20 mars 2015 à 18:05
besten Messages postés 90 Date d'inscription mercredi 19 octobre 2011 Statut Membre Dernière intervention 29 septembre 2023 - 21 mars 2015 à 01:22
besten Messages postés 90 Date d'inscription mercredi 19 octobre 2011 Statut Membre Dernière intervention 29 septembre 2023 - 21 mars 2015 à 01:22
A voir également:
- Mettre une image dans une div
- Comment agrandir une image - Guide
- Créer une image iso - Guide
- Légender une image - Guide
- Telecharger une image disque windows 10 fichier iso - Guide
- Insérer une image dans word sans bouger le texte - Guide
4 réponses
Salut,
je vois je vois..ah non
Je suis plus maximum que médium alors je ne peut deviner votre code source.
Moi je ferais comme ceci:
<div>
<div style="width:100%">
contenu au dessus de l'image
</div>
<image src="monimage.jpg" alt="image en bas du premier div"/>
</div>
Quant aux écarts de 1 à plusieurs pixels entre les navigateurs ils viennent de la différence d'interprétation du HTML et CSS par ceux ci.
Ceux ci sont indiqués sur le site du consortium web(W3C), ceux qui ont fait les normes du web.
N'oubliez pas que DIV viens de divide, la traduction littérale n'est donc pas bloc(même si on parle de 2 types de comportements pour les balises: bloc et inline) mais division(de la page, d'un autre élément). Donc il serais dommage de n'utiliser cette balise dans un sens uniquement de bloc ce que sont toutes les balises d'affichage du HTML.
ps: vous avez aussi float qui sert au positionnement.
je vois je vois..ah non
Je suis plus maximum que médium alors je ne peut deviner votre code source.
Moi je ferais comme ceci:
<div>
<div style="width:100%">
contenu au dessus de l'image
</div>
<image src="monimage.jpg" alt="image en bas du premier div"/>
</div>
Quant aux écarts de 1 à plusieurs pixels entre les navigateurs ils viennent de la différence d'interprétation du HTML et CSS par ceux ci.
Ceux ci sont indiqués sur le site du consortium web(W3C), ceux qui ont fait les normes du web.
N'oubliez pas que DIV viens de divide, la traduction littérale n'est donc pas bloc(même si on parle de 2 types de comportements pour les balises: bloc et inline) mais division(de la page, d'un autre élément). Donc il serais dommage de n'utiliser cette balise dans un sens uniquement de bloc ce que sont toutes les balises d'affichage du HTML.
ps: vous avez aussi float qui sert au positionnement.
besten
Messages postés
90
Date d'inscription
mercredi 19 octobre 2011
Statut
Membre
Dernière intervention
29 septembre 2023
20 mars 2015 à 22:41
20 mars 2015 à 22:41
Bonsoir,
Je veux que le bloc soit de cette façon avec un titre (que je n'ai pas encore formaté) et une image (représentée par le rectangle jaune) qui touche le bas du cadre du bloc.
le code HTML :
Le code CSS :
Je vois par comment améliorer ça.
Je veux que le bloc soit de cette façon avec un titre (que je n'ai pas encore formaté) et une image (représentée par le rectangle jaune) qui touche le bas du cadre du bloc.
le code HTML :
<div id="bloc_fournisseurs"> <a href="fournisseurs.html">Les fournisseurs</a> <img src="image_fournisseurs.jpeg" alt="photo des fournisseurs" /> </div>
Le code CSS :
#bloc_fournisseurs {
display: inline-block;
float: left;
width: 178px;
height: 250px;
background-color: #C963D1;
margin-left: 12px;
text-align: center;
}
#bloc_fournisseurs img {
padding-top: 36px;
}
Je vois par comment améliorer ça.
telliak
Messages postés
3667
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
4 novembre 2024
876
20 mars 2015 à 23:23
20 mars 2015 à 23:23
Salut,
Avec une recherche minimale dans Gg, chez alsaCreations et bien d'autres
Avec une recherche minimale dans Gg, chez alsaCreations et bien d'autres
besten
Messages postés
90
Date d'inscription
mercredi 19 octobre 2011
Statut
Membre
Dernière intervention
29 septembre 2023
21 mars 2015 à 01:22
21 mars 2015 à 01:22
Ou alors, est-ce qu'on peut, à partir d'un bloc global, placer de manière relative (à partir du coin en haut à gauche) des éléments dans ce bloc ?
Et si oui, est-ce que cela a des effets différents selon les navigateurs ?
Et si oui, est-ce que cela a des effets différents selon les navigateurs ?
