Articles of css3

taille d’arrière-plan: la couverture ne fonctionne pas en portrait sur une tablette Android

J’utilise la propriété de background-size pour une image d’ background-size pleine largeur et hauteur, mais j’ai des difficultés à la recouvrir entièrement dans Chrome sur une tablette Nexus7 en mode portrait. Il ne couvre que la largeur et non la hauteur, c’est-à-dire qu’il ya environ 200px d’espace en dessous. Toutefois, lorsque je visualise le site […]

Dropdown avec un formulaire à l’intérieur avec twitter-bootstrap

J’ai un Dropdown dans mon TopBar, construit avec le framework CSS Twitter Bootstrap. J’ai 3 problèmes avec lui que je ne trouve aucune solution à: Les champs de saisie de texte et de mot de passe sont beaucoup trop gros, comment puis-je les ajuster? Rendre la liste déroulante plus grande serait également acceptable. Les étiquettes […]

Possibilité d’utiliser border-radius avec une image-frontière qui a un dégradé?

Je stylise un champ de saisie avec une bordure arrondie (rayon frontière) et tente d’append un dégradé à cette bordure. Je peux réussir à faire le dégradé et la bordure arrondie, mais ni l’un ni l’autre ne travaillent ensemble. Il est soit arrondi sans dégradé, soit une bordure avec un dégradé, mais pas de coins […]

CSS3 calc () ne fonctionne pas dans le dernier chrome

J’ai remarqué que mon utilisation de la fonction CSS3 calc() car l’unité de width ne fonctionnait pas dans la dernière version de Chrome. Dans les outils du développeur Chrome, la règle avec calc() est barrée et un point d’exclamation est placé à gauche d’un sortingangle jaune. Cela signale que la propriété ou la valeur n’est […]

Comment définir la taille minimale de la police en CSS

Je souhaite définir une taille de police minimale pour chaque élément de ma page HTML. Par exemple, s’il y a des éléments de taille inférieure à 12px, ils deviendront 12px. Mais s’il y a des éléments avec une plus grande taille de police que 12px, ils ne changeront pas. Est-il possible de le faire avec […]

Défilement de table avec HTML et CSS

J’ai une table comme celle que je remplis avec une donnée Product (Parent Product) Associated Sites Actions @for (int i = 0; i < Model.Count(); i++) { @Model.ElementAt(i).Name @Html.ActionLink(“https://stackoverflow.com/questions/14834198/table-scroll-with-html-and-css/Edit Product”, “https://stackoverflow.com/questions/14834198/table-scroll-with-html-and-css/Edit”, “Products”) @Html.ActionLink(“Associate Site”, “Associate”, “Products”) } et CSS comme ça #products-table { width: 200px; height: 400px; overflow:scroll; } mais scroll ne fonctionne pas, je […]

Aligné à gauche dernière ligne dans la grid centrée d’éléments

J’ai un tas de blocs de même taille à display:inline-block dans un div qui a text-align:center set pour aligner les blocs. | _____ _____ _____ _____ | | | | | | | | | | | | | 1 | | 2 | | 3 | | 4 | | | |_____| |_____| |_____| […]

Possibilité d’inverser une animation CSS lors de la suppression de classe?

Essentiellement, j’essaie de donner à un élément une animation CSS lorsqu’il gagne une classe, puis d’inverser cette animation lorsque je supprime la classe sans jouer l’animation lors du rendu du DOM . Violon ici: http://jsfiddle.net/bmh5g/ Comme vous pouvez le voir dans le violon, lorsque vous passez le bouton “Hover Me”, #item bascule. Lorsque vous désactivez […]

Défilement horizontal sur le débordement de la table

J’ai une table de base dans un conteneur. La table aura environ 25 colonnes. J’essaie d’append une barre de défilement horizontale au débordement de la table et je passe un moment très difficile. Ce qui se passe maintenant, c’est que les cellules de la table prennent en charge le contenu des cellules en ajustant automatiquement […]

CSS: Comment définir la taille de l’image par rapport à la hauteur parente?

J’essaie de déterminer comment redimensionner une image afin qu’elle conserve le rapport largeur / hauteur, mais qu’elle soit redimensionnée jusqu’à ce que la hauteur de l’image corresponde à la hauteur du div contenant. J’ai ces images assez grandes et longues (captures d’écran) et je veux les placer dans une largeur de 200 pixels, une hauteur […]