(résolu)backround header

[eldio]

salut

 

j'ai un siucis sur certain navigateur avec mon image header. elle est décentrer et trop petite.

 

Comment la garder centrer et a la bonne taille sur n'importe quel navigateur, quel est la commande ?

 

merci

 

 

mon site : www.eldio-shop.com

 

 

Edited February 15, 2014 by eldio (see edit history)

[ideefixe]

Bonjour

Chez moi sur FF, l'image du header est alignée à gauche. Donc je pense à un soucis CSS, peut être dans le global.css de ton theme, genre align:center avec un width; xx px sur le bloc pour fixer la largeur de ton bloc.

Aux spécialistes d'en dire plus... Sinon, pour les navigateurs, je ne suis pas spécialiste de PS, mais par contre je créé moi même mes sites (non commerçiaux) que je code en XHTML et CSS. En css, on stipule des priorités pour les différents navigateurs et leurs différentes versions. Mais je suppose que PS sait le faire tout seul (...).  Sinon, va voir dans ton theme, global.css, trouve le container de ton header, et modifie ou ajoute des instructions. Tu transfert et ouvre ton fichier (fait une sauvegarde de ton original avant) avec un soft comme Dreamweaver ou Notepad ++. Modifie le et renvoie tout par le même bias. Si tu ne connais pas le Css, demande de l'aide et potasse bien. C'est pationnant !

Edited February 14, 2014 by ideefixe (see edit history)

[eldio]

a l'heure actuel elle est configurer comme ça:

 

background:url("../img/bg/bgH001.png") no-repeat scroll left top #666;

[eldio]

en entier

 

#header {
        z-index:10;
        width: 100%;
        margin:0 auto;
        height:190px;
        border-top:10px;
        background:url("../img/bg/bgH001.png") no-repeat scroll left top #666;
        box-shadow: 1px 1px 12px #555;}    
    .header_container {width: 980px;margin:0 auto;}
    #columns {padding:12px 10px 10px;z-index:1}
        #left_column {}
        #center_column {}
        #right_column {}
    #footer {width: 100%;margin:0 auto;}
    .footer_container {width: 980px;margin:0 auto;}

[eldio]

up aide ^^

[ideefixe]

Salut

Essaie de virer le margin: o auto et remplace le par

margin-left: auto;

margin-right: auto;

 

Sinon, cherche la ligne

background: url("http://eldio-shop.com/themes/thgr00027o/css/../img/bg/bgH001.png") no-repeat scroll left top rgb(102, 102, 102);

 

Remplace le left par center et le tour est joué !

Edited February 15, 2014 by ideefixe (see edit history)

[ideefixe]

J'ai rafraîchis la page de ton site. On dirait que ça fonctionne, non?

Edited February 15, 2014 by ideefixe (see edit history)

[eldio]

j'ai pas la ligne la

 

background: url("http://eldio-shop.co...g/bg/bgH001.png") no-repeat scroll left top rgb(102, 102, 102);

[ideefixe]

^{Bizzarre, chez moi tout est revenu à la normale. Rafraichit ton navigateur.} (ctrl+R).

 

Si tu l'as la ligne

 

#header {
        z-index:10;
        width: 100%;
        margin:0 auto;
        height:190px;
        border-top:10px;
        background:url("../img/bg/bgH001.png") no-repeat scroll left top #666;
        box-shadow: 1px 1px 12px #555;}    
    .header_container {width: 980px;margin:0 auto;}
    #columns {padding:12px 10px 10px;z-index:1}
        #left_column {}
        #center_column {}
        #right_column {}
    #footer {width: 100%;margin:0 auto;}
    .footer_container {width: 980px;margin:0 auto;}

 

 

Remplace le left par center.

[eldio]

a oui j'ai changer par center

 

regarde voir si sa marche la

[ideefixe]

Chez moi ton background header est bien centré.

Et chez toi, non? As tu rafraichi le navigateur? Sinon, vide ton cache...

Ci joint une copie d'écran

Edited February 15, 2014 by ideefixe (see edit history)

[eldio]

ben chez moi je peus pas voir car il etait nikel , c'est en allant chez une ami que j'ai vu qu'il etait pas centrer, la je viens de regarder sur ma galaxy tab il a l'air centrer

[ideefixe]

Regarde ma copie d'écran sur le post au dessus. Chez moi c'est bon. Appelle ton amie pour vérifier chez elle. Si c'est bon clique sur résolu en bas.

[ideefixe]

Si c'est bon et que tout est rentré dans l'ordre, un p'tit merci serait le bienvenu... enfin, si je t'ai éclairé comme il faut...

Edited February 15, 2014 by ideefixe (see edit history)

[eldio]

milles merci a toi je t'ai pas oublier lol

 

par contre comment mette l'image jusque 'au coin de l'écran, il manque un bout de chaque coté

[ideefixe]

Salut !

Pour ton image de fond, alors plusieurs solutions.

Soit tu "étire" ton image avec un width (largeur) à + de 100%, mais cela va la déformer et le résultat sera dégueu.

Soit on modifie la hauteur du container pour que cela resta homothétique (dans ce cas il faut augmenter la hauteur (height en css)).Mais cela risque de décaler tout ce qu'il y a au dessous.

Soit, ce qui le semble le plus simple, augmenter de 200 ou 300 pixel de chaque côté le fond dégradé gris de ton background et faire une mise à jour de l'image.

Si ça ne marche pas, on fouillera dans le global.css, ou dans le .tpl de ton thème;

A toi !!!!

Edited February 17, 2014 by ideefixe (see edit history)