Pseudos bouton avec une balise p
Résolu
barale61
Messages postés
1126
Date d'inscription
Statut
Membre
Dernière intervention
-
barale61 Messages postés 1126 Date d'inscription Statut Membre Dernière intervention -
barale61 Messages postés 1126 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'ai des pseudos bouton avec une balise p et du texte et si je veux les colorer en blanc, je fais:
Si j'interviens directement sur ma balise p en faisant :
ça fonctionne mais je souhaite savoir comment faire pour faire en sorte que ça fonctionne dans ma feuille de style sans intervention sur ma page (à part pour mettre ma classe)
Merci de votre aide.
J'ai des pseudos bouton avec une balise p et du texte et si je veux les colorer en blanc, je fais:
color:#fff;mais comme les liens de ma page ont une couleur différente, il prennent donc cette couleur.
Si j'interviens directement sur ma balise p en faisant :
<p style="color:#fff">
ça fonctionne mais je souhaite savoir comment faire pour faire en sorte que ça fonctionne dans ma feuille de style sans intervention sur ma page (à part pour mettre ma classe)
Merci de votre aide.
A voir également:
- Pseudos bouton avec une balise p
- Bouton shift pc ✓ - Forum Windows
- Bouton on/off comment savoir ✓ - Forum Matériel & Système
- Bouton shift ✓ - Forum Jeux vidéo
- Diagnostic bouton photo - Accueil - Outils
- On off bouton - Forum Facebook
6 réponses
Salut
c est tres simple , tu donne une class a tes p de bouton
et tu style les a de cette class dans ta css !
exemple
a+
c est tres simple , tu donne une class a tes p de bouton
<p class="bouton">
<a href="#">bouton</a>
</p>
et tu style les a de cette class dans ta css !
.bouton a{.........
}
exemple
<!DOCTYPE html>
<html>
<head>
<title>
RAD ZONE Webcreation
</title>
<meta charset="utf-8">
<style type="text/css">
<!--
#global{
width: 200px;
margin: 100px auto;
}
.bouton a{
text-decoration: none;
font-size: larger;
color: #FF0000;
padding: 5px;
text-align: center;
border: medium solid #99FFFF;
border-radius: 26%;
-webkit-border-radius: 26%;
-moz-border-radius: 26%;
background-color: #CCFFFF;
}
.bouton a:hover{
background-color: #FFFF99;
color: #000066;
border: medium solid #FFFF61;
}
-->
</style>
</head>
<body>
<div id="global">
<p>
<a href="#">lien Normal</a>
</p>
<p class="bouton">
<a href="#">Bouton</a>
</p>
</div>
</body>
</html>
a+
C'est bien ce que je fais mais cela ne fonctionne pas pour le texte (lien)
Et sur ma page:
.bouton {
text-decoration:none;
color:#fff;
margin:0;
padding:10px 20px 10px 20px;
border-radius:12px 0 12px 0;
border:1px solid #7F9DB9;
background: linear-gradient(to top, #66CCFF, #009BC7);
text-shadow: 0.1em 0.1em 0.1em #393939, 0.1em 0.1em 0.1em #393939;
font-family: Verdana, Geneva, sans-serif;
font-weight:normal;
font-style:normal;
font-size: 90%;
line-height: 50px;
}
.bouton:hover{
box-shadow: 0px 2px 2px #393939, 2px 2px 2px #393939, -2px -2px 2px #393939 ;
}
Et sur ma page:
<a class="bouton" href="modif.php?id=<?php echo $row_Recordset1['id']; ?>">Modifier</a>
?? moi je n ai pas de problemes ?
il ni a pas de css apres celui ou ce trouve le bouton !
meme une autre css insere apres celle ci ? ?
par contre Attention si tu style directement le <a> en bouton ,sur IE < 10 on ne verras pas de couleur de background sur le bouton !
il ni a pas de css apres celui ou ce trouve le bouton !
meme une autre css insere apres celle ci ? ?
par contre Attention si tu style directement le <a> en bouton ,sur IE < 10 on ne verras pas de couleur de background sur le bouton !
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
