CSS pb id image
laetitia02
Messages postés
424
Date d'inscription
Statut
Membre
Dernière intervention
-
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
animostab Messages postés 2829 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Voila j apprend le css et j aimerai integrer a mon site une image avec un positionnement relatif, mais je ne sais pas comment mettre un id a l image, j ai essayer ceci dans ma page html
<img src="toto.gif" id="toto">
et g mi cela dans ma page css
#toto{
position:relative;
left:50px;
bottom 700px;
}
ceci ne fonctionne pas car aucune image ne s affiche sur mon site
quelqu un saurait il comment faire s il vous plait?
Merci beaucoup
Voila j apprend le css et j aimerai integrer a mon site une image avec un positionnement relatif, mais je ne sais pas comment mettre un id a l image, j ai essayer ceci dans ma page html
<img src="toto.gif" id="toto">
et g mi cela dans ma page css
#toto{
position:relative;
left:50px;
bottom 700px;
}
ceci ne fonctionne pas car aucune image ne s affiche sur mon site
quelqu un saurait il comment faire s il vous plait?
Merci beaucoup
A voir également:
- Id img css
- Img burn - Télécharger - Gravure
- Fichier img - Télécharger - Photo & Graphisme
- Id telephone - Guide
- Gate first id ✓ - Forum Navigateur
- Id reseau tv - Forum TNT / Satellite / Réception
3 réponses
La solution est très simple. Voici le code
Il suffisait d'utiliser l'attribut class ou lieu d'id et de changer le # par le .
<style>.toto{
position:relative;
left:50px;
bottom 700px;
}</style><img src="toto.gif" class="toto">
Il suffisait d'utiliser l'attribut class ou lieu d'id et de changer le # par le .
bon sa ne fonctionne pas voila ma page html:
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
...
<img src="dog2.gif" class="dog2">
<img src="dog3.gif" class="dog3">
...
</body>
</html>
et ma parti concerner de ma page css
.dog2 {
position:relative;
left: 150px;
bottom: 500px;
}
.dog3 {
position:relative;
left: 50px;
bottom: 700px;
}
Je débute en css et j vois pas ou ai l erreur
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
...
<img src="dog2.gif" class="dog2">
<img src="dog3.gif" class="dog3">
...
</body>
</html>
et ma parti concerner de ma page css
.dog2 {
position:relative;
left: 150px;
bottom: 500px;
}
.dog3 {
position:relative;
left: 50px;
bottom: 700px;
}
Je débute en css et j vois pas ou ai l erreur
Non ce n'est pas causé par le chemin de l'image ni par l'id donc les réponses qui t'ont été données ne sont pas correctes.
au lieu de bottom mettre margin-bottom mais cette solution reste bancale
en fait bottom fait remonter l'élément a partir de lélément suivant dans le code donc la tes images remontent plus haut que la page et ont disparues en haut..
bottom = distance entre le bas de l'élément et l'élément suivant dans le code. si l'élément suivant en affichage est située moins haut que la valeur du bottom l'élément avec l'attribut bottom remontera trop haut pour être vu.
Bottom sert plutot a positionner un élément situé en bas d'un div.. je te conseille d'utiliser top ou margin-top pour positionner dans le flux (position:relative) et de plutot mettre tes images dans un div et c'est au div que tu applique le positionnement css
au lieu de bottom mettre margin-bottom mais cette solution reste bancale
en fait bottom fait remonter l'élément a partir de lélément suivant dans le code donc la tes images remontent plus haut que la page et ont disparues en haut..
bottom = distance entre le bas de l'élément et l'élément suivant dans le code. si l'élément suivant en affichage est située moins haut que la valeur du bottom l'élément avec l'attribut bottom remontera trop haut pour être vu.
Bottom sert plutot a positionner un élément situé en bas d'un div.. je te conseille d'utiliser top ou margin-top pour positionner dans le flux (position:relative) et de plutot mettre tes images dans un div et c'est au div que tu applique le positionnement css
