Articles of css

Comment puis-je remplacer CSS défini sur un pseudo élément?

Je sais que cela a déjà été demandé, mais je ne trouve aucun moyen propre de remplacer ce CSS: .ui-input-search:after { content: “”; height: 18px; left: 0.3125em; margin-top: -9px; opacity: 0.5; position: absolute; top: 50%; width: 18px; } Je dois laisser ui-input-search sur l’élément, mais je peux append ma propre classe, comme: .ui-input-search-no-pseudo:after { content: […]

Pourquoi un style “background-image” en ligne ne fonctionne pas dans Chrome 10 et Internet Explorer 8?

Pourquoi l’ exemple suivant montre l’image dans Firefox 4, mais pas dans Chrome 10 et Internet Explorer 8? HTML: CSS: div { width: 60px; height: 60px; border: 1px solid black; } Des idées pour des solutions de contournement?

Comment append un badge sur le symbole Font Awesome?

Je voudrais append un badge avec un numéro (5, 10, 100) au-dessus du symbole Font Awesome ( fa-envelope ). Par exemple: Mais, je ne peux pas comprendre comment mettre le badge sur le symbole. Ma tentative est disponible ici: jsFiddle . Je voudrais le faire soutenir Twitter Bootstrap 2.3.2.

Comment centrer plusieurs éléments de bloc en ligne avec CSS?

Je veux centrer horizontalement deux (ou peut-être plus) éléments de bloc en ligne dans un élément de bloc conteneur. Ça devrait ressembler à ça: ————————– | _____ _____ | | | | | | | | | foo | | bar | | | |_____| |_____| | |_________________________| Cependant, avec mon code cassé, il ressemble […]

Flexbox enveloppe la dernière colonne de la première ligne de Safari

La dernière colonne de la première ligne est placée sur la ligne suivante lors de l’affichage dans Safari et d’autres navigateurs iOS. Safari: Chrome / Autres: Code: .flexthis { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .flexthis .col-md-4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; […]

En retrait de la première ligne de texte d’un paragraphe?

J’ai plusieurs paragraphes que je voudrais indenter, mais seulement les premières lignes de ces paragraphes. Comment cibler uniquement les premières lignes en utilisant CSS ou HTML?

Comment contrôler la taille du disque de type liste-style en CSS?

Mon HTML d’abord: More from Travelandleisure.com xyz1 xyz1 xyz1 Je sais que je peux appliquer la taille de la police à li très petit pour que le disque me soit correct et ensuite appliquer css à “a” dans li. Mais je ne sais pas pourquoi cela ne fonctionne pas sur le site sur lequel je […]

css diviser la largeur de 100 à 3 colonnes

J’ai une mise en page où j’ai 3 colonnes. Par conséquent, je divise 100% par 3. Le résultat est évidemment 33,333 …. Mon objective est parfait 1/3 de l’écran . Question: Combien de nombres après le point CSS peut-il gérer pour spécifier 1/3 de largeur? par exemple 33.33333 (n=5) ← combien n peut gérer css […]

Cornes arrondies (rayon de la frontière) Problème Safari

.activity_rounded { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; -khtml-border-radius: 50%; border: 3px solid #fff; behavior: url(css/PIE.htc); } Ceci est mon CSS & HTML. Je veux que l’image ressemble à un cercle. Tout fonctionne bien dans IE8 +, Google Chrome et Mozilla Firefox. Mais Safari agit un peu étrangement. Voici une image de démonstration:

La frontière de hover CSS permet aux éléments en ligne de s’ajuster légèrement

J’ai une liste non ordonnée complète ou des ancres. J’ai un événement CSS: Hover qui lui ajoute des bordures, mais tous les ancrages à gauche sont légèrement ajustés lorsque je passe la souris car cela ajoute 1px à la largeur et le réglage automatique. Comment puis-je m’assurer que le positionnement est absolu? J’ai fait un […]