Positionner une image sur son site
Cbast7
Messages postés
112
Date d'inscription
Statut
Membre
Dernière intervention
-
giheller Messages postés 1882 Date d'inscription Statut Membre Dernière intervention -
giheller Messages postés 1882 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
Je me retourne vers vours , car je n'est toujours pas trouver comment positionner mon image à l'endroit voulu sur mon site c'est à dire en haut a droite en gauche , pouvez m'expliquer comment faire car je n'y comprend rien avec les balises <div> .. pouvez me dire ce qu'il faut faire de A à Z svp
Merci beaucoup
Je me retourne vers vours , car je n'est toujours pas trouver comment positionner mon image à l'endroit voulu sur mon site c'est à dire en haut a droite en gauche , pouvez m'expliquer comment faire car je n'y comprend rien avec les balises <div> .. pouvez me dire ce qu'il faut faire de A à Z svp
Merci beaucoup
A voir également:
- Positionner une image sur son site
- Site de telechargement - Accueil - Outils
- Site comme coco - Accueil - Réseaux sociaux
- Quel site remplace coco - Accueil - Réseaux sociaux
- Site pour vendre des objets d'occasion - Guide
- Site pour partager des photos - Guide
9 réponses
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 !
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 ...
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
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.
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?
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.