[Résolu] One page avec 2 menu

Bonjour,

Je conçois un site one page vertical avec à gauche le menu (width:288px et height:100%) et à droite le contenu (width: 1040px et height:100%;) le tous dans une div "globale"(width:1336px).
Je n'ai pas tous mis en % car j'ai des background-image...

Mon but étant de rajouter un petit menu avec 2 boutons dans le contenu (donc à droite). Le problème c'est que l'effet de slide disparaît . Lorsque je copie le menu de gauche et que je le copie dans la div de droite le slide fonctionne, je copie aussi l'ensemble des class de ce menu et dès que je modifie le nom de la class (en gardant les mêmes paramètres) le slide ne fonctionne plus Je ne comprend pas...

Merci d'avance de votre aide !

Salut,

krealldesign a écrit :
le tous dans une div "globale"(width:1336px).

Je me demande sur quoi tu t'es appuyés pour choisir cette valeur.

Pour ton problème ça aurait été plus simple avec une page en ligne. Ton effet de slide est surement mis sur la class de ton menu en javascript . Il faudrait aller voir de se côté, peut être ajouter une class dans le selecteur javascript, ou peut être utilisé la même class il n'y a pas de mal a ça bien au contraire.

Salut et merci pour ta réponse, je vais vérifier ça... Pour la valeur je me suis basé sur la résolution d'écran la plus utilisé 1366x768. L'idéal c'est un site qui s'adapte à toute les résolutions mais dans mon cas c'est pas possible à cause des images.

Voici le layout de mon site, quel est la meilleur façon de le construire au niveau des div et des deux menu?

Merci d'avance

En fait généralement on opte pour une valeur de 960px ou 980px quand on fait un design fixe ça permet de ne pas tourner le dos aux résolutions inférieurs à 1366x768 (qui sont encore nombreuses) comme tu le fais avec ton site.

si tu as des doutes pour la construction/positionnement de ton interface je ne peux que te conseiller ces articles, la solutions devrait te devenir limpide après ces lectures :

http://www.alsacreations.com/article/lire/53-guide-de-survie-du-positionnement-css.html
http://www.alsacreations.com/tuto/lire/608-initiation-positionnement-css.html
http://www.alsacreations.com/actu/lire/491-nouveau-tutoriel-maitriser-le-positionnement-css-dans-toutes-les-situations.html

Merci je vais regarder tous ça!