[RÉGLÉ] Déplacement de deux DIVs

[blopee]

Bonjour,

J'ai des difficultés sur un truc tout bête.

Je dispose de deux Divs (Une carte + une liste de régions), et je n'arrive pas à déplacer ces deux éléments sur la droite sans qu'une des deux divs bascule sous la carte.

J'ai essayé des tas de combinaisons, mais rien n'y fait.

Voici le site en question : "http://www.blopee.fr"

Merci par avance de l'aide que vous pourrez m'apporter.

[toffffe]

Re : Déplacement de deux DIVs

Salut

Je dispose de deux Divs (Une carte + une liste de régions), et je n'arrive pas à déplacer ces deux éléments sur la droite sans qu'une des deux divs bascule sous la carte.

Peux tu en dire plus stp quelles sont ses 2 div en plus de la carte ? Car dans ta description j'en compte 3 divs

[blopee]

Re : Déplacement de deux DIVs

et bien en fait, si tu regardes le lien, tu as une banniere, une carte et enfin une liste de régions.

Je souhaiterai que la bannière ne bouge pas, par contre pour la carte et la liste de région, j'aurai souhaité les décaler sur la droite.

[toffffe]

Re : Déplacement de deux DIVs

Là c'est plus clair
Par contre ta carte et ton menu font 50% de large (#jm-header-wrapper-space .jm-module) il faudra donc réduire leur largeur pour commencer. Ensuite il faudra remplacer ta valeur float: left par float: right
Est-ce bien cela que tu voulais faire ?

[PieceOfCake]

Re : Déplacement de deux DIVs

Bonjour,

une <div> qui passe sous une autre ça s'appelle l'effet guillotine et ça se produit quand la somme des largeurs des deux DIVs est supérieure à la largeur du conteneur. Avec le responsive c'est plus délicat à gérer maintenant, mais une solution qui marche plutôt bien, c'est de créer une <div> conteneur dont la largeur est fixe et non scrollable de cette manière les deux divs ne sont pas impactées par ce qui se passe à 'l'étage' au dessus.

Cordialement

[blopee]

Re : Déplacement de deux DIVs

PieceOfCake: Oulala.....j'ai oublié de préciser une chose plus que primordiale: Je ne suis absolument pas du tout développeur mais plutôt bidouilleur de code.Si je comprends le principe, mes deux DIVs (qui d'ailleurs portent le même nom jm-module) sont actuellement contenues dans une DIV principale (jm-header-in). Et donc ce serait celle-ci que je devrais rendre fixe ?.....mais pour le responsive ?...

Toffffe: Oui en effet c'est en gros ce que je veux faire, le problème c'est qu'un float:right fait passer la carte à droite de mon menu de régions....et c'est pas ce que je souhaite. Après j'ai une question, pourquoi réduire la taille de la carte et menu sachant que je ne veux pas réduire la taille de la carte, elle deviendrai trop petite sinon.... et comme je l'ai dis plus haut, je n'y connais pas grand chose en code, je me dépatouille comme je peux.

[ced1870]

Re : Déplacement de deux DIVs

salut
je vois ta liste et ta carte à droite sur ton site, le probleme est-il réglé ? si oui merci de le préciser
CEd

[blopee]

Re : Déplacement de deux DIVs

non pas du tout....j'ai changé le float:left en float:right mais ça me déplace également la bannière....et en plus la carte se retrouve à droite du menu....et c'est pas du tout l'objectif recherché...

J'avoue ne pas trop comprendre quelle div correspond à quoi tellement j'ai de divs imbriquées. Par exemple:

jm-module=jm-module-in=jm-module-content clearfix notitle....--> c'est aussi bien la carte que le menu des régions

Ou alors je ne comprends pas bien le système, je ne vois pas l’intérêt d'autant de poupées russes......

[ced1870]

Re : Déplacement de deux DIVs

effectivement si tu changes float:left en right, ça inverse l'ordre des éléments.

c'est en fait un peu la cata au niveau du positionnement de tes éléments.
pour quoi ta pub est dans un "header" qui est au dessus des autres et ensuite ramené sur la meme ligne avec des marge gauche -100% et marge gauche sur les autres éléments en px. C'est n'importe quoi ...

le plus simple serait déjà de publier tous les modules (pub comprise) dans la meme position

- - - Mise à jour - - -

je ne vois pas l’intérêt d'autant de poupées russes......

moi non plus je te rassure. Soit tu as bricolé un peu à l 'arrache, ou alors ton template n'est pas prévu du tout pour ça

[blopee]

Re : Déplacement de deux DIVs

ok donc je vais mettre la bannière dans la même position de module que le reste mais pourtant la banniere est en positon "header-mod" alors que le reste est en "header".

Comme tu te doutes, j'utilise "bêtement" un template et je ne me suis jamais posé la question de la façon dont c'était fait....enfin j'ai beaucoup de mal à comprendre le fonctionnement des positions...

[lomart]

Re : Déplacement de deux DIVs

Bonjour,

Il y a des mélanges de largeurs en pixels et en %. C'est pas trop bon pour le responsive!
Ensuite sur un petit écran, il ne faudrait pas réduire la carte pour permettre la sélection avec le doigt
Quitte à faire passer la liste au-dessous dans un style inline. Mais pour cela, il faudrait que la liste soit une liste et nom des liens avec des <br>

et comme je l'ai dis plus haut, je n'y connais pas grand chose en code, je me dépatouille comme je peux.

cela ne va pas trop avec votre "qui sommes-nous" qui dit cela:
il peut dès à présent espérer concurrencer très sérieusement les grands noms de la petite annonce tels Leboncoin ou Vivasteet.
surtout si vous aspirer à étendre très rapidement votre champ d’action à l’échelle mondiale

Il serait bon de prévoir un bon codeur dans votre équipe !

[ced1870]

Re : Déplacement de deux DIVs

une position est tout simplement une zone du template où son développeur dit "ici tu peux mettre du contenu"

à quelque part dans ton template il suffit de remplacer

#jm-header-wrapper-space .jm-module { width: 50% }

par

#jm-header-wrapper-space .jm-module { width: 33% }

[blopee]

Re : Déplacement de deux DIVs

ok très bien je vais mettre ce que tu me dis....mais j'ai besoin de comprendre:

- Pourquoi "jm-header-wrapper-space" et pourquoi je mettrai pas "jm-header"
- Pourquoi 33% ?...parce que j'ai 3 divs ?..

Merci pour le coup de main en tout cas.

NB: j'ai rajouté un text-align:center pour centrer les 3 Divs sur la page.....c'est ce qu'il faut faire ou ya mieux ?.

[ced1870]

Re : Déplacement de deux DIVs

donc là tu as tes modules alignés correctement. est-ce que ça te convient ?

[blopee]

Re : Déplacement de deux DIVs

lomart: Tout à fait d'accord avec toi sauf que pour le moment, n'ayant pas de quoi financer un bon codeur, je me débrouille comme je peux pour le lancement, ensuite quand les finances seront meilleures, nous engagerons qqun.

ced1870: Oui cela me convient très bien. Celà dit, pourrais -tu m'aider concernant ce que j'ai dis plus haut (Pourquoi 33% et Pourquoi cette div là et pas une autre).

Quand j'affiche le code, je me retrouve avec plein de poupées russes, mais je ne comprends pas pourquoi en avoir autant.
Autre chose, si je souhaite seulement décaler la carte, sur quelle div dois-je agir ?....

Merci beaucoup de votre aide