J'ai un problème qui m'a confondé depuis la journée. Je dois créer une table comme l'image ci-jointe. Je dois suivre les règles CSS et mais je ne peux pas comprendre comment dessiner la barre noire unique entre Modifier et supprimer. J'ai essayé le | Cependant, cela n'a pas l'air tout à fait correct. J'ai fait un colscan = 2 pour l'en-tête et je viens de recevoir la barre grise par le CSS entre éditer et supprimer.
J'apprécie toutes les suggestions que vous pourriez avoir.
3 Réponses :
Je l'aborderais à l'aide d'un pseudo élément a > Comme ceci: p>
<button>Edit</button>
<button>Delete</button>
J'aimerais pouvoir éditer le CSS, mais c'est statique pour une classe et je suis incapable de le modifier. Je ne peux pas comprendre un moyen de le faire sans modifier le CSS.
Addin ceci au bouton "Modifier" dans CSS:
display: block; Padding: 0 10px; Border-right: 1px solid black;
J'aimerais pouvoir modifier le CSS, mais c'est statique par la classe. Je ne pense pas qu'il y ait un moyen de le faire dans purement html. J'ai essayé de tout ce que je peux penser.
Mettez ceci à côté de votre bouton "Modifier"
td:after{
content:"|";
margin-left:5px; /*To make it look good*/
}
do this
Utilisez l'élément pseudo-élément absolument positionné
Contenu: '|'Andy, merci pour la réponse. Pouvez-vous me fournir un exemple? Je suis un peu confus avec votre recommandation. Je suis un peu derrière mon HTML.