Articles of css

CSS3 Flexbox: affichage: boîte vs flexbox vs flex

Je suis devenu hier un site Web dans l’école qui utilise la déclaration css3 flexbox. Je n’ai jamais utilisé ça avant. Donc, je google un peu. Et trouvé beaucoup de styles différents des instructions flexbox. Certains gars écrivent l’ display: box; , certains utilisent l’ display: flexbox; et autre display: flex; . Alors, quels sont […]

Les fonts IE8 CSS @ font-face ne fonctionnent que pour: avant le contenu sur et parfois lors de l’actualisation / de l’actualisation

MISE À JOUR: J’ai écrit un blog sur ce que j’ai appris sur ce problème. Je ne comprends toujours pas bien, mais j’espère que quelqu’un lira ceci et éclairera mon problème: http://andymcfee.com/2012/04/04/icon-fonts-pseudo-elements-and-ie8 J’ai une page où j’utilise @ font-face pour importer une police personnalisée pour les icons. Les icons sont créées avec une classe: .icon […]

Amener l’élément au premier plan à l’aide de CSS

Je n’arrive pas à comprendre comment mettre les images en avant en utilisant CSS . J’ai déjà essayé de définir l’index z à 1000 et la position à relative, mais cela échoue toujours. Voici un exemple- #header { background: url(http://placehold.it/420×160) center top no-repeat; } #header-inner { background: url(http://placekitten.com/150/200) right top no-repeat; } .logo-class { height: […]

Retard de l’animation CSS en répétant

J’ai récemment découvert comment “utiliser” correctement les animations CSS (auparavant, je les ai rejetées car elles ne permettaient pas de créer des séquences complexes comme vous le feriez en JavaScript). Alors maintenant j’apprends à leur sujet. Pour cet effet, j’essaie de balayer un élément “progressif” sur un élément de type barre de progression. Similaire à […]

Position Largeur fixe 100%

J’ai une position:fixed colonne gauche position:fixed à 250px de largeur avec 100% de hauteur et j’essaye de placer une barre horizontale fixe et fluide en haut mais à droite de la colonne de gauche, comme dans cet exemple: Mais voici ce que je reçois ici: C’est ce que j’ai fait: JSFIDDLE .page-wrapper, html, body { […]

Html liste ordonnée 1.1, 1.2 (Compteurs nesteds et scope) ne fonctionne pas

J’utilise des compteurs et une scope nesteds pour créer une liste ordonnée: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, “.”) ” “; counter-increment: item } one two two.one two.two two.three three three.one three.two three.two.one three.two.two four Je m’attends au résultat suivant: 1. one 2. two 2.1. […]

Comment faites-vous un div “tabbable”?

J’ai des boutons qui sont des éléments div et je veux les faire en sorte qu’il soit possible pour l’utilisateur d’appuyer sur la touche de tabulation de son clavier et de se déplacer entre eux. J’ai essayé d’envelopper leur texte dans des balises d’ancrage, mais cela ne semble pas fonctionner. Quelqu’un a-t-il une solution?

Comment créer des bandes zébrées sur une table HTML sans utiliser la génération de javascript et des classes paires / impaires?

Je souhaite zébrer une table html sans utiliser aucun js ni écrire du code côté serveur pour générer des classes paires / impaires pour les lignes de tableau. Est-il possible de faire du css brut?

Empêcher le contenu de développer des éléments de grid

TL; DR: Y a – t-il quelque chose comme la disposition de table-layout: fixed pour les grids CSS? J’ai essayé de créer un calendrier annuel avec une grande grid 4×3 pour les mois et des grids 7×6 nestedes pour les jours. Le calendrier doit remplir la page, de sorte que le conteneur de la grid […]

Bootstrap 3 – 100% de hauteur de div personnalisé dans la colonne

Disons que j’ai deux colonnes dans une rangée. L’une contient une image utilisant class=”img-responsive” pour une image fluide et l’autre colonne à côté d’un bloc div personnalisé. Ma question est de savoir comment obtenir la hauteur de cette div personnalisée 100%. Ci-dessous ne fonctionnait pas pour moi. height: auto; max-width: 100%; Si je définis une […]