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.

21
Bootstrap 4 aligner les éléments de la barre de navigation vers la droite
Comment aligner un élément de la barre de navigation à droite? Je veux avoir le login et m'inscrire à droite. Mais tout ce que j'essaie ne semble pas fonctionner. Voici ce que j'ai essayé jusqu'à présent: <div>autour <ul>de l'attribut:style="float: right" <div>autour <ul>de l'attribut:style="text-align: right" essayé ces deux choses sur les …
14
Comment créer une balise <style> avec Javascript?
Je cherche un moyen d'insérer une &lt;style&gt;balise dans une page HTML avec JavaScript. La meilleure façon que j'ai trouvée jusqu'à présent: var divNode = document.createElement("div"); divNode.innerHTML = "&lt;br&gt;&lt;style&gt;h1 { background: red; }&lt;/style&gt;"; document.body.appendChild(divNode); Cela fonctionne dans Firefox, Opera et Internet Explorer, mais pas dans Google Chrome. C'est aussi un peu …
336 javascript  html  css 
4
Compilation moins agressive avec CSS3 calc
Les compilateurs Less que j'utilise ( OrangeBits et dotless 1.3.0.5 ) traduisent agressivement body { width: calc(100% - 250px - 1.5em); } dans body { width: calc(-151.5%); } Ce qui n'est évidemment pas souhaité. Je me demande s'il existe un moyen de signaler au compilateur Less d'ignorer essentiellement l'attribut pendant …
17
«Afficher: aucun» empêche-t-il le chargement d'une image?
Chaque didacticiel de développement de site Web réactif recommande d'utiliser la display:nonepropriété CSS pour masquer le contenu du chargement sur les navigateurs mobiles afin que le site Web se charge plus rapidement. Est-ce vrai? Ne display:nonecharge pas les images ou charge-t-il toujours le contenu sur le navigateur mobile? Existe-t-il un …
12
jquery changer le nom de la classe
Je veux changer la classe d'une balise td compte tenu de l'ID de la balise td: &lt;td id="td_id" class="change_me"&gt; ... Je veux pouvoir le faire à l'intérieur de l'événement click d'un autre objet dom. Comment saisir l'identifiant du td et changer sa classe?
336 jquery  css 
12
Puis-je avoir un effet onclick en CSS?
J'ai un élément d'image que je souhaite modifier en cliquant. &lt;img id="btnLeft"&gt; Cela marche: #btnLeft:hover { width:70px; height:74px; } Mais ce dont j'ai besoin c'est: #btnLeft:onclick { width:70px; height:74px; } Mais ça ne marche pas, évidemment. Est-il possible d'avoir un onclickcomportement en CSS (c'est-à-dire sans utiliser JavaScript)?
335 html  css  onclick 
19
CSS affiche une image redimensionnée et recadrée
Je veux montrer une image à partir d'une URL avec une certaine largeur et hauteur même si elle a un rapport de taille différent. Je veux donc redimensionner (en maintenant le rapport), puis couper l'image à la taille que je veux. Je peux redimensionner avec la imgpropriété html et je …
19
React Js appliquant conditionnellement des attributs de classe
Je veux afficher et masquer ce groupe de boutons de manière conditionnelle en fonction de ce qui est passé du composant parent qui ressemble à ceci: &lt;TopicNav showBulkActions={this.__hasMultipleSelected} /&gt; .... __hasMultipleSelected: function() { return false; //return true or false depending on data } .... var TopicNav = React.createClass({ render: function() …
4
Ajuster l'image d'arrière-plan à div
J'ai une image d'arrière-plan dans le div suivant, mais l'image est coupée: &lt;div style='text-align:center;background-image: url(/media/img_1_bg.jpg);background-repeat:no-repeat;width:450px;height:900px;' id="mainpage" align="center"&gt; Existe-t-il un moyen d'afficher l'image d'arrière-plan sans la couper?
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.