Association .class qui ne marche pas

Association .class qui ne marche pas - HTML/CSS - Programmation

Marsh Posté le 18-12-2019 à 16:39:12    

Bonjour
J'ai rencontré un problème dans mon code : j'ai mis une classe à une balise <a> qui fonctionnait très bien avant la mise en place de la class
HTML :  
<a class="new" onclick="window.location.href = 'modifUser.php';">Retour</a>
 
CSS :
.new a,
legend{
  color: white;
  background-color: #371951;
  padding: 5px 10px;
  border-radius: 0;
  border: 0;
  font-size: 14px;
}
.new a:hover,
.new a:focus{
  color: #9770b9;
  transition: 0.2s all linear;
}
 
.new a:active{
  background-color: white;
  color: #371951;
  outline: 1px solid #371951;
  transition: 0.2s all linear;
}
 
merci d'avance

Reply

Marsh Posté le 18-12-2019 à 16:39:12   

Reply

Marsh Posté le 18-12-2019 à 16:52:59    

A priori rien dans tes règles css susceptible de désactiver le click...

Code :
  1. <a class="new" href="modifUser.php">Retour</a>

Et comme ça ?


---------------
D3
Reply

Marsh Posté le 18-12-2019 à 17:09:37    

mechkurt a écrit :

A priori rien dans tes règles css susceptible de désactiver le click...

Code :
  1. <a class="new" href="modifUser.php">Retour</a>

Et comme ça ?


 
le click n'est pas désactivé c'est juste mon style graphique qui ne s'applique

Reply

Marsh Posté le 18-12-2019 à 17:20:59    

Pour le moment, tu cibles un <a> dont le parent a la class .new
Tu dois simplement faire .news pour cibler la <a>

Reply

Marsh Posté le 18-12-2019 à 17:26:33    

larbiter a écrit :

le click n'est pas désactivé c'est juste mon style graphique qui ne s'applique


Ah oui c'est très clair expliqué comme ça :

Citation :

J'ai rencontré un problème dans mon code : j'ai mis une classe à une balise <a> qui fonctionnait très bien avant la mise en place de la class
HTML :  
<a class="new" onclick="window.location.href = 'modifUser.php';">Retour</a>


 
Un élément qui a une class ce cible de a manière suivante:

Code :
  1. balise.nom_de_la_classe {prop:value;}


Faut revoir les bases la ! ^^

Message cité 1 fois
Message édité par mechkurt le 18-12-2019 à 17:26:56

---------------
D3
Reply

Marsh Posté le 18-12-2019 à 17:35:26    

mechkurt a écrit :


Ah oui c'est très clair expliqué comme ça :

Citation :

J'ai rencontré un problème dans mon code : j'ai mis une classe à une balise <a> qui fonctionnait très bien avant la mise en place de la class
HTML :  
<a class="new" onclick="window.location.href = 'modifUser.php';">Retour</a>


 
Un élément qui a une class ce cible de a manière suivante:

Code :
  1. balise.nom_de_la_classe {prop:value;}


Faut revoir les bases la ! ^^


 
j'ai déjà essayé aussi en mettant a.new mais le problème reste le meme

Reply

Marsh Posté le 18-12-2019 à 17:36:12    

David Boring a écrit :

Pour le moment, tu cibles un <a> dont le parent a la class .new
Tu dois simplement faire .news pour cibler la <a>


 
euh..comment ca ^^'

Reply

Marsh Posté le 19-12-2019 à 06:47:13    

Et tu dois mettre la propriété transition sur la class .new
.new {transition: 0.2s all linear}
Pas dans hover, focus
 
https://openclassrooms.com/fr/cours [...] itions-css

Reply

Marsh Posté le 19-12-2019 à 08:39:43    

David Boring a écrit :

Et tu dois mettre la propriété transition sur la class .new
.new {transition: 0.2s all linear}
Pas dans hover, focus
 
https://openclassrooms.com/fr/cours [...] itions-css


 
rien ne change toujours le meme problème

Reply

Marsh Posté le 19-12-2019 à 10:10:31    

Reply

Marsh Posté le 19-12-2019 à 10:10:31   

Reply

Marsh Posté le 19-12-2019 à 14:29:09    

Reply

Marsh Posté le 19-12-2019 à 16:17:04    

Ce que te disais David Boring c'est que si tu avais une structure comme ça :

Code :
  1. <ul class="news">
  2.   <li><a href="#url1">lien 1</a></li>
  3.   <li><a href="#url2">lien 2</a></li>
  4. </ul>


Ta css :

Code :
  1. .news a {...}


aurait fonctionné car tes a était bien "des enfants" d'un noeud ayant .news comme classe.


---------------
D3
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed