La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  menu horizontal, galerie photo et mini calendrier
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: menu horizontal, galerie photo et mini calendrier  (Lu 1494 fois)
menu horizontal, galerie photo et mini calendrier
« sur: le 10-02-2010 a 09:40:44 »
leo59
Membre récent
*

Hors-Ligne

Messages: 1





Voir le Profil
Répondre avec citation

Bonjour !
J'écris sur ce forum car j'me retrouve vraiment bloqué voici mon probléme ! En fait j'en ai plusieurs ><
Je fais un site pour une mairie et je suis bloqué sur différents éléments :
-bug sur mon menu horizontal dynamique
-Mise en place d'une galerie photo
-Mise en place d'un mini calendrier

Et oui J'utilise donc Spip et comme je connaissais peu le logiciel j'ai essayé un grand nombre de plugins et je suis tombé sur le package Eva-Web ! Étant peu donné en programmation ( =((( ), j'ai travaillé avec ce package qui facilite grandement la mise en œuvre graphique toussa et aussi qui allège du même coup la programmation ! Fin jusqu'au moment où je tente de personnaliser mes pages web ça se complique au vu du nombre de dépendances de fichiers entre Eva et Spip T_T
Fin bref j'explique mes différents problèmes maintenant :

En ce qui concerne le menu dynamique horizontal le problème est situé dans le Hover (enfin je pense ) car après de longues recherches pour réussir à intégrer une image et faire en sorte que celle ci s'adapte au texte ! .o/ et bien le problème est que le sous menu se décale par rapport au reste ce qui m'empêche de cliquer sur les sous catégories -_-
Voilà des screen shots pour aider à comprendre !

http://imagik.fr/view-rl/207446
http://imagik.fr/view-rl/207454
Et le code CSS de mon menu :


#menu_horizontal {
padding: 0 ;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index:2000;
height: 100%;
width: 100%;
font-family: comic sans ms;
font-weight: bold;
}

#menu_horizontal li {
float:left;
position:relative;
}

#menu_horizontal a {
display: block;
/*width: %;*/
line-height:30px; /*hauteur de l'image de fond*/
padding: 0.3em 7px 0.35em 7px;
text-decoration:none;
-moz-border-radius: 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
background:#d6ebfe url(b1.jpg) no-repeat 50% 90%;
}

#menu_horizontal a:hover {
background:#8ab5d8 url(b.jpg) no-repeat 50% 90%;
color:#fffafa;
text-decoration: OVERLINE;
}

#menu_horizontal ul {
margin: 0;
padding: 0;
list-style-type:none;
list-style-position:outside;
position:absolute;
display:none;
width:12em;
}

#menu_horizontal li ul a {
display:block;
float:left;
/*width: %;*/
line-height:30px; /*hauteur de l'image de fond*/

background:#d6ebfe url(b1.jpg) no-repeat 50% 90%;
color:#0055A5;
text-decoration:none;
text-align:center;
}

#menu_horizontal ul li a:hover {
background:#8ab5d8 url(b.jpg) no-repeat 50% 90%;
color:#fffafa;
text-decoration: OVERLINE;
}

#menu_horizontal ul ul {
top:auto;
}

#menu_horizontal li ul ul {
left:12em;
margin:0px 0 0 10px;

}

#menu_horizontal li:hover ul ul, #menu_horizontal li:hover ul ul ul, #menu_horizontal li:hover ul ul ul ul {
display:none;

}

#menu_horizontal li:hover ul, #menu_horizontal li li:hover ul, #menu_horizontal li li li:hover ul, #menu_horizontal li li li li:hover ul {
display:block;

}

- ensuite concernant mon problème de galerie photo ( je sais il existe de nombreuses galeries préfabriqués ) j'aimerai avoir une galerie photo qui «*s'auto alimente*» c'est à dire : à chaque fois qu'une photo est intégrée à un article, il faudrait qu'elle soit du même coup intégré à la galerie photo du site pour une mise à jour en continu.

- Et pour finir, concernant le problème du mini calendrier j'ai testé de nombreux plugins et entre les problèmes de compatibilités où les bugs je sais plus quoi faire Celui intégré à Eva me fait une jolie erreur php. Celui qui a l'air de fonctionner au mieux c'est Agenda 2.0, mais bien sur j'arrive pas à afficher correctement le mini calendrier ! Youpi !

Wala fini ( fiouu ) je sais ça fait un gros pavé et beaucoup de problèmes ! :/
Fin si on peut m'aider même pour un seul de ces 3 problèmes ça serai chouette :p
Merci d'avance !

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg