Als «css» getaggte Fragen

CSS (Cascading Style Sheets) ist eine Darstellungssprache, die zur Beschreibung des Erscheinungsbilds und der Formatierung von HTML-Dokumenten (HyperText Markup Language), XML-Dokumenten (Extensible Markup Language) und SVG-Elementen verwendet wird, einschließlich (aber nicht beschränkt auf) Farben, Layout, Schriftarten, und Animationen. Außerdem wird beschrieben, wie Elemente auf dem Bildschirm, auf Papier, in der Sprache oder auf anderen Medien gerendert werden sollen.

13
Wie füge ich Bilder zur Auswahlliste hinzu?
Ich habe eine ausgewählte Liste von Geschlechtern. Code: <select> <option>male</option> <option>female</option> <option>others</option> </select> Ich möchte ein Bild in der Dropdown-Liste als Dropdown-Symbol.jpeg verwenden. Ich möchte anstelle des Dropdown-Symbols eine Schaltfläche hinzufügen. Wie geht das?
150 html  css 
10
Warum funktioniert die CSS-Ellipse in Tabellenzellen nicht?
Betrachten Sie das folgende Beispiel: ( Live-Demo hier ) $(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> Führen Sie das Code-Snippet ausErgebnisse ausblendenErweitern Sie …
150 html  css  ellipsis 
15
CSS-Styling in Django-Formen
Ich möchte Folgendes stylen: 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> Zum Beispiel : Wie kann ich eine Klasse oder ID für die subject, email, messageein externes Stylesheet …
150 css  django  django-forms 
20
Herunterladen der heruntergeladenen Schriftart fehlgeschlagen
Dies ist ein Fehler, den ich in Chrome erhalte und dessen Suche leider nicht viele Ergebnisse gebracht hat. Die Schriftart selbst wird korrekt angezeigt. Ich erhalte jedoch immer noch diesen Fehler / diese Warnung. Genauer gesagt ist dies die vollständige Warnung: "Fehler beim Dekodieren der heruntergeladenen Schriftart: http: // localhost: …
149 css  html  fonts 
9
Imitieren eines Blink-Tags mit CSS3-Animationen
Ich möchte wirklich, dass ein Textstück im Stil der alten Schule blinkt, ohne Javascript oder Textdekoration zu verwenden. Keine Übergänge, nur * blink *, * blink *, * blink *! BEARBEITEN : Dies unterscheidet sich von dieser Frage, da ich nach einem Blinken ohne kontinuierliche Übergänge frage , während das …
14
HTML5 Canvas Resize (Downscale) Bild Hohe Qualität?
Ich verwende HTML5-Canvas-Elemente, um die Größe von Bildern in meinem Browser zu ändern. Es stellt sich heraus, dass die Qualität sehr gering ist. Ich habe Folgendes gefunden: Deaktivieren Sie die Interpolation beim Skalieren eines <canvas>, aber es hilft nicht, die Qualität zu verbessern. Unten finden Sie meinen CSS- und JS-Code …
2
So legen Sie eine Spalte mit fester Breite mit der CSS-Flexbox fest
CodePen: http://codepen.io/anon/pen/RPNpaP . Ich möchte, dass das rote Feld nur 25 em breit ist, wenn es nebeneinander angezeigt wird. Ich versuche dies zu erreichen, indem ich das CSS in dieser Medienabfrage einstelle: @media all and (min-width: 811px) {...} zu: .flexbox .red { width: 25em; } Aber wenn ich das mache, …
149 html  css  flexbox 
16
Wie zentriere ich das horizontale <UL> -Menü?
Ich muss ein horizontales Menü zentrieren. Ich habe verschiedene Lösungen ausprobiert, einschließlich der Mischung aus inline-block/block / center-alignusw., aber es ist mir nicht gelungen. Hier ist mein 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
Wie kann ich verhindern, dass lange Wörter mein Div brechen?
Seit dem Wechsel vom TABLE-Layout zum DIV-Layout bleibt ein häufiges Problem bestehen: PROBLEM : Sie füllen Ihren DIV mit dynamischem Text und es gibt unweigerlich ein super langes Wort, das sich über den Rand Ihrer div-Spalte erstreckt und Ihre Site unprofessionell aussehen lässt. RETRO-WHINING : Dies ist bei Tabellenlayouts nie …
148 css  layout  html 
13
Zentrieren eines Hintergrundbilds mithilfe von CSS
Ich möchte ein Hintergrundbild zentrieren. Es wird kein div verwendet, dies ist das CSS Stil: body{ background-position:center; background-image:url(../images/images2.jpg) no-repeat; } Die obigen CSS-Kacheln sind überall und zentrieren sie, aber das halbe Bild wird nicht gesehen, es bewegt sich nur irgendwie nach oben. Ich möchte das Bild zentrieren. Könnte ich das …
148 css 
5
Was ist der Zweck des @ -Symbols in CSS?
Ich bin gerade über diese Frage gestolpert und habe festgestellt, dass der Benutzer eine Notation verwendet, die ich noch nie gesehen habe: @font-face { /* CSS HERE */ } Ist dieses @Symbol etwas Neues in CSS3 oder etwas Altes, das ich irgendwie übersehen habe? Ist das so etwas wie wo …
148 css  syntax  symbols 
7
CSS-Tabellenzelle gleich breit
Ich habe eine unbestimmte Anzahl von Tabellenzellenelementen in einem Tabellencontainer. &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; Gibt es eine reine CSS-Methode, um die Tabellenzellen gleich breit zu machen, selbst wenn sie unterschiedlich große Inhalte enthalten? Vielen Dank. Bearbeiten: Eine maximale Breite würde bedeuten, zu wissen, wie viele Zellen Sie …
147 html  css  html-table 
Durch die Nutzung unserer Website bestätigen Sie, dass Sie unsere Cookie-Richtlinie und Datenschutzrichtlinie gelesen und verstanden haben.
Licensed under cc by-sa 3.0 with attribution required.