🌍
Français
Et voilà, clap de fin.
C'est adapté pour IE, je n'ai plus qu'a mettre les liens et transférer en production.
Je ferme le sujet.
Rappel, pour ceux qui n'ont pas tout suivi, voici un aperçu : http://www.instants-de-scenes.com/piwigo21/index.php?
Oui, il fallait que j'attribue les droits aux visiteurs dans le block, c'est tout... :(
makno a écrit:
Bon, rien ne s'affiche dans IE
Sur mon IE ça s'affiche. Mais... il fallait être loggé ;-)
Bon, rien ne s'affiche dans IE.
J'ai été faire un tour sur le web, je vois que c'est tout un apprentissage (pour moi) que de rendre ça compatible.... Là si tu peux me donner qqs tuyaux rapides...
Voici mon CSS :
/*.............MENU UN SEUL BLOCK PWGSTUFF..............*/
/*css du bloc*/
div #stuffs_block_14 .personal_block{
margin-bottom: 25px;
margin-left: -20px;
}
/*css du menu*/
#menu1{
margin: 0px;
padding: 0px;
list-style: none;
color:#52ff97;
}
#menu1 li {
float: left;
width: 150px ;
background-color: #101010;
margin-right: 10px ;
}
#menu1 li ul {
color: #A5e6fff;
position:absolute;
display:none;
}
#menu1 li #sousmenu1 {
margin-left: -195px;
padding-top: 5px;
list-style: none;
}
#menu1 li #sousmenu1 li {
margin-right: 5px;
width: 110px;
}
#menu1 li #sousmenu2 {
margin-left: -515px;
padding-top: 5px;
list-style: none;
}
#menu1 li #sousmenu2 li {
margin-right: 5px;
width: 95px;
}
#menu1 li ul li{
width: 175px;
line-height: 16px ;
text-align: center;
background: #A6341C ;
color: #A5e6ff ;
border: 1px solid #600 ;
margin: 2 1 2 0 ;
padding: 4px 3px ;
}
#menu1 li ul li:hover, #menu li ul li:focus, #menu li ul li:active {
background: #bf7060;
color: #ffff80;
}
#menu1 li:hover ul {
display:block;
}Merci !
Oui, Pwgstuff, c'est super. Avec quasiment aucune connaissances, finalement j'arrive à sortir un truc.
Tu crois que quand ça sera fini, je peux en faire une astuce pour le forum ?
Ca va pas mal quand même ;-)
C'est fou ce que l'on peut faire avec PWG_Stuff ^^
Oui, j'entends bien...Pour ma part j'apprécie assez l'inverse, quand il y a trop d'items dans les sous-menu...mais je le garde dans un coin de ma tête, peut-être qu'avec une autre présentation des sous-menu, je n'aurais pas cette impression de paquet.
Bon, il me reste à fignoler et adapter pour IE. Le "rendus dans" de Firefox est fiable ?
Les deux mon capitaine.
Si je clique sur un menu, instinctivement je m'attends à ce que les sous-menus s'affiche en dessous et proche de la position de ma souris afin de minimiser les trajets.
;-)
Pour des questions esthétiques ou pratiques ?
makno a écrit:
Sur mon site de test j'ai 2 brouillons
Vu.
Mais je préfère vraiment un affichage en colonnes.
Yep mais ça ne me plaît pas, trop d'item dans un de mes sous-menu (8)
Sur mon site de test j'ai 2 brouillons :
-1 avec mes items dans plusieurs blocs
-1 avec tout mon menu dans un seul bloc
la 2eme solution me paraît bien plus prometteuse
makno a écrit:
exact, je me suis mal exprimé : je voudrais qu'il reste sur une ligne tant que l'écran n'est pas trop petit : et pour cela qu'il démarre plus à gauche, au bord du menu vertical, donc sous mon premier PWGstuff block...
Sur une ligne ?!
C'est dommage car ça te complique bien trop les chose alors que tu l'aurais belle d'opter pour un affichage vertical pour les sous-menus.
exact, je me suis mal exprimé : je voudrais qu'il reste sur une ligne tant que l'écran n'est pas trop petit : et pour cela qu'il démarre plus à gauche, au bord du menu vertical, donc sous mon premier PWGstuff block...
Proposition : au lieu de créer 1 Block PWG par item de menu, je crée un seul block PWG et je rentre tout mon menu dedans.
Avantage : ne connaissant rien aux fichiers templates de PWG et au Javascript qu'il y a dedans, je peux rentrer mon HTML dans ce block, et faire mon CSS après.
Mais : est-ce que je pourrais, sans ce javascript obtenir une compatibilité avec les navigateurs IE qui ne font rien de ce qui va bien ? Je me doute que non...
makno a écrit:
non, je voudrais que mes sous-menu restent sur une ligne quelle que soit la taille de l'écran...
Dans ce cas si notre écran est petit on ne voie pas la fin du sous menu ?