[RÉGLÉ] 2 EN 1 ! Comment centrer header et agrandir marges de texte ?

[riraito]

Bonjour à tous !

Décidément, on peut dire que je le squatte ce forum depuis que j'essaie de créer mon site... Heureusement que la communauté Joomla est là ! :-)

Voici mes soucis du moment : je suis en train de fignoler mon site joomla mais il y a deux trois choses qui me chiffonnent... Pour que vous puissiez comprendre de quoi je parle voici l'url du site http://www.11400-miles-away.com

J'ai tout d'abord un souci de header. Je l'ai créé hyper large pour qu'il prenne toute la largeur de l'écran quelque soit la résolution de ce dernier. Le problème c'est que mon image s'aligne sur la gauche au lieu de se centrer... Et il y a également deux bandes grises de chaque côté qui me gênent... Saurez-vous comment faire afin de supprimer ces bandes et de centrer mon image ?

Mon second problème est peut-être plus simple à régler : je trouve que le texte vient trop se coller contre les bords, comment faire pour agrandir les marges de chaque côté ?

Merci à tous pour votre aide qui m'a déjà été bien précieuse !!

[lomart]

Re : 2 EN 1 ! Comment centrer header et agrandir marges de texte ?

Bonjour,

Le header se centre déjà bien! Pour les marges sur le coté, il suffit de changer la couleur.
Remplacer la couleur dans votre fichier css de #333333 vers #0A0A0A
#ja-header {
background: none repeat scroll 0 0 #0A0A0A;
position: relative;
z-index: 10;
}
Je ne sais pas le fichier utilisé car ils sont compressés


Pour les marges, rechercher la règle
.main .inner {
padding-left: 10px;
padding-right: 10px;
}

qui est peut être notée comme cela (toujours ce problème de compression)
.main .inner {padding:0 10px;}

Agmenter la valeur 10px

Et voilà

[riraito]

Re : 2 EN 1 ! Comment centrer header et agrandir marges de texte ?

Rolala ça marche nickel, un grand merci lomart t'es génial !! :-)
(Il me reste plus qu'à recentrer mon logo.)

Encore merci et bonne journée !

[lomart]

Re : 2 EN 1 ! Comment centrer header et agrandir marges de texte ?

J'ai compris pour le logo.
Il suffit de recadrer l'image url("/templates/ja_purity_ii//images/header/header2.jpg") en mettant le logo au milieu
En profiter pour mettre les cotés en #0a0a0a

[lomart]

Re : 2 EN 1 ! Comment centrer header et agrandir marges de texte ?

Complément d'info :
il faut recadrer le support de l'image de 1500 vers 1200px en supprimant 150px de chaque cotés