Webmaster

Résolu/Fermé
Balar Messages postés 72 Date d'inscription mardi 10 octobre 2006 Statut Membre Dernière intervention 17 octobre 2014 - 1 juin 2010 à 19:30
 Utilisateur anonyme - 2 juin 2010 à 18:01
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


2 réponses

Utilisateur anonyme
1 juin 2010 à 19:33
<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
0
Balar Messages postés 72 Date d'inscription mardi 10 octobre 2006 Statut Membre Dernière intervention 17 octobre 2014
1 juin 2010 à 20:03
C'est sympa ! je vais essayer
0
Gl@dior Messages postés 327 Date d'inscription mercredi 5 novembre 2008 Statut Membre Dernière intervention 24 février 2012 79
1 juin 2010 à 19:34
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 ...
}
0
Utilisateur anonyme
1 juin 2010 à 19:43
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...
0
Gl@dior Messages postés 327 Date d'inscription mercredi 5 novembre 2008 Statut Membre Dernière intervention 24 février 2012 79
1 juin 2010 à 19:45
Oué je vois, je préfère ma solution mais bon ça marche ...
0
Utilisateur anonyme
1 juin 2010 à 19:48
oui peutetre que ta solution apporte un bel effet au survol de la souris
mais vue que tu ne redimensionne pas les element
sa ne resoudra pas son souci de surface colorée
0
Gl@dior Messages postés 327 Date d'inscription mercredi 5 novembre 2008 Statut Membre Dernière intervention 24 février 2012 79
1 juin 2010 à 19:57
Pas besoin de redimensionné, d'où l'intérêt ;)

avec ça :

.maclasse a
{
text-align: center;
font-weight: bold;
background-color: #0099FF;
}

le fond du lien seulement aura la couleur, ce sera centré et en gras :)
0
Balar Messages postés 72 Date d'inscription mardi 10 octobre 2006 Statut Membre Dernière intervention 17 octobre 2014
1 juin 2010 à 20:02
merci. Mais je ne comprend pas // ce que tu veux ....
0