Articles of css

Comment afficher la barre de défilement sur une table HTML

J’écris une page où j’ai besoin d’une table HTML pour maintenir une taille définie. J’ai besoin que les en-têtes en haut de la table restnt à tout moment, mais j’ai également besoin que le corps de la table défile, quel que soit le nombre de lignes ajoutées à la table. Je veux qu’il ressemble à […]

CSS Calc alternative

J’essaye de changer dynamicment la largeur d’un div en utilisant CSS et pas de jquery. Le code suivant fonctionnera dans les navigateurs suivants: http://caniuse.com/calc /* Firefox */ width: -moz-calc(100% – 500px); /* WebKit */ width: -webkit-calc(100% – 500px); /* Opera */ width: -o-calc(100% – 500px); /* Standard */ width: calc(100% – 500px); Je veux aussi […]

CSS 3.0 dans Visual Studio 2010

Je voudrais utiliser la validation (CSS 3.0) au lieu de CSS 2.1 pour Visual Studio 2010. J’ai parcouru SO et remarqué un commentaire disant que la version 3.0 n’était pas finalisée, elle n’était donc pas disponible pour 2008, mais je ne savais pas si appliqué à 2010. Est-ce que je n’utilise tout simplement pas le […]

Thème Metro pour site web

Quelqu’un sait-il d’un moyen facile de styliser un site Web avec un Windows Phone 7 comme le thème du métro? Soit un thème basé sur CSS ou jQuery fonctionnerait.

CSS: Comment dire .class: last-of-type

Duplication possible: Comment sélectionner le dernier enfant avec un nom de classe spécifique dans CSS? Comme le titre l’indique, je veux adresser les règles CSS au dernier élément d’un certain type qui a une certaine classe. Le code suivant fonctionne parfaitement: div:last-of-type { margin-right:0; } mais je veux quelque chose comme div.class:last-of-type { margin-right:0; } […]

Comment faire s’effondrer les frontières (sur un div)?

Supposons que je dispose d’un balisage comme: http://jsfiddle.net/R8eCr/1/ … Puis CSS .container { display: table; border-collapse: collapse; } .column { float: left; overflow: hidden; width: 120px; } .cell { display: table-cell; border: 1px solid red; width: 120px; height: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } J’ai le div externe avec display: table; border-collapse: collapse; […]

Trouver une couleur «équivalente» avec une opacité

Disons que j’ai une couleur de fond avec un “ruban” qui passe sur une autre couleur unie. Maintenant, je souhaite que le ruban soit partiellement transparent pour laisser passer certains détails, tout en conservant la même couleur sur le fond. Y a-t-il un moyen (facile) de déterminer, pour une opacité / alpha donnée <100% de […]

Tableau débordant à l’extérieur des Div

J’essaie d’arrêter une table dont la largeur a été explicitement déclarée pour ne pas déborder en dehors de son div parent. Je suppose que je peux le faire d’une manière ou d’une autre en utilisant max-width , mais je n’arrive pas à le faire fonctionner. Le code suivant (avec une très petite fenêtre) provoquera ceci: […]

Comment remplir 100% de la hauteur restante?

+——————–+ | | | | | | | | | 1 | | | | | | | | | +——————–+ | | | | | | | | | 2 | | | | | | | | | +——————–+ Le contenu de (1) comme indiqué ci-dessus est inconnu, car il peut augmenter ou […]

Comment puis-je emballer ou casser un texte / mot long dans une largeur de largeur fixe?

Je veux créer un intervalle de largeur fixe qui, quand je tape quelque chose dans la plage, comme lgasdfjksdajgdsglkgsadfasdfadfasdfadsfasdfasddkgjk , une longue chaîne de texte non espacé, le mot ou les lignes à la ligne suivante. Des idées?