La programmation css

10

Image d'arrière-plan CSS pour s'adapter à la largeur, la hauteur doit être mise à l'échelle automatiquement en proportion

j'ai body { background: url(images/background.svg); } L'effet souhaité est que cette image d'arrière-plan aura une largeur égale à celle de la page, la hauteur changeant pour maintenir la proportion. Par exemple, si l'image d'origine se trouve être 100 * 200 (toutes les unités) et que le corps a une largeur …

365 html css

5

Comment ajouter une info-bulle à un élément span?

Dans le code suivant, je veux qu'une info-bulle s'affiche lorsque l'utilisateur survole la plage, comment dois-je faire? Je ne veux utiliser aucun lien. <span> text </span>

364 html css

16

Quelle est la façon la plus simple de désactiver / activer les boutons et les liens (jQuery + Bootstrap)

Parfois, j'utilise des ancres conçues comme des boutons et parfois j'utilise simplement des boutons. Je veux désactiver des objets clicky spécifiques afin que: Ils ont l'air handicapés Ils cessent d'être cliqués Comment puis-je faire ceci?

360 jquery html css twitter-bootstrap

3

Sélectionner un élément basé sur plusieurs classes

J'ai une règle de style que je veux appliquer à une balise lorsqu'elle a deux classes. Existe-t-il un moyen d'effectuer cela sans JavaScript? En d'autres termes: <li class='left ui-class-selector'> Je veux appliquer ma règle de style uniquement si les lideux .leftet les .ui-class-selectorclasses sont appliquées.

360 css css-selectors

22

Comment styliser la couleur, la taille et l'ombre des icônes

Comment définir la couleur, la taille et l'ombre des icônes à partir des icônes de Font Awesome ? Par exemple, le site de Font Awesome affichera quelques icônes en blanc et d'autres en rouge mais ne montrera pas CSScomment les styler de cette façon ...

358 css twitter-bootstrap icons styles font-awesome-4

10

Comment voir une page HTML sur Github comme une page HTML rendue normale pour voir un aperçu dans le navigateur, sans téléchargement?

Sur http://github.com, le développeur conserve les fichiers HTML, CSS, JavaScript et images du projet. Comment puis-je voir la sortie HTML dans le navigateur? Par exemple, ceci: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Lorsque j'ouvre cela, il n'affiche pas le code HTML rendu du code d'auteur. Il montre la page comme un code source. Est-il possible …

356 html css git github github-pages

12

Comment centrer les éléments flottants?

J'implémente la pagination, et elle doit être centrée. Le problème est que les liens doivent être affichés sous forme de bloc, ils doivent donc être flottants. Mais alors, text-align: center;ça ne marche pas. Je pourrais y parvenir en donnant le rembourrage div wrapper de gauche, mais chaque page aura un …

356 css-float center css

16

Comment changer la couleur d'un élément svg?

Je veux utiliser cette technique http://css-tricks.com/svg-fallbacks/ et changer la couleur svg mais jusqu'à présent je n'ai pas pu le faire. Je mets ça dans le css mais mon image est toujours noire, quoi qu'il arrive. Mon code: .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> …

352 css svg

12

Comment aligner à droite les éléments div?

Le corps de mon document html se compose de 3 éléments, un bouton, un formulaire et un canevas. Je veux que le bouton et le formulaire soient alignés à droite et la toile à gauche. Le problème est que lorsque j'essaie d'aligner les deux premiers éléments, ils ne se suivent …

351 css html

6

Comment écrire: condition de survol pour a: avant et a: après?

Comment écrire :hoveret :visitedconditionner a:before? J'essaye a:before:hovermais ça ne marche pas

347 css css-selectors pseudo-element pseudo-class

30

Empêcher BODY de défiler lorsqu'un modal est ouvert

Je veux que mon corps arrête de défiler lorsque j'utilise la molette pendant que le Modal (depuis http://twitter.github.com/bootstrap ) sur mon site Web est ouvert. J'ai essayé d'appeler le morceau de javascript ci-dessous lorsque le modal est ouvert mais sans succès $(window).scroll(function() { return false; }); ET $(window).live('scroll', function() { …

346 javascript jquery css scroll

27

Comment ajouter plusieurs classes à un composant ReactJS

Je suis nouveau sur ReactJS et JSX et j'ai un petit problème avec le code ci-dessous. J'essaie d'ajouter plusieurs classes à l' classNameattribut sur chacune li: <li key={index} className={activeClass, data.class, "main-class"}></li> Mon composant React est: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) …

346 javascript css reactjs ecmascript-6

9

Comment rendre une entrée de texte non modifiable?

J'ai donc une entrée de texte <input type="text" value="3" class="field left"> Voici mon CSS pour ça background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; Y a-t-il un cadre ou une astuce à cela, je pensais plutôt faire une étiquette mais qu'en est-il …

344 html css html-input

29

Taille de police réactive en CSS

J'ai créé un site en utilisant la grille Zurb Foundation 3 . Chaque page a un grand h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div>  </div> …

343 css responsive-design font-size zurb-foundation em

26

Supprimer le remplissage des colonnes dans Bootstrap 3

Problème: Retirez le rembourrage / la marge à droite et à gauche de col-md- * dans Bootstrap 3. Code HTML: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div …

342 css twitter-bootstrap html

Questions marquées «css»