background-image "TD row" dupliquée

[Kaehlyth]

Détails techniques

Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : https://albastrya.bbactif.com/

Description du problème

Bonjour !

En ce moment c'est la fiesta sur mon forum.

Je remarque des choses qui apparaissent ou que je n'ai pas prêté attention.

Je viens de remarquer que lorsque j'avais implémenté dans ma réponse rapide (quick-reply ) avec les boutons "prévisualiser" et "envoyer", le "TD ROW" qui se créé automatiquement dans le template, a appliqué immédiatement mon code CSS suivant :

Code:

td.row1, td.row2 {
    background: url(https://i.servimg.com/u/f44/20/41/07/60/fondca11.png) center bottom / contain no-repeat, url(https://zupimages.net/up/23/16/0wa6.jpg) center top no-repeat;
    margin: 10px 30px auto;
}

Il y a une image en haut, une couleur de fond marron, et une image de bas qui encadrent les réponses. Jusque là tout va bien.  

SAUF que :



Cela rajoute cette condition CSS à ce "TD row" alors que j'aimerai que la condition ne reste finalement QUE pour les postbody.

Ma question est donc : est-ce que pour enlever cette image de fond, je dois spécifier quelque part de ne pas prendre en compte mon code CSS ? J'ai tenté dans l'outil de développeur de rajouter dans le TD de quick-reply la condition

Code:

"background="https://2img.net/zupimages.net/up/21/17/w03t.png"

pour tester mais rien ne se passe.

Aussi je viens quérir vos lumières pour mieux comprendre et appréhender les conditions CSS qui sont appelées partout sur les FA.

Merci énormement !

[Toryudo]

Bonjour !

Alors admettons, si on ne veut enlever la mise en forme qu'à cet endroit précis, on va plutôt cibler cet endroit et modifier son background. Ce sera plus simple, et au moins, on est sûr de ne rien casser au passage.

On est donc bien sur le #quick_reply qui possède une table qui contient deux tr qui contiennent chacun un td avec une même class.
Si on ne veut sélectionner qu'un seul des deux td, en CSS, on a plusieurs choix possibles :

On peut cibler le td du deuxième tr de la table contenue dans #quick_reply :

Code:

#quick_reply table tr:nth-child(2) td {
  background: none;
}

On peut cibler le td du dernier tr de la table contenue dans #quick_reply puisqu'il n'y en a que deux :

Code:

#quick_reply table tr:last-child td {
  background: none;
}

Avec un background: none; on enlève le background, et tout ce qu'on écrit ici ne s'appliquera donc qu'au td voulu, celui qui contient les boutons.

[Kaehlyth]

Justement c'est bien ce que j'ai trouvé dans le développeur du navigateur, et qui m'a fait revenir à une solution rudimentaire autre, et une demande d'aide.
Parce que ce code n'a aucun impact.

Soit il s'agit de "Edge", soit quelque chose coince.
Mais si vous voulez mon avis, Edge est l'ennemi de l'humanité et je dois vider mon cache...


EDIT : aucun soucis sous Opéra.
Je vais laisser Edge se désintégrer dans un coin.

Merci encore pour cette aide.