La programmation css

4

jQuery find élément par valeur d'attribut de données

J'ai quelques éléments comme ci-dessous: <a class="slide-link" href="#" data-slide="0">1</a> <a class="slide-link" href="#" data-slide="1">2</a> <a class="slide-link" href="#" data-slide="2">3</a> Comment puis-je ajouter une classe à l'élément qui a une data-slidevaleur d'attribut de 0(zéro)? J'ai essayé de nombreuses solutions différentes mais rien n'a fonctionné. Un exemple: $('.slide-link').find('[data-slide="0"]').addClass('active'); Une idée?

103 jquery html css custom-data-attribute

4

<input> n'hérite pas de la police de <body>

J'ai des champs d'entrée et d'étiquette: <label class="adm" for="UserName">User name</label> <input class="adm" id="UserName" name="UserName" size="30" type="text" value="" /> et CSS: body,html { font-family: Verdana,Arial,Helvetica,sans-serif; margin:0; padding:0; color: #111;} label.adm { font-size:0.9em; margin:0 0 3px 3px; display: block;} input.adm { font-size:0.9em; margin:0 0 3px 3px; } Lorsque le code s'ouvre dans …

103 css

4

Impossible de trouver un sélecteur d'attribut CSS "différent de"

Je veux cibler les éléments div où l'attribut "foo" a une valeur. <div foo="x">XXX</div> <div foo="">YYY</div> J'ai essayé ce css, mais cela ne fonctionne pas: [foo!=''] { background: red; }

103 css

7

Comment aligner l'élément absolument positionné au centre?

J'essaie d'empiler deux toiles ensemble et d'en faire une toile à double couche. J'ai vu un exemple ici: <div style="position: relative;"> <canvas id="layer1" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 0;"></canvas> <canvas id="layer2" width="100" height="100" style="position: absolute; left: 0; top: 0; z-index: 1;"></canvas> </div> Mais je voudrais aligner …

103 css html5-canvas

6

Retrait à partir de la deuxième ligne d'un paragraphe avec CSS

Comment mettre en retrait à partir de la deuxième ligne d'un paragraphe? J'ai essayé p { text-indent: 200px; } p:first-line { text-indent: 0; } et p { margin-left: 200px; } p:first-line { margin-left: 0; } et (with position:relative;) p { left: 200px; } p:first-line { left: 0; }

103 html css text pseudo-class indentation

7

Dimensionnement des colonnes de table

Dans Bootstrap 3, je pourrais appliquer col-sm-xxaux thbalises dans les theadcolonnes du tableau et redimensionner à volonté. Cependant, cela ne fonctionne pas dans bootstrap 4. Comment puis-je réaliser quelque chose comme ça dans bootstrap 4? <thead> <th class="col-sm-3">3 columns wide</th> <th class="col-sm-5">5 columns wide</th> <th class="col-sm-4">4 columns wide</th> </thead> En …

103 css twitter-bootstrap html-table bootstrap-4

8

Comment ajouter quelque chose dans <head> via jquery / javascript?

Je travaille avec un CMS, qui empêche de modifier la source HTML de l' <head>élément. Par exemple, je souhaite ajouter ce qui suit au-dessus de la <title>balise: <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

102 javascript jquery css xhtml

10

Comment étirer l'image d'arrière-plan pour remplir un div

Je souhaite définir une image d'arrière-plan sur différentes divs, mais mes problèmes sont: La taille de l'image est fixe (60px). Varier la taille de div Comment puis-je étirer l'image d'arrière-plan pour remplir tout l'arrière-plan du div? #div2{ background-image:url(http://s7.static.hootsuite.com/3-0-48/images/themes/classic/streams/message-gradient.png); height:180px; width:200px; border: 1px solid red; } Vérifiez le code ici.

102 css html background background-image

11

Comment appliquer des règles CSS spécifiques à Chrome uniquement?

Existe-t-il un moyen d'appliquer le CSS suivant à un spécifique divuniquement dans Google Chrome? position:relative; top:-2px;

102 css google-chrome css-hack

10

Comment faire une flèche fantaisie en utilisant CSS?

Ok, donc tout le monde sait que vous pouvez créer un triangle en utilisant ceci: #triangle { width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid red; } Et cela produit un solide, rempli de triangle. Mais comment feriez-vous un triangle en forme de …

102 html css css-shapes

6

Comment afficher un message contextuel comme dans Stack Overflow

Je voudrais ajouter un message contextuel comme celui qui apparaît sur Stack Overflow lorsque je ne suis pas connecté et que j'essaye d'utiliser les boutons de vote. Quelle est la meilleure méthode pour y parvenir? Est-ce fait en utilisant une bibliothèque jquery?

102 javascript jquery html css

7

Sass ou Compass sans rubis?

Existe-t-il un moyen d'utiliser Sass ou Compass ou quelque chose comme ça sans Ruby? J'ai cherché sur google et sur ce site et je ne trouve rien, toute aide serait appréciée. Je vous remercie

102 css sass compass-sass

10

Pouvez-vous faire cette mise en page HTML sans utiliser de tableaux?

Ok, j'ai eu un simple problème de mise en page il y a une semaine ou deux. À savoir les sections d'une page nécessitaient un en-tête: +---------------------------------------------------------+ | Title Button | +---------------------------------------------------------+ Des trucs assez simples. Le fait est que la haine des tables semble avoir pris le dessus dans …

102 html css layout

4

Positionnement d'un div près du bas d'un autre div

J'ai un div externe et un div interne. J'ai besoin de placer la div intérieure au bas de la div externe. La div externe est élastique (largeur: 70% par exemple). J'ai également besoin de centrer le bloc intérieur. Un modèle simple de maquillage décrit est montré sur l'image ci-dessous:

102 html css layout

3

Comment styliser l '<option> avec uniquement CSS?

Remarque: cette question ne concerne pas la création d'une liste déroulante personnalisée. Il ne s'agit que de possibilités de styliser les <option>éléments dans l'élément select en CSS Comment puis-je styliser <option>un <select>élément avec une compatibilité entre navigateurs? Je connais de nombreuses méthodes JavaScript permettant de personnaliser la liste déroulante à …

102 css html-select

Questions marquées «css»