[Résolu] Problème menu horizontal

[lazarus06]

Bonjour à tous,

 

Je tiens tous d'abord à préciser que je suis tout à fait novice pour tout ce qui concerne prestashop et les CSS. J'ai tout de même réussi à modifier un peu un template de Graphileom (que je trouve génial au passage) en parcourant le forum.

 

Voilà mon problème: après avoir éditer le global.css pour adapter le logo de ma boutique, je rencontre un problème avec le menu horizontal haut qui se décale vers le bas et je n'arrive pas à trouver comment faire pour le remonter afin qu'il se retrouve dans la partie grise (celle qui se trouve entre le logo et le bloc catégories)

 

J'ai recherché sur le forum et il semblerait qu'il faille modifier le fichier superfish-modified.css du module blocktopmenu mais je n'arrive pas à trouver comment déplacer ce fameux menu horizontal.

 

Le lien de ma boutique est http://www.letempleduvapoteur.com

 

En vous remerciant d'avance pour votre aide

Edited July 23, 2013 by lazarus06 (see edit history)

[Oron]

Bonjour

 

Avez vous essayer dans Module de pousser le module >> position du menu vers le haut ? sur la gauche mettez votre souris elle se transforme en croix fléché.

[Martin Uker K]

Ton logo est mal coupé.

 

Voit à enlever l'espace invisible, mais pourtant présent, dans le bas. C'est lui qui pousse ton menu plus bas.

[lazarus06]

Merci pour vos réponses rapides.

 

@ Oron: J'ai du mal à comprendre votre réponse. Vous voulez parler de déplacer le menu dans le Live Edit dans le menu Module>Position? Si c'est le cas j'ai essayé mais je ne peux pas le déplacer.

 

@ Martin Uker K: Pour le découpage du logo je suis partie d'un fichier initial qui faisait 2160X1984 pour obtenir un fichier qui fait 400X250. Comment me recommanderiez vous de procéder en partant du fichier initial (2160x1984)? Je pense avoir bien compris ce que vous voulez dire mais je n'arrive pas à visualiser comment faire pour que ça se positionne exactement comme je l'ai fait pour l'emplacement actuel.

[Martin Uker K]

Ton logo fait actuellement 236x217, enlève 37px de hauteur et ton menu reprendra une place cohérente dans ton interface (Trust me I'm an engineer).

 

Tu as trop joué avec le CSS sans avoir les connaissances d'un intégrateur web, le site est très instable niveau affichage et demande à être géré avec une touche de subtilité. Il y a trop de float sans clear, beaucoup de position Absolute inutile et de position relative. Et je ne parlerai même pas de margin/padding négatifs (Une pratique provenant du côté obscure de la force)

 

Martin

[Oron]

Essayez la solution de Martin Uker K fort possible que ce soit la seule raison.

[lazarus06]

je vais essayer ça tout de suite. Par contre à part les margin/padding (que j'ai effectivement modifié) le reste je n'ai pas touché. C'était d'origine comme ça pour le positions absolute/relative.

 

Je vous tiens au courant de la suite des evenements.

 

Merci pour votre aide.

 

Ps: Je suis un débutant absolu mais j'essaye de me documenter. Excusez moi d'avance si il y a des choses que je ne comprends pas ou si il y a des modifications mal faites.

[Martin Uker K]

Je ne vous blâme pas pour apprendre. Je blâme certaines solution à coin ronds qui rendent justement l'affichage trop instable. L'extensibilité d'un site est souvent mis de côté par des professionnel qui se dise "Tant que je vend, je me fou de ça". Je crois que c'est notre devoir (Je parle des intégrateur) de fournir un produit de qualité au client...Mais je ne peux pas partir en croisade contre les intégrateurs de sous-sol, ils sont trop nombreux, le client ne sait pas faire la différence entre la qualité et le brouillon.

 

Par ailleurs, bonne chance avec la documentation, l'intégration et le codage sont un art en soit, j'ai connu beaucoup de programmeur/intégrateur qui ont tout appris sur le tas et je les tiens en estime et en référence pour plusieurs.

 

Ma frustration n'était pas dirigé contre vous.

 

Évité le margin et padding négatif, c'est jamais une bonne option.

[Oron]

je vais essayer ça tout de suite. Par contre à part les margin/padding (que j'ai effectivement modifié) le reste je n'ai pas touché. C'était d'origine comme ça pour le positions absolute/relative.

 

Je vous tiens au courant de la suite des evenements.

 

Merci pour votre aide.

 

Ps: Je suis un débutant absolu mais j'essaye de me documenter. Excusez moi d'avance si il y a des choses que je ne comprends pas ou si il y a des modifications mal faites.

 

Nous avons tous été un jour des débutants et nous apprenons encore aujourd'hui et sans doute encore demain

et les débutants sont devenus des spécialistes

[lazarus06]

Voilà j'ai fait les modifications sur le logo (j'ai du réduire encore plus la hauteur) afin de caler le menu horizontal exactement là où je voulais. Cependant maintenant c'est le logo qui se trouve décalé J'ai essayé de modifier les valeur dans le #header_logo du global.css (en live edit sur firebug) mais ça me redécalle le menu vers le bas. Quelles valeurs dois je modifier?

[lazarus06]

Je vous remercie en tout cas de votre patience

[Martin Uker K]

Header-logo (Ligne 563 de votre fichier global.css) devrait plus ressembler à cela.

 

#header_logo {
   display: block;
   float: left;
   margin-top: 10px;
height: 167px;

}

 

Martin

[lazarus06]

Parfait Martin Uker k!!! Votre solution fonctionne parfaitement!! J'ai juste dû modifier le margin-top en le mettant à 26 au lieu de 10 pour que ça tombe bien.

 

Le résultat est très satisfaisant.

 

En revanche je crois que j'ai fait beaucoup d'erreurs comme vous l'avez dit car j'esperais un résultats comme celui-ci: http://www.freeprestathemes.com/wp-content/uploads/graphileom-thgr-27.jpg

 

Pensez vous que je puisse rattrapper le coup?

[Martin Uker K]

Tout d'abord, j'aimerais juste relever l'ironie : le site http://www.freeprestathemes.com vend des thèmes Prestashop sur une plateforme Wordpress (C'est assez rigolo) c'est comme vendre seulement des ordinateurs Apple à partir d'un serveur windows...

 

En tout cas, si je sais une chose en Programmation, c'est que rien n'est jamais perdu. Mais ce que je ne comprends pas c'est : Avez-vous acheter ce thème ou avez-vous tenté de le copier? Ce n'est pas accusation, ce n'est qu'une question pour mieux vous aider.

 

Votre site est loin d'être laids, j'ai vu pire sous Prestasohp croyez moi! Il manque seulement de détails.

 

Cordialement,

Martin Grenier

[lazarus06]

Lol c'est pas faux c'est vrai que pour le coup ils auraient pu créer un site sous prestashop ^^

 

Concernant le thème en lui même ce sont des thèmes que l'auteur propose gratuitement sur son site: http://www.graphileom.fr/

 

Je serai absolument incapable de reproduire ça sachant que je galère pour un misérable logo

 

Il me semble que l'auteur du thème avait créer un topic sur ce forum pour proposer ses thèmes gratuits.

 

En tout cas si comme vous dites rien n'est jamais perdu ça me rassure ^^

[lazarus06]

Afin de simplifier la consultation des topics et étant donné que le problème initial a été résolu, je vais passer ce topic en résolu et je vais en créer un autre pour mon nouveau problème.

 

Je tenais à remercier Oron et Martin Uker K pour leur aide