Positionnement d'image en css..

Html
Css

UchiwaSasuke94 -
billal_la_barbera - 14 août 2011 à 16:29

Bonjour a tous,

Alors voila j'ai tout simplement un problèeme de positionnement de mon image qui devrait être placer en haut au centre de ma page mais reste tout de même en haut a gauche...

Voila mon code css :

.baniere {
   background: url("images/baniere.png");
   width:690px;
   height:140px;
   position:top center;
  }

Et pour ma page Html :

<div class="baniere"> </div>

L'image s'affiche bien mais en haut a gauche alors qu'elle devrait être en haut et centrer.

Alors si quelqu'un aurait une solution ça serait sympas de me la proposer.

A voir également:

Css image position
Position image css - Meilleures réponses
Posicionar imagem css - Meilleures réponses
Ma position - Guide
Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
Image iso - Guide
Suivi position google - Guide
Acronis true image - Télécharger - Sauvegarde

14 réponses

Réponse 1 / 14

Gihef Messages postés 5150 Date d'inscription Statut Contributeur Dernière intervention 2 779

Bonjour,

“center” ?
“position” ne s'utilise pas comme ça : http://www.yoyodesign.org/doc/w3c/css2/visuren.html#choose-position

Ne pourrais-tu pas nous proposer le code de la page entière ?

En attendant, essaye

.baniere {
   position : absolute;
   background-image: url(images/baniere.png);
   width:690px;
   height:140px;
   left : 50%;
   margin-left : -345px;
  }

pyschopathe Messages postés 1974 Date d'inscription Statut Membre Dernière intervention 135

Voui, ou

.baniere {
   background-image: url(images/baniere.png);
   width:690px;
   height:140px;
   margin:auto;
  }

arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention 475 > pyschopathe Messages postés 1974 Date d'inscription Statut Membre Dernière intervention

Comme je disais, margin:auto; fonctionne pas avec IE6.

pyschopathe Messages postés 1974 Date d'inscription Statut Membre Dernière intervention 135 > arthezius Messages postés 3538 Date d'inscription Statut Membre Dernière intervention

Scuz, pas vu que le sujet était si vieux, les posts ne s'affichaient pas ! Et merci pour l'info.

farouk > pyschopathe Messages postés 1974 Date d'inscription Statut Membre Dernière intervention

pas grave mais bon si tu es au courant de ma demande je suis preneur !!!

billal_la_barbera

voici la solution : (deux propositions)

code css:
margin-left : 90px; /*marge extérieure à gauche.*/
ou:
code css:
margin-top : 90px; /*marge extérieure en haut.*/ donc l'une des deux .

Discussions similaires

positionner une image dans une page html

Deplacer une image avec HTML et CSS

comment agrandir une image en css

redimensionner une image css

HTML pour image à droite

Html 5 Positionner ses images

Votre réponse

Discussions similaires