Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1600 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu] Conflit de class en css

 
 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[Résolu] Conflit de class en css

n°2089072
teepodavig​non
Posté le 12-07-2011 à 21:05:02  profilanswer
 

Bonjour à tous,
J'ai un problème avec les classes en CSS. J'aimerais que le menus qui s'affiche ne soit pas souligné contrairement à ce qu'affiche ce code source. Avez vous une solution ?

<style type="text/css">
a.dock
{
 text-decoration:underline;
}
/* Menu contextuel */
a.systememenu{
 position:relative;
 z-index:1;
 font-weight:bold;
 color : #FFCC00;
}
a.systememenu span.menucache{
 display: none;
 text-decoration:none;
}
a.systememenu span.menuvisible{
 display: block;
 position:absolute;
 top:2em; left:2em; width:10em;
 border:1px solid #000;
 background-color:#FFF;
 text-align: center;
 font-weight:none;
 padding:5px;
 color: black;
 z-index:2;
 text-decoration:none;
}
</style>
<script>
var Timeout;
function menu(id){
 if (document.getElementById(id).getAttribute("class" ) == "menucache" ){
  document.getElementById(id).setAttribute("class","menuvisible" );
  Timeout = setTimeout("menu('" + id +"')", 1500);
 }
 else{
  document.getElementById(id).setAttribute("class","menucache" );
  clearTimeout(Timeout);
 }
 return false;
}
</script>
</html>
<body>
<a href="#" class="systememenu dock " oncontextmenu="return menu('test')">Texte 1<span id="test" class="menucache">Texte 2</span></a>
</body>
</html>


solution

<style type="text/css">

 

/* Menu contextuel */
span.dock
{
 text-decoration:underline;
}
a.systememenu{
 position:relative;
 z-index:1;
 font-weight:bold;
 color : #FFCC00;
        text-decoration:none;
}
a.systememenu span.menucache{
 display: none;
 text-decoration:none;
}
a.systememenu span.menuvisible{
 display: block;
 position:absolute;
 top:2em; left:2em; width:10em;
 border:1px solid #000;
 background-color:#FFF;
 text-align: center;
 font-weight:none;
 padding:5px;
 color: black;
 z-index:2;
 text-decoration:none;
}

 

</style>
<script>
var Timeout;
function menu(id){
 if (document.getElementById(id).getAttribute("class" ) == "menucache" ){
  document.getElementById(id).setAttribute("class","menuvisible" );
  Timeout = setTimeout("menu('" + id +"')", 1500);
 }
 else{
  document.getElementById(id).setAttribute("class","menucache" );
  clearTimeout(Timeout);
 }
 return false;
}
</script>
</html>
<body>
<a href="#" class="systememenu" oncontextmenu="return menu('test')"><span class="dock">Texte 1</span><span id="test" class="menucache">Texte 2</span></a>
</body>
</html>


Message édité par teepodavignon le 13-07-2011 à 11:48:32

---------------
Laurent est mon fils.
mood
Publicité
Posté le 12-07-2011 à 21:05:02  profilanswer
 

n°2089141
Dj YeLL
$question = $to_be || !$to_be;
Posté le 13-07-2011 à 08:14:08  profilanswer
 

Ton text-decoration: none, il faut le mettre sur a.systemmenu


Message édité par Dj YeLL le 13-07-2011 à 08:14:28

---------------
Gamertag: CoteBlack YeLL
n°2089154
teepodavig​non
Posté le 13-07-2011 à 10:07:54  profilanswer
 

J'ai essayé ton code mais il supprime aussi l'underline pour le Texte 1 et quand j'inverse a.dock et a.systememenu c'est encore une fois les deux qui sont soulignés. :(
 

<style type="text/css">
a.dock
{
 text-decoration:underline;
}
/* Menu contextuel */
a.systememenu {
 position:relative;
 z-index:1;
 font-weight:bold;
 color : #FFCC00;
 text-decoration:none;
}
 
a.systememenu span.menucache{
 display: none;
 text-decoration:none;
}
a.systememenu span.menuvisible{
 display: block;
 position:absolute;
 top:2em; left:2em; width:10em;
 border:1px solid #000;
 background-color:#FFF;
 text-align: center;
 font-weight:none;
 padding:5px;
 color: black;
 z-index:2;
 text-decoration:none;
}
</style>
<script>
var Timeout;
function menu(id){
 if (document.getElementById(id).getAttribute("class" ) == "menucache" ){
  document.getElementById(id).setAttribute("class","menuvisible" );
  Timeout = setTimeout("menu('" + id +"')", 1500);
 }
 else{
  document.getElementById(id).setAttribute("class","menucache" );
  clearTimeout(Timeout);
 }
 return false;
}
</script>
</html>
<body>
<a href="#" class="systememenu dock " oncontextmenu="return menu('test')">Texte 1<span id="test" class="menucache">Texte 2</span></a>
</body>
</html>


---------------
Laurent est mon fils.
n°2089156
Dj YeLL
$question = $to_be || !$to_be;
Posté le 13-07-2011 à 10:09:05  profilanswer
 

En fait je ne comprends pas quel rendu tu veux ?
 
Qu'est-ce qui doit être souligné, et qu'est-ce qui ne doit pas l'être ?


---------------
Gamertag: CoteBlack YeLL
n°2089160
teepodavig​non
Posté le 13-07-2011 à 10:15:54  profilanswer
 

Texte 1 doit être souligné mais pas Texte 2. Mon problème se situe au niveau de Texte 2 qui garde le soulignage de a.dock Je ne veux pas que le contenu du span soit souligné, mais je suis obligé de le placer dans le <a> pour pouvoir positionner le menu à coté du lien.
Donc soit je trouve une solution pour virer ce soulignage, soit je trouve une solution pour sortir le span du a.


Message édité par teepodavignon le 13-07-2011 à 10:18:29

---------------
Laurent est mon fils.
n°2089182
Dj YeLL
$question = $to_be || !$to_be;
Posté le 13-07-2011 à 11:00:54  profilanswer
 

Span ton texte1, et tu appliques le souligné à cet endroit là


---------------
Gamertag: CoteBlack YeLL
n°2089198
teepodavig​non
Posté le 13-07-2011 à 11:44:44  profilanswer
 

J'avais testé l'ajout d'autre span, mais pas de ce coté là :D
Merci tu as résolu mon problème.


Message édité par teepodavignon le 13-07-2011 à 11:48:48

---------------
Laurent est mon fils.

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [Résolu] Conflit de class en css

 

Sujets relatifs
appel de class php dans un formulaire (action)class mail avec envoi piece jointe
réorganiser le diagramme de class vb.net 2008jQuery UI tab en conflit avec greybox
(résolu) Class 'PDO' not found[C++] Vector class et pointer
conflit avec deux javascriptLire des fichiers .class
[CSS] Problème avec .class et idConflit javascript
Plus de sujets relatifs à : [Résolu] Conflit de class en css

Forum MesDiscussions.Net, Version 2010.2
(c) 2000-2011 Doctissimo
Page générée en 0.061 secondes

Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR