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.

9
Comment styliser l'attribut en lecture seule avec CSS?
J'utilise actuellement readonly = "readonly" pour désactiver les champs. J'essaye maintenant de styliser l'attribut en utilisant CSS. J'ai essayé d'utiliser input[readonly] { /*styling info here*/ } mais cela ne fonctionne pas pour une raison quelconque. J'ai aussi essayé input[readonly='readonly'] { /*styling info here*/ } cela ne fonctionne pas non plus. …
150 html  css  css-selectors 
13
Comment ajouter des images dans la liste de sélection?
J'ai une liste restreinte de genres. Code: <select> <option>male</option> <option>female</option> <option>others</option> </select> Je veux utiliser une image dans la liste déroulante comme drop-down-icon.jpeg. Je souhaite ajouter un bouton à la place de l'icône déroulante. Comment faire ça?
150 html  css 
10
Pourquoi les points de suspension CSS ne fonctionnent-ils pas dans une cellule de tableau?
Prenons l'exemple suivant: ( démo en direct ici ) $(function() { console.log("width = " + $("td").width()); }); td { border: 1px solid black; width: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tbody> <tr> <td>Hello Stack Overflow</td> </tr> </tbody> </table> Exécuter l'extrait de codeMasquer les résultatsDévelopper l'extrait …
150 html  css  ellipsis 
15
Style CSS dans les formulaires Django
Je voudrais styliser ce qui suit: forms.py: from django import forms class ContactForm(forms.Form): subject = forms.CharField(max_length=100) email = forms.EmailField(required=False) message = forms.CharField(widget=forms.Textarea) contact_form.html: <form action="" method="post"> <table> {{ form.as_table }} </table> <input type="submit" value="Submit"> </form> Par exemple, comment puis-je créer une classe ou ID pour le subject, email, messagepour fournir …
150 css  django  django-forms 
20
Échec du décodage de la police téléchargée
Il s'agit d'une erreur que j'obtiens dans Chrome et malheureusement, sa recherche ne m'a pas donné beaucoup de résultats. La police elle-même apparaît correctement. Cependant, j'obtiens toujours cette erreur / avertissement. Plus précisément, voici l'avertissement complet: "Impossible de décoder la police téléchargée: http: // localhost: 8000 / app / fonts …
149 css  html  fonts 
9
Imiter une balise clignotante avec des animations CSS3
Je veux vraiment faire clignoter un morceau de texte dans le style old-school sans utiliser de javascript ou de décoration de texte. Pas de transitions, seulement * clignotement *, * clignotement *, * clignotement *! EDIT : C'est différent de cette question parce que je demande un clignotement sans transitions …
2
Comment définir une colonne à largeur fixe avec CSS Flexbox
CodePen: http://codepen.io/anon/pen/RPNpaP . Je veux que la boîte rouge ne fasse que 25 em de large lorsqu'elle est dans la vue côte à côte - j'essaie d'y parvenir en définissant le CSS dans cette requête multimédia: @media all and (min-width: 811px) {...} à: .flexbox .red { width: 25em; } Mais …
149 html  css  flexbox 
16
Comment puis-je centrer le menu horizontal <UL>?
J'ai besoin d'aligner au centre un menu horizontal. J'ai essayé diverses solutions, y compris le mélange de inline-block/ block/ center-alignetc., mais je n'ai pas réussi. Voici mon code: &lt;div class="topmenu-design"&gt; &lt;!-- Top menu content: START --&gt; &lt;ul id="topmenu firstlevel"&gt; &lt;li class="firstli" id="node_id_64"&gt;&lt;div&gt;&lt;a href="#"&gt;&lt;span&gt;Om kampanjen&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt; &lt;li id="node_id_65"&gt;&lt;div&gt;&lt;a href="#"&gt;&lt;span&gt;Fakta om inneklima&lt;/span&gt;&lt;/a&gt;&lt;/div&gt;&lt;/li&gt; &lt;li …
148 css  xhtml  menuitem 
26
Comment éviter que de longs mots ne brisent mon div?
Depuis le passage de la mise en page TABLE à la mise en page DIV, un problème commun demeure: PROBLÈME : vous remplissez votre DIV avec du texte dynamique et il y a inévitablement un mot super long qui dépasse le bord de votre colonne div et donne à votre …
148 css  layout  html 
7
Largeur égale des cellules du tableau CSS
J'ai un nombre indéterminé d'éléments de cellule de table à l'intérieur d'un conteneur de table. &lt;div style="display:table;"&gt; &lt;div style="display:table-cell;"&gt;&lt;/div&gt; &lt;div style="display:table-cell;"&gt;&lt;/div&gt; &lt;/div&gt; Existe-t-il un moyen CSS pur pour que les cellules du tableau aient la même largeur même si elles ont un contenu de taille différente? Merci. Edit: Avoir une …
148 html  css  html-table 
13
Centrer une image d'arrière-plan, en utilisant CSS
Je souhaite centrer une image d'arrière-plan. Il n'y a pas de div utilisé, c'est le style CSS : body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } Les tuiles CSS ci-dessus partout et le centrent, mais la moitié de l'image n'est pas vue, elle se déplace simplement vers le haut. Ce que je veux …
148 css 
5
À quoi sert le symbole «@» dans CSS?
Je suis juste tombé sur cette question et j'ai remarqué que l'utilisateur utilise une notation que je n'ai jamais vue auparavant: @font-face { /* CSS HERE */ } Alors, ce @symbole est-il quelque chose de nouveau dans CSS3, ou quelque chose d'ancien que j'ai en quelque sorte oublié? Est-ce quelque …
148 css  syntax  symbols 
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.