Questions marquées «css»

CSS (Cascading Style Sheets) est un langage de feuille de style de représentation utilisé pour décrire l'apparence et la mise en forme des documents HTML (HyperText Markup Language), XML (Extensible Markup Language) et des éléments SVG, y compris (mais sans s'y limiter) les couleurs, la mise en page, les polices, et animations. Il décrit également comment les éléments doivent être affichés à l'écran, sur papier, dans un discours ou sur d'autres supports.

7
La liste ordonnée HTML 1.1, 1.2 (compteurs imbriqués et portée) ne fonctionne pas
J'utilise des compteurs imbriqués et une portée pour créer une liste ordonnée: ol { counter-reset: item; padding-left: 10px; } li { display: block } li:before { content: counters(item, ".") " "; counter-increment: item } <ol> <li>one</li> <li>two</li> <ol> <li>two.one</li> <li>two.two</li> <li>two.three</li> </ol> <li>three</li> <ol> <li>three.one</li> <li>three.two</li> <ol> <li>three.two.one</li> <li>three.two.two</li> </ol> …
87 html  css  html-lists 
9
Trouvez toutes les règles CSS qui s'appliquent à un élément
De nombreux outils / API permettent de sélectionner des éléments de classes ou d'identifiants spécifiques. Il est également possible d'inspecter les feuilles de style brutes chargées par le navigateur. Cependant, pour que les navigateurs rendent un élément, ils compileront toutes les règles CSS (éventuellement à partir de différents fichiers de …
87 javascript  css 
7
Comment se débarrasser de l'espace supplémentaire sous svg dans l'élément div
Voici une illustration du problème (testé sous Firefox et Chrome): <div style="background-color: red;"><svg height="100px" width="100" style="background-color: blue;"></svg></div> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait Vue sur JSFiddle Notez l' redespace supplémentaire à l'intérieur du divdessous du bleu svg. Déjà essayé le réglage paddinget margindes deux éléments à 0, mais sans …
87 html  css  svg 
8
jquery pour changer l'attribut de style d'une classe div
J'ai une classe de curseur comme celle-ci et je souhaite modifier l'attribut de style style = "left: 336px" <div id="range-cont"> <div class="slider"> <div class="progress" style="width: 350px;"></div> <a class="handle" href="#" **style="left: 336px;"**></a> </div> <input id="percentage" class="range" type="range" value="14" name="percentage" min="0" max="100"> <p id="percent-label">%</p> </div> </div> J'ai essayé $('.handle').css({'style':'left: 300px'})mais ça ne …
87 javascript  jquery  css 
9
Créez un lien HTML qui ne fait rien (littéralement rien)
Je veux un lien qui ne fait rien. Je ne veux pas ça: <a href="#"> car alors l'URL devient something.com/whatever/#. La seule raison pour laquelle je veux un lien est que l'utilisateur puisse voir qu'il peut cliquer sur le texte. JavaScript est utilisé pour effectuer une action, je n'ai donc …
87 html  css 
17
Empêcher les «doubles» frontières dans CSS
Disons que j'ai deux divs côte à côte (prenez https://chrome.google.com/webstore/category/home comme référence) avec une bordure. Existe-t-il un moyen (de préférence une astuce CSS) pour empêcher mes divs de ressembler à une double bordure? Jetez un œil à cette image pour mieux comprendre ce que je veux dire: Vous pouvez voir …
87 css 
12
Comment définir la largeur et la hauteur d'une image sans l'étirer?
Si j'ai: #logo { width: 400px; height: 200px; } puis <img id="logo" src="logo.jpg"/> s'étendra pour remplir cet espace. Je veux que l'image garde la même taille, mais qu'elle prenne autant de place dans le DOM. Dois-je ajouter un encapsulant <div>ou <span>? Je déteste ajouter du balisage pour le style.
87 html  css 
16
Changer la couleur d'une puce dans une liste html?
Tout ce que je veux, c'est pouvoir changer la couleur d'une puce dans une liste en gris clair. Il est par défaut noir et je ne sais pas comment le changer. Je sais que je pourrais simplement utiliser une image; Je préfère ne pas faire ça si je peux l'aider.
86 html  css  html-lists 
5
Structure d'actifs SCSS appropriée dans les rails
Donc, j'ai une app/assets/stylesheets/structure de répertoires qui ressemble à ceci: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements Dans chaque répertoire, il y a plusieurs partiels sass (généralement * .css.scss, mais un ou deux * .css.scss.erb). Je suppose peut-être beaucoup, mais les rails DEVRAIENT compiler automatiquement tous les fichiers …
3
Comment utiliser les chemins relatifs / absolus dans les URL CSS?
J'ai un serveur de production et de développement. Le problème est la structure des répertoires. Développement: http://dev.com/subdir/images/image.jpg http://dev.com/subdir/resources/css/style.css Production: http://live.com/images/image.jpg http://live.com/resources/css/style.css Comment puis-je avoir un dossier style.cssin cssqui utilise sur les deux serveurs le même chemin pour la background: urlpropriété? Y a-t-il une astuce que je peux utiliser avec des …
2
Quelle est la différence entre les valeurs initiales et non définies?
Un exemple simple: HTML <p style="color:red!important"> this text is red <em> this text is in the initial color (e.g. black) </em> this is red again </p> CSS em { color:initial; color:unset; } Quelle est la différence entre initialet unset? Prend uniquement en charge les navigateurs CanIUse: valeur CSS non définie …
86 css 
21
Bootstrap ferme le menu réactif "sur clic"
Sur "PRODUITS", cliquez sur Je fais glisser un div blanc (comme indiqué ci-joint). En réactif (mobile et tablette), je voudrais fermer automatiquement la barre de navigation responsive et n'afficher que la barre blanche. J'ai essayé: $('.btn-navbar').click(); a également essayé: $('.nav-collapse').toggle(); Et ça marche. Cependant, en taille de bureau, il est …
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.