Beasoin d'aide pour centrer une image... CSS

Bonjour,

Je suis présentement à la construction d'un site web sur joomla avec un Template que j'ai modifier.

J'aimerais seulement centrer mon graphique dans le code voici le code CSS du graphique seulement :

.ja-headermask {

width: 1000px;
display: block;;
background: url(../images/header-mask1.jpg) no-repeat top right;
height: 160px;
position: absolute;
top: 0;
right: -1px;

Merci de votre aide :)

axio
Configuration: Windows Vista
Firefox 3.0.13

6 réponses

  1. Remplace
    background: url(../images/header-mask1.jpg) no-repeat top right; 
    par
    background: url(../images/header-mask1.jpg) no-repeat center center; 
    1. J'ai bien fait ce que vous m'avez indiqué sauf que l'image après coup a complètement disparue. :(

      Voici la partie des HEADERS de mon CSS.

      /* HEADER
      --------------------------------------------------------- */
      #ja-headerwrap {
      background: #000000;
      color: #CCCCCC;
      line-height: normal;
      height: 160px;
      }

      #ja-header {
      position: relative;
      height: 160px;
      }

      .ja-headermask {
      width: 1000px;
      display: block;
      background: url(../images/header-mask1.jpg) no-repeat no-repeat center center;
      height: 160px;
      position: absolute;
      top: 0;
      right: -1px;
      }

      #ja-header a {
      color: #CCCCCC;
      }
      h1.logo, h1.logo-text {
      margin: 0 0 0 5px;
      padding: 0;
      font-size: 180%;
      text-transform: uppercase;
      }
      h1.logo a {
      width: 207px;
      display: block;
      background: url(../images/logo.png) no-repeat;
      height: 160px;
      position: relative;
      z-index: 100;
      }
      h1.logo a span {
      position: absolute;
      top: -1000px;
      }
      h1.logo-text a {
      color: #CCCCCC !important;
      text-decoration: none;
      outline: none;
      position: absolute;
      bottom: 40px;
      left: 5px;
      }

      p.site-slogan {
      margin: 0;
      padding: 0;
      padding: 2px 5px;
      color: #FFFFFF;
      background: #444444;
      font-size: 92%;
      position: absolute;
      bottom: 20px;
      left: 0;
      }

      /* Search */
      #ja-search {
      padding-left: 20px;
      background: url(../images/icon-search.gif) no-repeat center left;
      position: absolute;
      bottom: 15px;
      right: 0;
      }

      #ja-search .inputbox {
      width: 120px;
      border: 1px solid #333333;
      padding: 3px 5px;
      color: #999999;
      background: #444444;
      font-size: 92%;
      }
      1. Merci infiniment le tout fonctionne a présent :) si jamais j'ai des prob a nouveau puije te demander de l'aide a nouveau?

        Axio
        1. Évidemment.
          Il te suffira de créer un nouveau topic sur CCM (il n'y a pas que moi pour t'aider :-) )
          1. Merci également, je cherchais désespérément une solution pour ce problème