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
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

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
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 :

<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 !

3
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
bonsoir,

c'est à dire en haut a droite en gauche ??????
0
dans un site sur mon image
0
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
re bonsoir, avec du css

#image {
position:absolute;
top: 130px;
left: 592px;

}

appel avec <div id=image><img src ...
0
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
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û ?
0

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
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.
0
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
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?
0
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
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.
0
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
Est-ce que tu précises quel est le type de ta valeur ? (%, px, em, ... ?)

Sinon essaye en enlevant position:absolute;
0
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
bonjour,

alosr dans le css tu mets

text-align:right;
0