Barres menu Spry et backgrounds

Fermé
Nuvic - 18 janv. 2008 à 14:55
 azizachom - 13 avril 2010 à 22:28
Bonjour,

Je suis en charge de refaire le site web de la compagnie, mais je dois recommencer à zéro puisque la base de données mySQL de l'ancien site en php n'a pas été sauvegardée lors d'un changement d'hébergeur... et je ne connais foutrement rien au php.

Alors je travaille sur quelque chose de simple en HTML sous Dreamweaver. La seule excentricité que je me permets, c'est des barres de menu Spry. Cependant, le concept visuel rend la répétition du background des onglets supérieurs aux sous-menus franchement horrible.

Je voudrais donc appliquer un background différent aux onglets supérieurs et aux sous-menus. Cependant, ils sont tous régis par ul.MenuBarHorizontal a

Que faire?

Aussi, pourquoi l'affichage des barres menu spry ne fonctionne-t-il jamais correctement sous IE? o_o;

Merci

6 réponses

Xil Messages postés 350 Date d'inscription vendredi 18 janvier 2008 Statut Membre Dernière intervention 11 juin 2009 257
18 janv. 2008 à 15:19
tu peux ajouter une class qui porte comme nom
ul.MenuBarHorizontal li a{}

(qui signifie "les liens qui sont dans un LI qui se trouve dans une UL avec une classe MenuBarHorizontal" )
qui aura une propriété background différente.
1
Xil Messages postés 350 Date d'inscription vendredi 18 janvier 2008 Statut Membre Dernière intervention 11 juin 2009 257
18 janv. 2008 à 16:42
Alors simplement, et pour que ce soit plus limpide,

tu crées une class
.sous_menu a{
   background:url(images/btn_ss_menu.gif) no-repeat #XXXXXX;
   font-size : XX
}
.sous_menu a:hover{
  background:url(images/btn_ss_menu_h.gif) no-repeat;
}


et tu ajoute dans tes LI de sous menu un class="sous_menu"

Pour le problème sur IE, je n'ai pas trop le temps d'y regarder maintenant, désolé...
1
bonjour,
alors voila je suis entrain de créer un site web avec dreamweaver et j'ai utilisée une barre de menu spry.
J'aimerai bocou changer la couleur de mon arriere plan mais aussi la couleur de mon texte dans mon menu spry mais je n'y arrive pas!
eske kelkun pourrai m donner un conseil??
merci davance
1
Si ça peut aider, voici l'ancien site web (affichage un peu buggé puisqu'archivé, mais ça donne une bonne idée):

http://web.archive.org/...

Et l'horrible pastiche que j'essaie d'en faire (essayez de visionner sous IE):

http://www.nuvac-enviro.com/test/
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
J'ai essayé, mais tout changement au background dans cette nouvelle classe affecte également les onglets supérieurs qui ne contiennent pas de sous-menus. Dans le fond, ce qu'il me faudrait, c'est tout simplement une classe pour

(a) onglets supérieurs
(b) onglets supérieurs en hover / focus
(c) sous-menus
(d) sous-menus en hover / focus

En ce moment, j'ai une tonne de classes redondantes, et (a) et (c) semblent appartenir à la même classe.

De plus, l'affichage ne fonctionne toujours pas sous IE. -_-;

Il y a sûrement quelque chose que je ne fais pas correctement, je ne sais tout simplement pas quoi
0
slt RiRi,
voici un lien qui contient la reponse exacte à ta question

https://layersmagazine.com/spry-navigation-dreamweaver.html

bonne chance :)
0