Beasoin d'aide pour centrer une image... CSS
axio
Messages postés
30
Date d'inscription
Statut
Membre
Dernière intervention
-
Tatoo -
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
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
A voir également:
- Beasoin d'aide pour centrer une image... CSS
- Image iso - Guide
- Légender une image - Guide
- Reduire taille image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Rechercher une image - Guide
6 réponses
Remplace
background: url(../images/header-mask1.jpg) no-repeat top right;par
background: url(../images/header-mask1.jpg) no-repeat center center;
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%;
}
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%;
}
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
Axio
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question