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

Question

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

avion-f16 · Answer

Remplace background: url(../images/header-mask1.jpg) no-repeat top right;  par background: url(../images/header-mask1.jpg) no-repeat center center;

axio · Answer

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%;
}

avion-f16 · Answer

Tu as deux fois no-repeat

axio · Answer

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

avion-f16 · Answer

Évidemment.
Il te suffira de créer un nouveau topic sur CCM (il n'y a pas que moi pour t'aider :-) )

Tatoo · Answer

Merci également, je cherchais désespérément une solution pour ce problème

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

6 réponses

Discussions similaires