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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Association .class qui ne marche pas

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Association .class qui ne marche pas

n°2343354
larbiter
Posté le 18-12-2019 à 16:39:12  profilanswer
 

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

mood
Publicité
Posté le 18-12-2019 à 16:39:12  profilanswer
 

n°2343357
mechkurt
Posté le 18-12-2019 à 16:52:59  profilanswer
 

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
n°2343358
larbiter
Posté le 18-12-2019 à 17:09:37  profilanswer
 

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

n°2343366
David Bori​ng
Posté le 18-12-2019 à 17:20:59  profilanswer
 

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

n°2343367
mechkurt
Posté le 18-12-2019 à 17:26:33  profilanswer
 

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
n°2343371
larbiter
Posté le 18-12-2019 à 17:35:26  profilanswer
 

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

n°2343372
larbiter
Posté le 18-12-2019 à 17:36:12  profilanswer
 

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 ^^'

n°2343391
David Bori​ng
Posté le 19-12-2019 à 06:47:13  profilanswer
 

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

n°2343393
larbiter
Posté le 19-12-2019 à 08:39:43  profilanswer
 

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

n°2343399
mechkurt
Posté le 19-12-2019 à 10:10:31  profilanswer
 
mood
Publicité
Posté le 19-12-2019 à 10:10:31  profilanswer
 

n°2343411
larbiter
Posté le 19-12-2019 à 14:29:09  profilanswer
 
n°2343424
mechkurt
Posté le 19-12-2019 à 16:17:04  profilanswer
 

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

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

  Association .class qui ne marche pas

 

Sujets relatifs
Mono Develop C# , création de classAPI navigator.geolocation qui ne marche plus avec Firefox 60
Utilisation d'une méthode de class en tant que fonction de callback[VBA/HTML] SET de champ qui marche en F8 mais pas en F5
Aidez l'association de coding volontaire : Hackmanity!un site sans css qui marche???
[PHP] pourquoi ma regex ne marche pas ?formulaire sans réel problème mais qui ne marche pas !?
Python class et méthodologie, une folle histoire de bonbons 
Plus de sujets relatifs à : Association .class qui ne marche pas


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