Articles of css

Ajouter une bordure CSS en survol sans déplacer l’élément

Duplication possible: La frontière de hover CSS permet aux éléments en ligne de s’ajuster légèrement J’ai une ligne que j’applique un point culminant d’arrière-plan sur en vol stationnaire. .jobs .item:hover { background: #e1e1e1; border-top: 1px solid #d0d0d0; } Cependant, comme la bordure ajoute 1px supplémentaire à l’élément, cela la fait “bouger”. Comment pourrais-je compenser le […]

Remplacer le style de corps pour le contenu dans un iframe

Comment puis-je contrôler l’image d’arrière-plan et la couleur d’un élément de corps dans un iframe ? Notez que l’élément body incorporé a une classe et l’ iframe est une page qui fait partie de mon site. La raison pour laquelle j’ai besoin de ceci est que mon site a un arrière-plan noir assigné au corps, […]

Comment aligner cette scope à droite du div?

J’ai le code HTML suivant: Cumulative performance 20/02/2011 avec ce CSS: .title { display: block; border-top: 4px solid #a7a59b; background-color: #f6e9d9; height: 22px; line-height: 22px; padding: 4px 6px; font-size: 14px; color: #000; margin-bottom: 13px; clear:both; } Si vous vérifiez ce jsFiddle: http://jsfiddle.net/8JwhZ/ vous pouvez voir que le nom et la date sont collés ensemble. Existe-t-il […]

Puis-je colorier des colonnes de tableau à l’aide de CSS sans colorier les cellules individuelles?

Y a-t-il un moyen de colorer les plages de colonnes tout en bas. Voir, exemple de démarrage ci-dessous: Motor Engine Car Body 1 2 3 4 5 6 7 7 1 2 3 4 5 6 Et je cherche un meilleur moyen (moins de code, coloriage non individuel) pour colorer, par exemple, les scopes “Moteur” […]

Flottez à droite et la position absolue ne fonctionne pas ensemble

Je veux qu’un div soit toujours à droite de son div parent, donc j’utilise float:right . Ça marche. Mais je veux aussi qu’elle n’affecte pas les autres contenus lorsqu’elle est insérée, alors j’utilise position:absolute . Maintenant float:right ne fonctionne pas, mon div est toujours à gauche de son div parent. Comment puis-je le déplacer vers […]

Appliquer le style UNIQUEMENT sur IE

Voici mon bloc de CSS: .actual-form table { padding: 5px 0 15px 15px; margin: 0 0 30px 0; display: block; width: 100%; background: #f9f9f9; border-top: 1px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; } Je veux seulement IE 7, 8 et 9 pour “voir” la width: 100% Quelle est la manière la plus simple d’y parvenir?

Combinaison de pseudo-éléments CSS, “: après” le “: dernier-enfant”

Je veux faire des listes “grammaticalement correctes” en utilisant CSS. C’est ce que j’ai jusqu’à présent: Les balises sont affichées horizontalement avec des virgules après elles. li { display: inline; list-style-type: none; } li:after { content: “, “; } Cela fonctionne, mais je veux que le “dernier enfant” ait une période au lieu d’une virgule. […]

HTML tag affectant la hauteur de la ligne, comment le rendre cohérent?

Si j’ai une dans une balise multi-lignes , la ligne avec le sur-exposant a un espacement plus grand que les autres lignes, quelle que soit la hauteur de ligne que je mets sur la . Modifier pour plus de clarté : je ne veux pas dire que j’ai beaucoup de , chacun sur une seule […]

Centre d’alignement vertical dans Bootstrap 4

J’essaie de centrer mon conteneur au milieu de la page en utilisant Bootstrap 4. Je n’ai pas réussi jusqu’à présent. Toute aide serait appréciée. Je l’ai construit sur Codepen.io pour que vous puissiez jouer avec moi et me dire ce qui fonctionne comme je suis hors des idées … Modifier – [REPONSE] L’ajout de ce […]

Sélecteur CSS – élément avec un enfant donné

Je cherche à faire un sélecteur qui sélectionnera tous les éléments s’ils ont un élément enfant spécifique. Par exemple, sélectionnez tous avec un enfant . Possible?