Discussion :

[roukgreg]

Bonjour,

Je cherche à réaliser un site en forme de "croix", dit comme ça, c'est pas terrible, mais je voici quelques explication.

En faite ma croix serais divisée en 5 parties:
-partie haute
-partie basse
-partie gauche
-partie haute
-partie centrale

Jusque là ça peut encore aller mais un des trucs qui me pose souci, c'est que ma partie centrale et ma partie principale et affichée dans mon main (voir l'image pour comprendre mieux)


Cette partie centrale comportera mon menu qui se décalera vers la partie que l'ont souhaite voir.

Aprés plusieurs tests, je n'arrive pas à ce que mes parties soient bien alignées, et ma partie centrale bien "centrée". Principalement parce que ce site dois être en responsive design, et s'adapter à tout type d'écran.

Auriez vous une idée pour faciliter sa réalisation, ou une manière plus appropriée qu'une autre?

Par avance merci

[CCyrillus]

bonsoir,
avec du positionement absolu , tu peut tenter quelque chose comme ça http://dabblet.com/gist/8530637
pour la demo , html est mis a l'echelle 0.5
Je te laisse decouvrir et jouer avec ....

[roukgreg]

Bonjour,

Je te remercie pour ta démo, elle est parfaite.

Mais il faut que je garde la partie centrale, parce que dans cette partie j'ai un menu composé de 4 petits losanges qui forme à aux 4 un grand losange.
Chaque losange représente une des parties, haute, basse, droite et gauche.

Pour faire simple, lorsque je clique sur un des losange, le grand losange se décale (si partie gauche, alors le losange se décale à droite) pour n'apparaître qu'à moitié sur le bord de l'écran.

J'ai déjà essayé plusieurs choses, mais impossible de faire ça bien, pour que le grand losange se cale sur les bords de l'écran. J'y arrive bien vers le haut à gauche (les extremités qui ne bougent pas suivant les différents écrans), mais impossible sur les autres cotés.

Je ne sais pas si j'ai réussi à être clair, mais je vais déjà voir avec le code de ta démo.

Encore merci de ta réponse