CSS: adapter fond à texte sans html ni php

Fermé
Ringozo Messages postés 88 Date d'inscription lundi 9 janvier 2006 Statut Membre Dernière intervention 23 juillet 2015 - 12 avril 2011 à 19:09
 Utilisateur anonyme - 13 avril 2011 à 10:00
Bonjour à tous,

Je suis en train de relooker mon portfolio en ligne avec un theme wordpress.
Le problème est que je suis assez nul en webmastering et que je me limite aux rudiments css et html. Sauf que là le theme est en php.

Le problème est le suivant: je voudrais avoir des liens sur des rectangles de couleurs qui changent quand on clique dessus.

normalement je ferais qqch comme ça:

a:link{
background: #FFFFFF;
}

a:hover{
background: #333333;
}

Sauf que si je fais ça, ça affecte tous mes liens sur mon site, dont le menu. Or je ne veux pas.
Je pourrais aller dans le .html et créer différentes catégories de liens mais comme je l'ai dit, tout est en php.

Mais j'ai trouvé une autre idée qui semble fonctionner:

Dans mon éditeur de pages, je mets mon contenu. J'applique la propriété h5 par exemple à mes liens et dans mon CSS je fais ça:

}
.entry-content h5:hover {
background: #333333;
}
.entry-content h5, .comment-entry h5 {
background: #ffa066;
}

Ça marche! sauf que mon fond de texte est aussi long que la ligne.
je pourrais limiter
width: 15px;
ou
width: 50%;

mais je voudrais que la longueur s'adapte automatiquement à la longueur de ce qui est écrit au lieu d'être fixe.


Un idée?

merci d'avance!

Cheers!


A voir également:

3 réponses

siniko44 Messages postés 172 Date d'inscription vendredi 30 juillet 2010 Statut Membre Dernière intervention 29 novembre 2013 17
13 avril 2011 à 09:04
Neoprog a une solution à ton problème, mais si c'est pour résoudre le problème de h1, rajoute-lui la propriété display:inline; ou si ça ne fonctionne pas, essaie display:inline-block;
1
Utilisateur anonyme
13 avril 2011 à 08:08
Bonjour,

Mettez une classe aux liens que vous voulez modifier genre

<a class="blink" href="lien">texte</a>


et dans la CSS

a.blink:link{
background: #FFFFFF;
}

a.blink:hover{
background: #333333;
} 
0
Ringozo Messages postés 88 Date d'inscription lundi 9 janvier 2006 Statut Membre Dernière intervention 23 juillet 2015
13 avril 2011 à 09:49
Merci, nickel!

On the rocks...
0
Utilisateur anonyme
13 avril 2011 à 10:00
De rien
0