CSS pb id image
Fermé
laetitia02
Messages postés
424
Date d'inscription
jeudi 24 janvier 2008
Statut
Membre
Dernière intervention
12 mars 2009
-
17 déc. 2008 à 21:57
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 12 déc. 2013 à 13:16
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 12 déc. 2013 à 13:16
A voir également:
- Id img css
- Img burn - Télécharger - Gravure
- Https //id.sonyentertainmentnetwork.com/id/management/ ✓ - Forum Jeux vidéo
- Retour à la ligne css - Forum CSS
- Trait css ✓ - Forum CSS
- Fichier img ✓ - Forum Gravure
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 .
laetitia02
Messages postés
424
Date d'inscription
jeudi 24 janvier 2008
Statut
Membre
Dernière intervention
12 mars 2009
129
17 déc. 2008 à 23:37
17 déc. 2008 à 23:37
merci j essai sa tout de suite et merci d avoir repondu
laetitia02
Messages postés
424
Date d'inscription
jeudi 24 janvier 2008
Statut
Membre
Dernière intervention
12 mars 2009
129
17 déc. 2008 à 23:41
17 déc. 2008 à 23:41
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
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
738
Modifié par animostab le 12/12/2013 à 13:04
Modifié par animostab le 12/12/2013 à 13:04
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
animostab
Messages postés
2829
Date d'inscription
jeudi 10 mars 2005
Statut
Membre
Dernière intervention
11 novembre 2019
738
Modifié par animostab le 12/12/2013 à 13:16
Modifié par animostab le 12/12/2013 à 13:16
autre chose qui pourrait servir a d'autres
si tu veux que les images (ou n'importe quel élément) soient toujours positionnées par rapport au bas de la fenetre du navigateur tu mets position:absolute; en plus du bottom
si tu veux que les images (ou n'importe quel élément) soient toujours positionnées par rapport au bas de la fenetre du navigateur tu mets position:absolute; en plus du bottom
