Changer la position du "blocklanguages" dans le header

[mademoisellepolish]

Bonjour à tous,

 

Je reviens une nouvelle fois sur ce forum pour une petite aide.

 

En fait, je cherche le moyen de positionner le bloc langages toujours dans le header mais à la place d'être à droite je souhaiterai qu'il soit à gauche. Au moindre changement de code je remarque que tout se décale sauf ce module;

 

Voir image ci-après:

 

http://zupimages.net/up/14/28/df2i.png

 

Voici mon code dans ce bloc:

 

/* block top languages */

#header_right #languages_block_top {

float:right;

margin: 0;

padding:2px 6px 1px 6px;

-moz-border-bottom-right-radius: 3px;

-moz-border-bottom-left-radius: 3px;

-webkit-border-bottom-right-radius: 3px;

-webkit-border-bottom-left-radius: 3px;

border-bottom-right-radius: 3px;

border-bottom-left-radius: 3px;

background: none repeat scroll 0 0 #fff;

}

#header_right #languages_block_top p {

clear: left;

padding-right:20px;

font: 11px Arial,Verdana,sans-serif;

color: #ccc;

text-align: right;

background: url("img/block_languages_top_p_bg.png") no-repeat scroll right 1px transparent;

}

#languages_block_top ul#first-languages li {

float: left;

margin-right: 3px

}

#languages_block_top ul#first-languages li.selected_language {

float: left;

}

/*languages with jquery*/

#countries {

cursor: pointer;

position: relative;

top: 1px;

}

#countries p {

position: relative;

top: 0;

padding: 0;

}

#countries p img {

padding-left: 5px;

}

#countries .countries_ul{

display:none;

z-index: 10000;

padding:10px;

list-style-type:none;

}

#countries .countries_ul_hover{

display:block;

z-index: 5000;

position:absolute;

right:6px;

padding:5px 10px;

height:auto;

width:20px;

background:#fff;

}

 

 

Merci d'avance pour votre aide!

[S-HAMMANI]

Bonjour:

 

Essai

 

#header_right #languages_block_top {

float:left ;

....

 

}

Edited July 8, 2014 by S-HAMMANI (see edit history)

[mademoisellepolish]

 

Bonjour:

 

Essai

 

#header_right #languages_block_top {

float:left ;

....

 

}

 

Bonjour et merci pour votre réponse.

 

Malheureusement j'avais déjà essayé mais le petit onglet drapeau disparaît totalement de l'écran lorsque je change "float: right en float-left".

[loulou66]

Coucou

 

peut être le remonter dans les 1ere positions du hook header pour qu'il soit afficher avant les autres modules

 

si tu as une url de ton site a nous donner

 

@++

 

Loulou66

[mademoisellepolish]

Coucou

 

peut être le remonter dans les 1ere positions du hook header pour qu'il soit afficher avant les autres modules

 

si tu as une url de ton site a nous donner

 

@++

 

Loulou66

Bonjour!

 

merci pour ta réponse, j'ai fait ce que tu m'as dit mais malheureusement rien n'a changé.

 

Je ne saurai malheureusement pas te donner de lien etant donné qu'il est toujours en local. :-/

 

Apparemment le bloc langages se retrouve dans le header mais aussi dans le top of pages. Je ne sais pas si cela influence le fait que je ne puisse pas le modifier de place normalement.

[S-HAMMANI]

Tu peux nous indiquer la version PS installé et le nom du thème ?

[mademoisellepolish]

Tu peux nous indiquer la version PS installé et le nom du thème ?

 

Ma version est la v1.5.6.2.

 

Le thème est celui de base que j'ai complètement modifié de A-Z.

 

Merci pour votre aide!

[S-HAMMANI]

rassure que t'as bien mis le module langues en premier dans le top Of Page ;

et pour le header peu import sa position

 

[loulou66]

coucou

 

je viens de tester sur ma 1.5.6.2 en local comme le disat S-HAMMANI

 

dans module/blocklanguages/blocklanguages.css a la ligne 3

remplaces
float:right;
par
float:left;

@++

 

Loulou66

[mademoisellepolish]

coucou

 

je viens de tester sur ma 1.5.6.2 en local comme le disat S-HAMMANI

 

dans module/blocklanguages/blocklanguages.css a la ligne 3

remplaces
float:right;
par
float:left;

@++

 

Loulou66

Bonjour Loulou66,

 

Comme je le disais plus haut, j'ai déjà modifier la position dans le top of page et j'ai bien modifié le right en left mais l'image disparaît complètement de l'écran. 

 

Y-a-t-il d'autres changements à effectuer?

[loulou66]

Coucou

 

malheureusement comme tu est en local il va falloir que tu trouve avec la console(F12)pour repérer la console dans le html(colonne de gauche) et modifier en live le css (colonne de droite) pour repérer quel instruction tu doit ajouter ou modifier et dans quel fichier

 

http://www.prestashop.com/forums/topic/16736-tuto-installation-et-utilisation-de-firebug-pour-modifications-du-template-couleurs-images/

 

@++

 

Loulou66

[mademoisellepolish]

Coucou

 

malheureusement comme tu est en local il va falloir que tu trouve avec la console(F12)pour repérer la console dans le html(colonne de gauche) et modifier en live le css (colonne de droite) pour repérer quel instruction tu doit ajouter ou modifier et dans quel fichier

 

http://www.prestashop.com/forums/topic/16736-tuto-installation-et-utilisation-de-firebug-pour-modifications-du-template-couleurs-images/

 

@++

 

Loulou66

Re,

 

C'est mon soucis, je modifie mais je ne trouve pas le pourquoi. C'est quand même étrange. 

 

Je vais continuer à chipoter je trouverai bien quand même (du moins je l'espère).