CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| menu déroulant et opacité | |
| Dudu
{ Membre }
Messages : 9
| Bonjour, Je n'ai pas pour habitude de demander de l'aide mais là, je sèche. J'ai un petit souci dés que je pose mon code de menu déroulant sur mon forum, j'ai l'image en background et l'opacité qui s'en vont, pouvez-vous m'aider ? Voici le code que je pose dans l'overall header news (petit anecdote, quelques soient l'endroit ou il est mis widget, message d'accueil, etc., il fait partir mon opacité et mon background) - Code:
-
<script type="text/javascript"> <!-- window.onload=montre; function montre(id) { var d = document.getElementById(id); for (var i = 1; i<=10; i++) { if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';} } if (d) {d.style.display='block';} } //--> </script>
<style type="text/css" media="screen"> <!-- body { margin: 0; padding: 0; background: white; font: 80% verdana, arial, sans-serif; } dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; } #menu dl { float: left; width: 13em; } #menu dt { cursor: pointer; text-align: center; font-weight: bold; color: #F2C788; background: #1F2930; border: 1px solid gray; margin: 1px; } #menu dd { display: none; border: 1px solid gray; } #menu li { text-align: center; background: #1F2930; } #menu li a, #menu dt a { color: #D97F3F; text-decoration: none; display: block; height: 100%; border: 0 none; } #menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus { background: #344E5E; } #site { position: absolute; z-index: 1; top : 70px; left : 10px; color: #000; background-color: #E6E3E3; padding: 5px; border: 1px solid gray; } --> </style>
<div id="menu"> <dl> <dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt> </dl>
<dl> <dt onmouseover="javascript:montre('smenu1');">Assoc' du coin</dt> <dd id="smenu1"> <ul> <li><a href="http://reservoirjeux.forumotion.com/forum.htm">Réservoir Jeux</a></li> <li><a href="http://sawaaaghforum.forumsactifs.com/">Sawaaaght</a></li> <li><a href="http://ajfra.forumactif.org/forum.htm">AJFRA</a></li> <li><a href="http://genewar.bbactif.com/">GeneWar</a></li> <li><a href="http://asso.ldmteam.free.fr/forum/">Légende d'autre Monde</a></li> <li><a href="http://www.polesimulation-grenoble.org/">Pole jeux de simulation</a></li> <li><a href="http://leszomskiruze.unblog.fr/2010/04/25/la-guerre-des-peinceaux">Les zoms ki ruze</a></li>
</ul> </dd> </dl> <dl> <dt onmouseover="javascript:montre('smenu2');">Magasin</dt> <dd id="smenu2"> <ul> <li><a href="http://www.games-workshop.com">Games workshop</a></li> <li><a href="http://www.maelstromgames.co.uk/">Maelstrom games</a></li> <li><a href="http://www.waylandgames.co.uk/">Waylands games</a></li> <li><a href="http://www.forgeworld.co.uk/">Forge World</a></li> <li><a href="http://hobby-max.fr/">Hobby Max</a></li> <li><a href="http://bitsandkits.co.uk/">Bitz and kits</a></li> <li><a href="http://www.bitzbox.co.uk/">Bitz box</a></li> <li><a href="http://www.litkoaero.com/">Litkoaero</a></li> <li><a href="http://www.quantumgothic.co.uk/">Quantum Gothic</a></li>
</ul> </dd>
</dl>
<dl> <dt onmouseover="javascript:montre('smenu3');">Liens utiles</dt> <dd id="smenu3"> <ul> <li><a href="http://coolminiornot.com/">Coolminiornot</a></li> <li><a href="http://www.warbuilder.net/">Battle Warbuilder</a></li> <li><a href="http://www.w40karmycreator.com/index.php">40K ArmyCreator</a></li> <li><a href="http://pagesperso-orange.fr/taran/">Taran</a></li> <li><a href="http://www.solegends.com/">Solegends</a></li> <li><a href="http://www.figurinesfr.org/news/news.php">Figurine Fr</a></li> <li><a href="http://www.figurines-tv.com/kws/">Figurine TV</a></li> <li><a href="http://artisteliberale.unblog.fr/">Planète Céline</a></li> <li><a href="http://larenedujeu.free.fr/">L'arène du jeu</a></li> </ul> </dd> </dl>
<dl> <dt onmouseover="javascript:montre('smenu4');">Menu 4</dt> <dd id="smenu4"> <ul> <li><a href="">Sous-Menu 4.1</a></li> <li><a href="">Sous-Menu 4.2</a></li>
<li><a href="">Sous-Menu 4.3</a></li> </ul> </dd> </dl>
</div> Merci d'avance. | | |
| | | Invité Invité
| Bonjour,
Votre commande est-elle toujours d'actualité ? | | |
| | | Dudu
{ Membre }
Messages : 9
| Oui mais laissez tomber car je pense que je n'aurais pas de réponse. | | |
| | | Invité Invité
| Patientez ... Alors, je fais quoi là ? | | |
| | | Boow
{ Membre actif }
Messages : 866
| Est-il possible d'avoir une capture d'image avant avoir installé le code ainsi qu'après l'avoir fait ? | | |
| | | .Little Lady
{ Membre actif }
Messages : 564
| Bonjour,
Votre demande est-elle toujours d'actualité ?
À bientôt sur CSSActif ! | | |
| | | Dudu
{ Membre }
Messages : 9
| Oui mais comme je l'ai dit plus haut laissez tomber, je me débrouillerai. | | |
| | | VPeybernes
{ Membre actif }
Messages : 563
| Vous êtes en train de demander de chose contradictoire. - Oui la commande est d'actualité : Le problème n'est pas résolut, et le topic doit être laissé ouvert, j'attends une réponse.
- Laissez tombé : Non la commande n'est plus d'actualité, vous pouvez clôturer.
Prenez donc une décision, et si votre demande est toujours d'actualité, répondez au question que l'on vous pose. Mieux qu'un screen, si vous avez un lien de l'endroit qui pose problème. | | |
| | | Invité Invité
| Bonjour,
VPbeyrnes, même si vous avez raison, je dois vous demandez de ne plus passer ce genre de commentaire, la modération est présente afin de faire le travail.
Merci de votre compréhension et collaboration future. - Dudu a écrit:
- Oui mais comme je l'ai dit plus haut laissez tomber, je me débrouillerai.
Alors, vous il faut vous décidez ... On clôture la demande, ou on la laisse ouverte ? Varkho | | |
| | | Dudu
{ Membre }
Messages : 9
| Escusez-moi, oui, vous pouvez fermer. | | |
| | | Invité Invité
| Merci de votre réponse rapide et claire.
Je clôture =) | | |
| | | Contenu sponsorisé
| | | | | menu déroulant et opacité | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|