-
Insérer image dans div
Bonjour
je voudrais savoir pourquoi que quand je créé une div dans mon css en lui donnant une image en background j'arrive à la voir
mais quand dans ma div je ne précise pas de background
et que je met directement un <img src....> directement
dans mon html entre mes balises div l'image ne s'affiche pas
<div class="conteneur">
<img src="....">
</div>
Pourquoi ?
en vous remerciant de vos réponses
-
Salut,
C'est tout à fait normale si tu n'as pas indiqué la taille de l'image dans css...
(largeur et hauteur)...
-
Ca provient forcément du path ..
Si ton background était défini dans ta feuille de style, le path de l'image est par rapport à cette feuille de style.
Donc le path de l'image dans ta balise img n'est pas le même, sauf si ta feuille de style et ton document HTML sont dans le même dossier.
-
Qu'est-ce que c'est un path ?
-
Le chemin de l'image.
Et au passage, il n'y a pas besoin de renseigner la largeur ni la hauteur de l'image pour que celle-ci apparaisse.
-
path est une chenim d'accès à un fichier ou un repertoire, par exemple c:/Program Files/design.ccs. Imagine trois répertoires images, css et html qui contiennent respectivement ton image(), ton css(design.css) et ton html et ordonnés comme suit :
ROOT
...|--html
...|--decor
..........|--css
..........|--images
(ROOT contient html et decor, decor contient les repertoires css et images)
Si tu utilises le background du css, ton chemin vers l'image sera ../images/Mon_image alors que si tu utilises le balise<img src> dans le html tu devras préciser ../decor/images/Mon_image.
-
Bizarrement parce que j'avais fait la même chose que lui, DIV IMG SRC /DIV et j'ai bien donné le chemin dans css (sans taille de largeur et hauteur), l'image n'apparait pas il a fallu que je donne des indications en px pour celle la s'affiche...
Je retente l'essai pour voir ;)
-
@{F-I} : Préciser la taille du conteneur est nécessaire quand celui-ci est vide pour faire apparaître l'image en background, mais préciser la taille de l'image dans la balise img est inutile.
-
D'accord merci pour ces précisions, je vais tenter quand même des essais pour solidifer mes connaissances...
Si j'aurai des questions, je créerai un nouveau sujet...
Bon retour du sujet à l'origine posté par sandytarit ^^
-
en fait justement je voudrai évité de mettre un background dans mon css
et directement mettre mon image dans mon html parce quand fonction d'une variable php celle-ci pourrait être différente. En gros dans ma div je fixe ma hauteur, largeur et marge et c'est tout
et après dans mon html je fait un img src entre mes balise div mais ca marche pas