Articles of css

problème avec et: après avec CSS dans WebKit

Je voudrais append du style sur une boite de sélection avec le pseudo: after (pour styler ma boite de sélection avec 2 parties et sans images). Voici le HTML: Test Et ça ne marche pas. Je ne sais pas pourquoi et je n’ai pas trouvé la réponse dans les spécifications du W3C. Voici le CSS: […]

Comment centrer un div avec Bootstrap2?

http://twitter.github.com/bootstrap/scaffolding.html J’ai essayé comme toutes les combinaisons: box ou box changement de scope et décalage des numéros … Mais je ne peux pas obtenir une boîte simple parfaitement centrée sur une page 🙁 Je veux juste une boîte de 6 colonnes au centre … modifier: l’a fait avec box Mais la boîte est trop large, […]

Gestion dynamic des tables dans Twitter Bootstrap

Lorsque la largeur d’une table dépasse la largeur de la plage, comme cette page: http://jsfiddle.net/rcHdC/ Vous verrez que le contenu de la table est en dehors de la span . Quelle serait la meilleure méthode pour répondre à cette affaire?

Comment centrer les tabs de démarrage Twitter sur la page?

J’utilise Twitter bootstrap pour créer des tabs pouvant être basculés. Voici le css que j’utilise: Home Profile Messages Settings Ce HTML affiche les tabs correctement, mais tiré à gauche (ce qui est censé se produire). J’ai essayé de bricoler le CSS pour centrer les tabs sur la page, mais pas encore de chance. Je pensais […]

Comment maintenir les proportions en utilisant la balise HTML IMG

J’utilise une balise img HTML pour afficher une photo dans notre application. J’ai défini à la fois son atsortingbut height et width à 64. J’ai besoin d’afficher une résolution d’image (par exemple, 256×256, 1024×768, 500×400, 205×246, etc.) en 64×64. Mais en définissant les atsortingbuts height et width d’une balise img à 64, cela ne permet […]

background-position-y ne fonctionne pas dans Firefox (via CSS)?

Dans mon code, la background-position-y ne fonctionne pas. Dans Chrome, ça va, mais pas dans Firefox. Quelqu’un at-il une solution?

CSS redimensionner le pourcentage de lui-même?

J’essaie de redimensionner un img avec un pourcentage de lui-même. Par exemple, je veux juste réduire l’image de moitié en la redimensionnant à 50%. Mais en appliquant la width: 50%; redimensionne l’image à 50% de l’élément du conteneur (l’élément parent, par exemple le ). La question est, puis-je redimensionner l’image avec un pourcentage d’elle-même sans […]

Comment changer la couleur d’arrière-plan de l’option de boîte de sélection?

J’ai une boîte de sélection et j’essaie de changer la couleur d’arrière-plan des options lorsque la zone de sélection a été cliquée et affiche toutes les options. Voir violon html Please choose Option 1 Option 2 Option 3 Option 4 css select{ margin:40px; background: rgba(0,0,0,0.3); color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.4); }

Est-il possible de référencer une règle CSS dans une autre?

Par exemple si j’ai le code HTML suivant: et ce CSS: .opacity { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .radius { border-top-left-radius: 15px; border-top-right-radius: 5px; -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; } .someDiv { background: #000; height: 50px; width: 200px; /*** How can I reference the opacity and radius classes here so this div has those […]

Dois-je placer des citations autour des noms de famille de fonts en CSS?

Je me souviens d’avoir entendu dire il ya longtemps qu’il était considéré comme «meilleure pratique» d’emballer des guillemets autour de noms de fonts contenant plusieurs mots dans la propriété CSS font-family, comme ceci: font-family: “Arial Narrow”, Arial, Helvetica, sans-serif; Pour ma part, j’ai essayé de supprimer les guillemets de “Arial Narrow” et Safari et Firefox […]