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 :
[Aspirateur de pages HTML] Comment aspirer un site Web ? VoirHTTrack est un excellent aspirateur, gratuit en licence GNU GPL (libre). HTTrack permet de télécharger un site web d'Internet vers votre disque dur, en construisant récursivement tous les répertoires, récupérant html, images et fichiers du serveur...
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
Les images ne s'affichent pas sur le site VoirDans une page web, les images sont spécifiées grâce à la balise IMG, avec la notation suivante : Les formats d'images supportés sur le web sont les formats GIF, JPG et PNG. Le format BMP n'est pas supporté par les...
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...
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...

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
  • +1

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
Collection CommentÇaMarche.net