28118 sujets

CSS et mise en forme, CSS3

Enlever des éléments comme li dans un contexte particulier

Bonsoir
Bon encore une question dont je ne suis pas sûr que celà soit possible
Sur un site communautaire en dév. (lentement car bénévolement), des formulaires sont à disposition pour que le contributeur propose entre autres des liens liés au contenu
S'il met plusieurs liens tout va bien Smiley smile
S'il y a un seul lien, cela fait un décalage et une mise en page améliorable !?
Dans la page https://cochanger.eu/association-collectif/cochanger-eu
Serait-il possible via css
. https://cochanger.eu/, source principale ou officielle,
d'enlever le "." , voir de supprimer le terme "source principale ou officielle"
Administrateur
Hello,

Oui c'est techniquement possible même si c'est un peu alambiqué (il faut s'adapter très exactement à la structure HTML imposée).

Ici dans ton cas, ces règles CSS suppriment les éléments demandés quand un <li> est seul enfant :

.fields-container > li:only-child {
    list-style: none;
}
.fields-container > li:only-child .field-entry ~ .field-entry {
    display: none;
}

Par contre, comme tu pourras le remarquer, ces règles ne peuvent pas cibler la virgule (,) car elle n'est pas contenue dans un élément HTML.

Le résultat :

upload/1657088867-1-capturedaeacran2022-07-06aa08.27..png
Modifié par Raphael (06 Jul 2022 - 08:27)
Bonjour
Ok super je n'y croyais pas. Étrange effectivement pour le "," je ne vois pas ou il est généré pour pouvoir le supprimer.
Bon je cherche encore un peu.
Merci
Prévenir un modérateur
Répondre au sujet
Aller à