Tom's Guide > Forum > Programmation > Comment placer une image sur une page avec xHTML / CSS

Comment placer une image sur une page avec xHTML / CSS

Forum Programmation : Comment placer une image sur une page avec xHTML / CSS

TomsGuide.com : 800 000 inscrits répondent à toutes vos questions high-tech et informatique. Pour obtenir de l'aide, inscrivez-vous gratuitement !
Créer un nouveau sujet Répondre
Mot :    Pseudo :           
 
sasuke-uchiwa-itachi   17-10-2009 à 17:51:58

:hello: Bonjour, j'aimerais savoir placer une image sur une page avec le xHTML et le CSS.
J'utilise la balise <img/> mais, j'aimerais savoir la centrer, tant de pixels à gauches, tant de pixels à droite, tant de pixels en haut et en bas :pt1cable: .

:sarcastic: Merci si vous pouviez m'aider. :whistle:

------------------------------ 猿も木から落ちる
Saru mo ki kara ochiru
"Même les singes tombent des arbres"
Répondre
Liens sponsorisés
Inscrivez-vous ou connectez-vous pour masquer ceci.
aurelien50   17-10-2009 à 18:41:13

bjr,
Par exemple pour positionné une imge de taille : 100*110 qui se nomme nomdetonimage.jpg qui est à la racine du site et qui doit etre positionné 80 pixels du haut de la fenêtre et à 100 pixels à gauche de la fenêtre le code serait :

Code :
  1. <HTML>
  2. <BODY>
  3. <SPAN style="position: absolute; top: 80 px; left: 100 px;width: 103px; height: 61px">
  4. <img src="nomdetonimage.jpg" width="100" height="110">
  5. </SPAN>
  6. </BODY>
  7. </HTML>



j'espère que je répond bien a ta question ! a+


Message édité par aurelien50 le 17-10-2009 à 18:42:53
Répondre à aurelien50
sasuke-uchiwa-itachi   17-10-2009 à 18:53:47

Herff par contre je ne comprend pas trop ton code car moi je fait le CSS a part du code xHTML, serait-il possible de refaire les 2 codes stp ? ( pas en entier, juste la partie intéressante.

------------------------------ 猿も木から落ちる
Saru mo ki kara ochiru
"Même les singes tombent des arbres"
Répondre à sasuke-uchiwa-itachi
aurelien50   17-10-2009 à 19:05:19

ba alors ceci dans un page de style .css :

Code :
  1. .test{
  2. position:
  3. absolute;
  4. top:
  5. 80px;
  6. left:
  7. 100px;
  8. }

ou

Code :
  1. <STYLE>
  2. <!--
  3. .test{position: absolute; top: 80px; left: 100px;}
  4. -->
  5. </STYLE>

dans <HEAD>

et dans <BODY>

Code :
  1. <DIV class=test>
  2. <img src="nomdetonimage.jpg" width="100" height="110">
  3. </DIV>


Message édité par aurelien50 le 17-10-2009 à 19:07:52
Répondre à aurelien50
sasuke-uchiwa-itachi   17-10-2009 à 19:22:40

merci bcp

------------------------------ 猿も木から落ちる
Saru mo ki kara ochiru
"Même les singes tombent des arbres"
Répondre à sasuke-uchiwa-itachi
Créer un nouveau sujet Répondre
Tom's Guide > Forum > Programmation > Comment placer une image sur une page avec xHTML / CSS
Aller à :

Il y a 1990 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici.

Plan du forum
Forum Bestofmedia ©
2000-2009 Bestofmedia Group
Page générée en 3,404 secondes
Liens