CSS: adapter fond à texte sans html ni php
Ringozo
Messages postés
88
Date d'inscription
Statut
Membre
Dernière intervention
-
Utilisateur anonyme -
Utilisateur anonyme -
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!
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:
- CSS: adapter fond à texte sans html ni php
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
3 réponses
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;
