Webmaster
Résolu
Balar
Messages postés
72
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
Bonjour,
J'ai cette phrase : <p class="maclasse"><a href="adhesion.doc">telechargez le bulletin ci-joint</a></p>
je souhaite donner à Telechargez le bulletin ci-joint , un aspect plus attirant en CSS par une bordure autour de la phrase avec une couleur de fond .
J'ai écrit: .maclasse
{
text-align: center;
font-weight: bold;
background-color: #0099FF;
}
Ma couleur de fond s'étend sur toute la largeur de ma page . Moi , je voudrais limiter cette couleur de fond uniquement autour de la phrase citée plus haut . Merci de me repondre SVP
J'ai cette phrase : <p class="maclasse"><a href="adhesion.doc">telechargez le bulletin ci-joint</a></p>
je souhaite donner à Telechargez le bulletin ci-joint , un aspect plus attirant en CSS par une bordure autour de la phrase avec une couleur de fond .
J'ai écrit: .maclasse
{
text-align: center;
font-weight: bold;
background-color: #0099FF;
}
Ma couleur de fond s'étend sur toute la largeur de ma page . Moi , je voudrais limiter cette couleur de fond uniquement autour de la phrase citée plus haut . Merci de me repondre SVP
A voir également:
- Webmaster
- Tetris webmaster ✓ - Forum Réseaux sociaux
- [Webmaster] ✓ - Forum Webmastering
- Tv sur pc webmaster - Guide
- Tetris C++ - Forum C++
- Webmaster ✓ - Forum Webmastering
2 réponses
<p><a class="maclasse" href="adhesion.doc">telechargez le bulletin ci-joint</a></p>
essaye comme sa
en mettant la classe sur le lien
puis dans le CSS :
.maclasse {
display:block;
width:auto;
hight:30px;
background:#0099FF;
border:2px solid red;
}
sa te fait un bouton personalisable a souhait
essaye comme sa
en mettant la classe sur le lien
puis dans le CSS :
.maclasse {
display:block;
width:auto;
hight:30px;
background:#0099FF;
border:2px solid red;
}
sa te fait un bouton personalisable a souhait
Balar
Messages postés
72
Date d'inscription
Statut
Membre
Dernière intervention
C'est sympa ! je vais essayer
C'est un lien donc il faut utiliser le css pour les liens
Je fait de mémoires :
.maclasse a
{
text-align: center;
font-weight: bold;
background-color: #0099FF;
}
.maclasse a:hover // ça doit être quand tu passe la souris dessus
{
// ce que tu veux ...
}
Je fait de mémoires :
.maclasse a
{
text-align: center;
font-weight: bold;
background-color: #0099FF;
}
.maclasse a:hover // ça doit être quand tu passe la souris dessus
{
// ce que tu veux ...
}
je pense que balar avait compris cela
car il utilise deja le CSS dans son post initial
son souci est du a la coulaur de fond qui s'etend sur toute la largeur disponible.
cela est du au fait que les balises paragraphes sont de type block
donc si on ne leur donne pas de taille il s'etende au maximum disponible
pour contrer ce probleme, on met la classe directement sur la balise <a>(type inline)
et on la fait se comporter comme un bloc grace a display:block;
et on lui donne des dimensions etc...
car il utilise deja le CSS dans son post initial
son souci est du a la coulaur de fond qui s'etend sur toute la largeur disponible.
cela est du au fait que les balises paragraphes sont de type block
donc si on ne leur donne pas de taille il s'etende au maximum disponible
pour contrer ce probleme, on met la classe directement sur la balise <a>(type inline)
et on la fait se comporter comme un bloc grace a display:block;
et on lui donne des dimensions etc...
