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

axio Messages postés 40 Statut Membre -  
 Tatoo -
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. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Remplace
    background: url(../images/header-mask1.jpg) no-repeat top right; 
    par
    background: url(../images/header-mask1.jpg) no-repeat center center; 
    0
  2. axio Messages postés 40 Statut Membre
     
    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%;
    }
    0
  3. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Tu as deux fois no-repeat
    0
  4. axio Messages postés 40 Statut Membre
     
    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
    0
  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Évidemment.
    Il te suffira de créer un nouveau topic sur CCM (il n'y a pas que moi pour t'aider :-) )
    0
  7. Tatoo
     
    Merci également, je cherchais désespérément une solution pour ce problème
    0