Webmaster

Résolu
Balar Messages postés 72 Date d'inscription   Statut Membre Dernière intervention   -  
 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
 
<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   Statut Membre Dernière intervention  
 
C'est sympa ! je vais essayer
0
Gl@dior Messages postés 328 Date d'inscription   Statut Membre Dernière intervention   78
 
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
 
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 328 Date d'inscription   Statut Membre Dernière intervention   78
 
Oué je vois, je préfère ma solution mais bon ça marche ...
0
Utilisateur anonyme
 
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 328 Date d'inscription   Statut Membre Dernière intervention   78
 
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   Statut Membre Dernière intervention  
 
merci. Mais je ne comprend pas // ce que tu veux ....
0