High-Tech Santé Médecine Droit-Finances

Réalisation

vidéo numérique

Rechercher : dans
Par :

Positionner une image sur son site

Dernière réponse le 25 oct 2009 à 10:57:53 Cbast7, le 5 jui 2009 à 19:06:09 
 Signaler ce message aux modérateurs

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

Configuration: Windows XP
Firefox 3.0.11

Meilleures réponses pour « Positionner une image sur son site » dans :
Hébergement gratuit d'images, de photos et d'autres fichiers VoirPlusieurs sites vous permettent d'héberger gratuitement toutes vos images : PixyUp.com imgur.com IMAGEDream Web-Images ImageVenue xs.to ImageShack CJoint Servimg Mabul UpandPost HostinPics Lacr@p zimage.biz Imagilive.com
Choisir une image et savoir l’optimiser pour son site pro VoirChoisir une image et savoir l’optimiser pour son site professionnel Pour rendre un affichage optimal des images de votre site Internet professionnel, le choix du format doit être impérativement réalisé en fonction de son utilisation. Choisir...
Optimiser son site pour le référencement par Google Images Voir
Le droit à l'image appliqué aux sites web VoirIntroduction au droit à l'image Selon les articles 226-1 à 226-8 du Code civil, tout individu jouit d'un droit au respect de sa vie privée ainsi que d'un droit à l'image,. En vertu de ces dispositions, la publication ou la reproduction d'une...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
Webmastering - Ergonomie d'un site web VoirNotion d'ergonomie L'ergonomie est l'utilisation de connaissances scientifiques relatives à l'homme (psychologie, physiologie, médecine) dans le but d'améliorer son environnement de travail. L'ergonomie se caractérise généralement selon deux...
Posez votre question Répondre

1

giheller, le 5 jui 2009 à 19:07:20

Bonsoir,

c'est à dire en haut a droite en gauche ??????
J-L

   
Répondre à giheller

13

123, le 24 oct 2009 à 21:55:26

Dans un site sur mon image

   
Répondre à 123

2

giheller, le 5 jui 2009 à 19:12:32

Re bonsoir, avec du css

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

}

appel avec <div id=image><img src ...
J-L

   
Répondre à giheller

3

Cbast7, le 5 jui 2009 à 20:21:46

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

   
Répondre à Cbast7

7

giheller, le 5 jui 2009 à 22:40:09

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.

J-L

   
Répondre à giheller

8

Cbast7, le 5 jui 2009 à 22:44:09

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?

   
Répondre à Cbast7

9

monkey_monk, le 6 jui 2009 à 01:56:53

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 !

[Monkey Monk]

   
Répondre à monkey_monk

10

Cbast7, le 6 jui 2009 à 02:33:43

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.

   
Répondre à Cbast7

11

monkey_monk, le 6 jui 2009 à 09:47:05

Est-ce que tu précises quel est le type de ta valeur ? (%, px, em, ... ?)

Sinon essaye en enlevant position:absolute;
[Monkey Monk]

   
Répondre à monkey_monk

14

 giheller, le 25 oct 2009 à 10:57:53

Bonjour,

alosr dans le css tu mets

text-align:right;
J-L

   
Répondre à giheller
Posez votre question Répondre
Ils ont besoin de votre aide