Code qui ne marche plus pour fixer un menu

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code qui ne marche plus pour fixer un menu

Message par tupac le Mar 30 Nov 2010 - 10:28

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par ge80 le Mar 30 Nov 2010 - 14:39

Bonjour

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

Code:
#menu {
position:fixed !important;
}

Cordialement
ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par tupac le Mar 30 Nov 2010 - 14:48

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

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par tupac le Mar 30 Nov 2010 - 16:18

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?

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par ge80 le Mar 30 Nov 2010 - 20:31

OUI si vous voulez car il est difficile de les imaginer Wink

A demain
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par tupac le Mer 1 Déc 2010 - 16:11

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>

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par ge80 le Mer 1 Déc 2010 - 18:38

OK

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

Mais je n'oublie pas.

ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par tupac le Mer 1 Déc 2010 - 22:22

Mais je comprends y a pas de problème

Bonne soirée

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par ge80 le Sam 4 Déc 2010 - 7:42

Bonjour

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

Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par Neptunia le Sam 4 Déc 2010 - 8:18

Edité !

Désolé pour double post


Dernière édition par AoF-Neptune le Sam 4 Déc 2010 - 8:21, édité 1 fois

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par Neptunia le Sam 4 Déc 2010 - 8:20

Bonjour !

@tupac a écrit: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;
}

Neptunia
+ Hyperactif +

Féminin
Messages : 10399
Inscrit(e) le : 08/08/2010

http://www.planet-series.com/
Neptunia a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par tupac le Sam 4 Déc 2010 - 9:48

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.

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par ge80 le Sam 4 Déc 2010 - 11:18

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 Yahoo paye toujours.

Bonne journée
Ge

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code qui ne marche plus pour fixer un menu

Message par tupac le Sam 4 Déc 2010 - 12:08

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 thumright

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"

tupac
+ Hyperactif +

Masculin
Messages : 2331
Inscrit(e) le : 13/10/2010

tupac a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum