Pseudos bouton avec une balise p
Résolu
barale61
Messages postés
1326
Statut
Membre
-
barale61 Messages postés 1326 Statut Membre -
barale61 Messages postés 1326 Statut Membre -
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
- Balise br ✓ - Forum Webmastering
- ≪br> ou <br /> ou </br> ✓ - Forum Webmastering
- Saut de lignes sans <br/> ✓ - Forum Webmastering
- Bouton on off ✓ - Forum Loisirs / Divertissements
- Bouton shift pc ✓ - Forum Jeux vidéo
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
