Code qui ne marche plus pour fixer un menu

[tupac]

Bonjour

Récemment j'ai placé un petit menu en haut a gauche de mon forum et j'ai placé le code ci dessous pour qu'il reste fixe.
Hier j'ai remplacé ce menu par un autre en remettant le code pour le fixé et a ma grande surprise le code ne fonctionnait plus donc je me tourne vers vous pour essayer de résoudre ce problème.

Code:

#menu {
position:fixed,important;
}

En vous remerciant par avance

[ge80]

Bonjour

La virgule est à remplacer par le point d'exclamation.

Code:

#menu {
position:fixed !important;
}

Cordialement
ge

[tupac]

aucun changement.
Je vais tester avec l'ancien menu pour voir,je vous tiens au courant.

[tupac]

Bon je viens de tester le code pour fixer sur l'ancien menu et ça fonctionne et ça ne marche pas sur le deuxième alors que les codes ce ressemble beaucoup.

Est ce que vous avez besoins des codes pour comparer?

[ge80]

OUI si vous voulez car il est difficile de les imaginer

A demain
Ge

[tupac]

Bonjour

Donc comme prévu je vous donne les codes.

Sur le premier le code "fixed" fonctionne

partie INDEX

Code:

<div id="menu">
  <div class="box">
    <a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">
      bla bla bla
      </a>
  </div>
  <div class="box">
    <a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">
      bla bla bla
      </a>
  </div>
  <div class="box">
    <a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">
      bla bla bla
    </a>
  </div>
  <div class="box">
    <a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">
      bla bla bla
      </a>
  </div>
  <div class="box">
    <a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">
      bla bla bla
      </a>
  </div>
</div>


partie CSS

Code:


#menu {
  width:8em;
  padding:0.5em;
  background:#ccc;
  margin:0 auto;
  }
#menu a, #menu a:visited {
  display:block;
  width:7em;
  padding:0.25em 0;
  color:#000;
  text-indent:0.2em;
  background-color:#fff;
  text-decoration:none;
  margin:0.5em 0;
  border-left:0.5em solid #9ab;
  }
#menu a:visited span {
  display:block;
  position:absolute;
  top:0;
  left:10em;
  width:5em;
  font-size:0.9em;
  color:#c00;
  border:1px solid #c00;
  }
#menu a span {
  display:none;
  }
#menu a:hover {
  color:#f00;
  border-left:0.5em solid #000;
  }
.box {
  position:relative;
  }

Le deuxième code

PartieCSS

Code:


#coolmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 170px;
background-color: #E6E6E6;
}


* html #coolmenu{ /*IE only rule, to negate the padding below IE includes in menu width.*/
width: 164px;
}

#coolmenu a{
font: bold 13px Verdana;
padding: 2px;
padding-left: 4px;
display: block;
width: 100%;
color: black;
text-decoration: none;
border-bottom: 1px solid black;
}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#coolmenu a:hover{
background-color: black;
color: white;
}

Code index

Code:

<div id="coolmenu">
<a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">bla bla</a>
<a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">bla bla</a>
<a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">bla bla</a>
<a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">bla bla</a>
<a href="http://forum.forumactif.com/post.forum?mode=reply&t=291448">bla bla</a>
</div>

[ge80]

OK

Désolé : mais je n'ai pas le temps car surcharge de travail.

Mais je n'oublie pas.

ge

[tupac]

Mais je comprends y a pas de problème

Bonne soirée

[ge80]

Bonjour

Je n'ai pas trouvé la raison de ce problème.

Ge

[Neptunia]

Edité !

Désolé pour double post

[Neptunia]

Bonjour !

Hier j'ai remplacé ce menu par un autre en remettant le code pour le fixé et a ma grande surprise le code ne fonctionnait plus donc je me tourne vers vous pour essayer de résoudre ce problème.

Dans votre premier code le menu a l'id menu et le code fonctionne.
Dans le second code ce menu a l'id coolmenu et c'est moins cool, le css continuant de se référer à menu, il ne fonctionnera pas

Remplacez juste le nom du sélecteur dans la partie css en insérant le code à la fin, ou encore mieux, ajoutez la ligne adéquate directement dans le "chapitre" concernant les autres propriétés de ce menu.

Donc au final, soit vous ajoutez cela en bas du css

Code:

#coolmenu {
position:fixed !important;
}

Soit vous remplacez ceci

Code:

#coolmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 170px;
background-color: #E6E6E6;
}

par cela

Code:

#coolmenu{
border: 1px solid black;
border-bottom-width: 0;
width: 170px;
position:fixed !important;
background-color: #E6E6E6;
}

[tupac]

Bonjour

Effectivement j'avais pas fais attention que l'ID n'était pas le même donc ça risquait pas de fonctionner.

Bon je vous remercie beaucoup et vous souhaite un bon week-end.

[ge80]

Dommage qu''AOF ne l'ai pas vu avant car vous auriez eu la réponse sans attendre aussi longtemps et surtout ma perte de concentration et le temps passé. Désolé.

OUF et le travail d'équipe paye toujours.

Bonne journée
Ge

[tupac]

Bonjour

Vous n'avez pas a être désolé et le fait d'avoir attendu aussi longtemps n'est pas grave se n'est que pour un forum,il y a plus grave dans la vie

Bon journée a vous et a tous les habitants de cette terre et aux peuples opprimés et aussi aux............"ou la la la je m'emballe"