Positionner une image sur son site
Fermé
Cbast7
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
-
5 juil. 2009 à 19:06
giheller Messages postés 1853 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 18 décembre 2022 - 25 oct. 2009 à 10:57
giheller Messages postés 1853 Date d'inscription dimanche 14 juin 2009 Statut Membre Dernière intervention 18 décembre 2022 - 25 oct. 2009 à 10:57
A voir également:
- Positionner une image sur son site
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image de manchots sur une image de plage. retrouvez l'image originale de la plage. que cachent les manchots ? ✓ - Forum Windows
- Positionner une image html ✓ - Forum HTML
- Recherche par image - Guide
- Votre envoi est sur le site qui dessert votre adresse. nous préparons sa distribution. ✓ - Forum Consommation et internet
- Comment savoir si un site est fiable - Guide
9 réponses
monkey_monk
Messages postés
641
Date d'inscription
mercredi 1 juillet 2009
Statut
Membre
Dernière intervention
10 août 2012
127
6 juil. 2009 à 01:56
6 juil. 2009 à 01:56
Bonjour,
tu te compliques trop la vie ! ^^
La balise DIV est une balise HTML qui sert à faire des "groupes" d'éléments (tout ce qui se trouve entre <div> et </div> est considéré comme un groupe), donc elle se place dans ta page HTML.
Ensuite, pour positionner ce "groupe", on utilise du CSS.
Le CSS se place soit dans la balise HTML (ex: <div style="top:0; left:0;">blabla</div>) soit en "déclaration" au début de ta page (entre les balise <head> et </head>) et entre les balises de style <style> et </style> (ex: <style type="text/css"> div#image { top:0; left:0; }</style>) ou encore dans un fichier externe .css qui sera "relié" à la page HTML par l'appel (entre <head> et </head>) <link rel="stylesheet" type="text/css" href="fichier.css" />.
Le "#image" fait référence à l'id du div appelé "image" (<div id="image">).
Donc tu peux très bien écrire ceci :
J'aurais difficile à être plus clair... mais si tu ne comprends toujours pas n'hésite pas à redemander !
tu te compliques trop la vie ! ^^
La balise DIV est une balise HTML qui sert à faire des "groupes" d'éléments (tout ce qui se trouve entre <div> et </div> est considéré comme un groupe), donc elle se place dans ta page HTML.
Ensuite, pour positionner ce "groupe", on utilise du CSS.
Le CSS se place soit dans la balise HTML (ex: <div style="top:0; left:0;">blabla</div>) soit en "déclaration" au début de ta page (entre les balise <head> et </head>) et entre les balises de style <style> et </style> (ex: <style type="text/css"> div#image { top:0; left:0; }</style>) ou encore dans un fichier externe .css qui sera "relié" à la page HTML par l'appel (entre <head> et </head>) <link rel="stylesheet" type="text/css" href="fichier.css" />.
Le "#image" fait référence à l'id du div appelé "image" (<div id="image">).
Donc tu peux très bien écrire ceci :
<div style="position:absolute; top:0; left:0;"><img src="tonimage.jpg" width="200" height="100" alt="Voici mon image" /></div>
J'aurais difficile à être plus clair... mais si tu ne comprends toujours pas n'hésite pas à redemander !
giheller
Messages postés
1853
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
18 décembre 2022
142
5 juil. 2009 à 19:07
5 juil. 2009 à 19:07
bonsoir,
c'est à dire en haut a droite en gauche ??????
c'est à dire en haut a droite en gauche ??????
giheller
Messages postés
1853
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
18 décembre 2022
142
5 juil. 2009 à 19:12
5 juil. 2009 à 19:12
re bonsoir, avec du css
#image {
position:absolute;
top: 130px;
left: 592px;
}
appel avec <div id=image><img src ...
#image {
position:absolute;
top: 130px;
left: 592px;
}
appel avec <div id=image><img src ...
Cbast7
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
21
5 juil. 2009 à 20:21
5 juil. 2009 à 20:21
en haut a droite je voulais dire ,
Giheller c'est à dire ? je creer un page css et j'insere le code css dedans mais aprés je fais quoi avec le div? je le place oû ?
Giheller c'est à dire ? je creer un page css et j'insere le code css dedans mais aprés je fais quoi avec le div? je le place oû ?
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
giheller
Messages postés
1853
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
18 décembre 2022
142
5 juil. 2009 à 22:40
5 juil. 2009 à 22:40
le div se place dnas le fichier html là où on veut mettre une image.
ce même fichier fait un link vers le fichier css à moins que ce css ne soit inclus dans un paragraphe style de ce même fichier html.
ce même fichier fait un link vers le fichier css à moins que ce css ne soit inclus dans un paragraphe style de ce même fichier html.
Cbast7
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
21
5 juil. 2009 à 22:44
5 juil. 2009 à 22:44
ok merci donc a la plage de image je met le nom du fichier css ?
#image {
position:absolute;
top: 130px;
left: 592px;
}
appel avec <div id=image><img src ...
et le div <div id=image><img src ... je le place a la fin de mon htm en remplacant image par le nom de mon cssl et je positionne tout sa a ma sauce?
#image {
position:absolute;
top: 130px;
left: 592px;
}
appel avec <div id=image><img src ...
et le div <div id=image><img src ... je le place a la fin de mon htm en remplacant image par le nom de mon cssl et je positionne tout sa a ma sauce?
Cbast7
Messages postés
112
Date d'inscription
jeudi 31 janvier 2008
Statut
Membre
Dernière intervention
15 juin 2011
21
6 juil. 2009 à 02:33
6 juil. 2009 à 02:33
oui j'ai compris seulement quand j'entre ton code dans mon html , l'image s'affiche bien en haut a gauche , seulement quand je change la valeur top et que au lieu de 0 je met 1 , l'image s'affiche tout en bas en gauche , ce que je vouderais c'est la dessendre un tout petit peu , mais pas entierement.
Merci de ton aide , sa commence a prendre forme mais bon j'aimerais bien regler ce probleme.
Merci de ton aide , sa commence a prendre forme mais bon j'aimerais bien regler ce probleme.
monkey_monk
Messages postés
641
Date d'inscription
mercredi 1 juillet 2009
Statut
Membre
Dernière intervention
10 août 2012
127
6 juil. 2009 à 09:47
6 juil. 2009 à 09:47
Est-ce que tu précises quel est le type de ta valeur ? (%, px, em, ... ?)
Sinon essaye en enlevant position:absolute;
Sinon essaye en enlevant position:absolute;
giheller
Messages postés
1853
Date d'inscription
dimanche 14 juin 2009
Statut
Membre
Dernière intervention
18 décembre 2022
142
25 oct. 2009 à 10:57
25 oct. 2009 à 10:57
bonjour,
alosr dans le css tu mets
text-align:right;
alosr dans le css tu mets
text-align:right;