Articles of css

Dans jQuery, comment puis-je définir les propriétés «top, left» d’un élément avec des valeurs de position relatives au parent et non au document?

.offset([coordinates]) définit les coordonnées d’un élément mais uniquement par rapport au document. Alors, comment puis-je définir les coordonnées d’un élément mais par rapport au parent? J’ai trouvé que la méthode .position() n’obtient que des valeurs “top, left” relatives au parent, mais ne définit aucune valeur. J’ai essayé avec $(“#mydiv”).css({top: 200, left: 200}); mais ne fonctionne […]

Combiner: après avec: vol stationnaire

Je veux combiner :after avec :hover en CSS (ou tout autre pseudo sélecteur). J’ai essentiellement une liste et l’élément avec la classe selected a une forme de flèche appliquée avec :after . Je veux que la même chose soit vraie pour les objects qui sont survolés mais qui ne peuvent pas tout à fait fonctionner. […]

Y a-t-il un hack css pour safari seulement pas chrome?

Im essayant de trouver un hack css pour seulement safari pas chrome, je sais que ce sont les deux navigateurs webkit mais im ayant des problèmes avec les alignements div en chrome et safari, chaque affiche différemment. J’ai essayé de l’utiliser mais cela affecte aussi le chrome, @media screen and (-webkit-min-device-pixel-ratio:0) { #safari { display: […]

Comment styler l’atsortingbut readonly avec CSS?

J’utilise actuellement readonly = “readonly” pour désactiver les champs. J’essaie maintenant de styliser l’atsortingbut en utilisant CSS. J’ai essayé d’utiliser input[readonly] { /*styling info here*/ } mais ça ne marche pas pour une raison quelconque. J’ai aussi essayé input[readonly=’readonly’] { /*styling info here*/ } ça ne marche pas non plus. Comment puis-je styler l’atsortingbut readonly […]

Pourquoi mes requêtes média CSS3 ne fonctionnent-elles pas sur les appareils mobiles?

Dans les styles.css, j’utilise des requêtes de média, qui utilisent toutes deux une variante de: /*–[ Normal CSS styles ]———————————-*/ @media only screen and (max-width: 767px) { /*–[ Mobile styles go here]—————————*/ } Les sites redimensionnent la mise en page que je souhaite dans un navigateur standard (Safari, Firefox) lorsque je réduis la fenêtre. Cependant, […]

Pourquoi les éléments flexibles ne réduisent-ils pas la taille du contenu passé?

J’ai 4 colonnes flexbox et tout fonctionne bien, mais lorsque j’ajoute du texte dans une colonne et que je lui atsortingbue une grande taille de police, la colonne devient plus large que nécessaire en raison de la propriété flex. J’ai essayé d’utiliser le word-break: break-word et cela m’a aidé, mais quand je redimensionne la colonne […]

En-tête fixe et corps déroulant

J’essaie de créer une table avec un en-tête fixe et un contenu défilant à l’aide de la table bootstrap 3. Malheureusement, les solutions que j’ai trouvées ne fonctionnent pas avec le bootstrap ou ne gâchent pas le style. Ici, il y a une table bootstrap simple, mais pour une raison quelconque, la hauteur du corps […]

Comment append une marge entre les colonnes bootstrap sans emballage

Ma mise en page ressemble actuellement à ceci Dans la colonne centrale, je souhaite append une petite marge entre chaque division de Server . Mais, si j’ajoute une marge au CSS, cela finit par un retour à la ligne et ressemble à ceci Server 1 Server 2 Server 3 Server 4 Server 5 Server 6 […]

Vidéo YouTube incorporée via iframe Ignorer l’index z?

J’essaie d’implémenter un menu de navigation horizontal multi-niveaux. Immédiatement au-dessous (verticalement) du menu, j’ai une vidéo YouTube intégrée via iframe. Si je survole l’un des éléments de navigation de niveau principal de Firefox, le menu déroulant apparaît correctement en haut de la vidéo. Dans Chrome et IE9, cependant, seul un fragment de la liste déroulante […]

Empêcher l’emballage des conteneurs (scope ou div)

Je voudrais mettre un groupe d’éléments div de largeur fixe dans un conteneur et faire apparaître la barre de défilement horizontale. Les éléments div / span doivent apparaître dans une ligne, de gauche à droite, dans l’ordre dans lequel ils apparaissent dans le code HTML. (essentiellement non emballé) De cette façon, la barre de défilement […]