Articles of css

Carte image réactive

J’ai une carte d’image existante dans une mise en page HTML réactive. Les images sont dimensionnées en fonction de la taille du navigateur, mais les coordonnées des images sont évidemment des tailles de pixels fixes. Quelles options ai-je pour redimensionner les coordonnées de la carte-image?

Avantages de l’utilisation de display: inline-block vs float: laissé dans CSS

Normalement, quand on veut avoir plusieurs DIVs à la suite, on utilise float: left , mais maintenant j’ai découvert le truc de l’ display:inline-block Exemple de lien ici . Il me semble que l’ display:inline-block est un meilleur moyen d’ align DIVs dans une rangée, mais y a-t-il des inconvénients? Pourquoi cette approche est-elle moins […]

Hauteur Css en pourcentage ne fonctionne pas

J’ai le code simple suivant: Live Feed body { margin: 0px; padding: 0px; } I should be tall Mais le div ne s’affiche pas avec une hauteur de 100%. Pourquoi?

Comment puis-je rendre la barre de défilement sur un div uniquement visible lorsque cela est nécessaire?

J’ai cette div: here is some text Les barres de défilement sont toujours visibles, même si le texte ne déborde pas. Je veux que les barres de défilement ne soient visibles que lorsque cela est nécessaire, c’est-à-dire uniquement visibles lorsque la boîte contient suffisamment de texte. Comme un textarea fait. Comment puis-je faire cela? Ou […]

Suppression des coins arrondis d’un élément dans Chrome / Webkit

La feuille de style de l’agent utilisateur pour Chrome donne un rayon de bordure de 5 pixels à tous les coins d’un élément . J’ai essayé de m’en débarrasser en appliquant un rayon de 0px sur ma feuille de style externe, ainsi que sur l’élément lui-même. J’ai essayé les deux border-radius:0px et -webkit-border-radius:0px; et j’ai […]

Dégradés dans Internet Explorer 9

Est-ce que quelqu’un connaît le préfixe du fournisseur pour les dégradés dans IE9 ou sums-nous toujours censés utiliser leurs filtres propriétaires? Ce que j’ai pour les autres navigateurs est: background-image: -moz-linear-gradient(top, #444444, #999999); /* FF3.6 */ background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #444444),color-stop(1, #999999)); /* Saf4+, Chrome */ filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=’#444444′, EndColorStr=’#999999′); /* IE6,IE7 */ -ms-filter: “progid:DXImageTransform.Microsoft.gradient(startColorStr=’#444444′, EndColorStr=’#999999′)”; […]

Existe-t-il un moyen d’utiliser SVG comme contenu dans un pseudo élément: before ou: after

Je veux placer des images SVG avant certains éléments sélectionnés. J’utilise JQuery mais ce n’est pas pertinent. Je voudrais avoir l’élément: avant d’être comme: #mydiv:before { content:”<svg.. code here”; display:block; width:22px; height:10px; margin:10px 5px 0 10px; } Si je le fais comme indiqué ci-dessus, il suffit d’afficher la chaîne. J’ai vérifié les spécifications et il […]

Comment puis-je trouver des images et des styles CSS inutilisés sur un site Web?

Existe-t-il une méthode (autre que les essais et erreurs) que je peux utiliser pour trouver des fichiers image inutilisés? Qu’en est-il des déclarations CSS pour les ID et les classes qui n’existent même pas sur le site? Il semble qu’il y ait un moyen d’écrire un script qui parsing le site, le profile et voit […]

CSS par défaut des navigateurs pour les éléments HTML

Où puis-je trouver le CSS par défaut d’un navigateur pour les éléments HTML? De nombreux éléments HTML comportent des propriétés CSS par défaut qui peuvent parfois entraîner un comportement inconnu / indésirable. Par exemple, les zones de saisie sont affichées différemment dans différents navigateurs. Je cherche un endroit qui couvre les nouvelles propriétés CSS3 et […]

Ignorer le remplissage de formulaire du navigateur et la mise en évidence des entrées avec HTML / CSS

J’ai 2 formulaires de base – connectez-vous et inscrivez-vous sur la même page. Maintenant, je n’ai aucun problème avec le remplissage automatique du formulaire mais le formulaire d’inscription se remplit aussi, et je ne l’aime pas. En outre, les styles de formulaire ont un arrière-plan jaune que je ne parviens pas à remplacer et je […]