menu vertical CSS javascript
menu vertical CSS javascript - HTML/CSS - Programmation
Marsh Posté le 08-06-2006 à 09:21:21
je ne comprends pas tres bien ta remarque xtof_83... je suis bien oblige d'inclure le javascript qq part non?
Marsh Posté le 08-06-2006 à 10:49:34
ouais sur, mais ça se fait pas comme ça 
Enfin sinon tu as mis tout le code la page ?
Si non donne nous la page ça sera mieux, ou bien tu nous files le code généré, pas ton code de fichier
Marsh Posté le 08-06-2006 à 10:52:22
alors le code genere est
| Citation : <!DOCTYPE html PUBLIC "-//W3C//Dtd XHTML 1.1//FR" "http://www.w3.org/tr/xhtml1/Dtd/xhtml1-strict.dtd"> |
Message édité par elti69 le 19-06-2006 à 11:49:28
Marsh Posté le 08-06-2006 à 11:47:55
j'ai trouver mon erreur....
en fait dans mon CSS #menu ul avait un padding de 2 px... en le remplacant par un padding-left:2px tout marche...
je suis curieux en revanche comme je dois integrer mon javascript?
Marsh Posté le 08-06-2006 à 12:11:11
Code :
|
ça faisait bizare
Code :
|
Marsh Posté le 08-06-2006 à 14:19:45
dans mon menu.js en fait j'ai deja
<script type="text/javascript"> au debut et </script>
donc ca va non?
Marsh Posté le 08-06-2006 à 19:55:00
| elti69 a écrit : dans mon menu.js en fait j'ai deja |
Ben c'est naze ![[:petrus75]](https://forum-images.hardware.fr/images/perso/petrus75.gif "[:petrus75]")
ce que tu dois faire c'est linker le fichier comme l'a fait xtof_83 et pas autrement.
---------------
Blablaté par Harko
Sujets relatifs:
- Fonction mail avec un if else tout bête et javascript confirm()
- probleme javascript
- [Javascript] pb pour recupérer une valeur (radiobutton)
- Code javascript pour mot de passe.
- [ PHP || javascript ] le plus securisé
- CSS: affichage d'une balise div en bas de page
- Différence entre <a href="javascript:toto()"> et <a onClick="..."> ??
- petite modif pour menu verti gauche
- [RESOLU]Selection ds menu deroulant d'une BD puis echo d'un champ lié
- Recrute Découpeur Xhtml/Css Valid (remuneration : on)
Marsh Posté le 07-06-2006 à 18:12:53
bonjour,
j'ai utiliser le tutoriel du site alsacreation pour creer un menu vertical. (la variante)
http://css.alsacreations.com/Const [...] horizontal
j'ai 2 rendus differents 1 sous IE et 1 sous FF.
mouseover sur le club sous IE
mouseover sur le club sous FF
j'aimerais que le rendu soit celui de FF sur tout les navigateurs.
voici mes ligne de codes.
CSS
ul {
margin: 0;
margin-bottom: 10px;
padding: 0;
list-style-image: url("../images/foot.gif" );
}
li {
margin: 0;
margin-left: 20px;
margin-top: 4px;
padding: 0;
}
#menu {
width:168px;
float:left;
height:602px;
}
#menu dt {
cursor: pointer;
background: #fff;
height: 20px;
line-height: 20px;
margin: 2px;
border: 1px solid gray;
text-align: center;
font-weight: bold;
}
#menu dd {
position: absolute;
left: 120px;
margin-top: -14px;
width: 140px;
background: #fff;
border: 1px dashed gray;
}
#menu ul {
padding: 2px;
background:0;
list-style-image: url("../images/foot.gif" );
}
#menu li {
font-size: 10px;
height: 18px;
line-height: 18px;
background:0;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
background-color:#fff;
background:0;
}
#menu li a:hover {
color:#fce017;
background-color:#000;
text-decoration: underline;
}
PAGE HTML
<?php
include 'includes/menu.js';
?>
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt onmouseover="javascript:montre('smenu1');">Le Club</dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="javascript:montre('');">
<ul>
<li><a href="club.php">Le Club</a></li>
<li><a href="ecoledefoot.php">L'école de foot</a></li>
<li><a href="debutants.php">Les Débutants</a></li>
<li><a href="poussins.php">Les poussins</a></li>
<li><a href="benjamins.php">Les Benjamins</a></li>
<li><a href="13ans.ph">Les Moins de 13 ans</a></li>
<li><a href="15ans.php">Les Moins de 15 ans</a></li>
<li><a href="18ans.php">Les Moins de 18 ans</a></li>
<li><a href="seniors.php">Les Séniors</a></li>
<li><a href="feminines.php">Les Féminines</a></li>
<li><a href="veterans.php">Les Vétérans</a></li>
<li><a href="futsal.php">Le Futsal</a></li>
</ul>
</dd>
</dl>
le JAVASCRIPT
<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>
d'ou viens mon erreur ?
merci d'avance.
Message édité par elti69 le 19-06-2006 à 11:48:11