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.

6
Wie füge ich der Navigationsleiste in Bootstrap 3 ein Suchfeld mit einem Symbol hinzu?
Ich verwende den neuen Twitter Bootstrap 3 und versuche, ein Suchfeld wie dieses (unten) in der oberen Navigationsleiste zu platzieren : In Bootstrap 2 hätte es so aussehen können: <form class="form-search" method="get" id="s" action="/"> <div class="input-append"> <input type="text" class="input-medium search-query" name="s" placeholder="Search" value=""> <button type="submit" class="add-on"><i class="icon-search"></i></button> </div> </form> Ich …
22
Schriftart Fantastisches Symbol im Texteingabeelement
Ich versuche, ein Benutzersymbol in das Eingabefeld für den Benutzernamen einzufügen. Ich habe eine der Lösungen aus der ähnlichen Frage ausprobiert , weil ich das wusstebackground-image Eigenschaft nicht funktioniert, da Font Awesome eine Schriftart ist. Das Folgende ist mein Ansatz und ich kann die Symbolanzeige nicht erhalten. .wrapper input[type="text"] { …
136 html  css  fonts  font-awesome 
5
CSS-Einheiten - Was ist der Unterschied zwischen vh / vw und%?
Ich habe gerade etwas über eine neue und ungewöhnliche CSS-Einheit gelernt. vhund vwmessen Sie den Prozentsatz der Höhe und Breite des Ansichtsfensters. Ich habe mir diese Frage von Stack Overflow angesehen, aber dadurch sahen die Einheiten noch ähnlicher aus. Wie funktioniert vw und vh unit? Die Antwort sagt ausdrücklich vw …
14
Zeilenumbruch in <td> -Tag
Ich möchte Text umbrechen, der einem &lt;td&gt;Element hinzugefügt wird . Ich habe es mit versucht style="word-wrap: break-word;" width="15%". Der Text wird jedoch nicht umbrochen. Muss es 100% breit sein? Ich muss andere Steuerelemente anzeigen, sodass nur 15% Breite verfügbar sind.
7
Wenden Sie den Stil nur auf die erste Ebene der td-Tags an
Gibt es eine Möglichkeit, den Stil einer Klasse nur auf EINE Ebene von td-Tags anzuwenden? &lt;style&gt;.MyClass td {border: solid 1px red;}&lt;/style&gt; &lt;table class="MyClass"&gt; &lt;tr&gt; &lt;td&gt; THIS SHOULD HAVE RED BORDERS &lt;/td&gt; &lt;td&gt; THIS SHOULD HAVE RED BORDERS &lt;table&gt;&lt;tr&gt;&lt;td&gt;THIS SHOULD NOT HAVE ANY&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt; &lt;/td&gt; &lt;/tr&gt; &lt;/table&gt;
136 css  css-selectors 
8
Richten Sie Beschriftungen in Form neben der Eingabe aus
Ich habe ein sehr einfaches und bekanntes Formszenario, in dem ich Beschriftungen neben Eingaben korrekt ausrichten muss. Ich weiß jedoch nicht, wie ich es machen soll. Mein Ziel wäre es, dass Beschriftungen neben den Eingaben auf der rechten Seite ausgerichtet werden. Hier ist ein Bildbeispiel des gewünschten Ergebnisses. Ich habe …
136 html  css  alignment 
24
Herunterladen der heruntergeladenen Schriftart fehlgeschlagen, OTS-Analysefehler: ungültiges Versions-Tag + Schienen 4
Ich mache Assets vorkompiliert und führe die Anwendung im Produktionsmodus aus. Nach dem Kompilieren beim Laden meiner Indexseite wurden in der Chrome-Konsole folgende Warnungen angezeigt: Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0 prospects:1 OTS parsing error: invalid version tag Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0 prospects:1 OTS parsing error: invalid version …
6
100% Breite Tabelle überfüllt div Container
Ich habe Probleme mit einer HTML-Tabelle, deren übergeordneter Container überfüllt ist. .page { width: 280px; border:solid 1px blue; } .my-table { word-wrap: break-word; } .my-table td { border:solid 1px #333; } &lt;div class="page"&gt; &lt;table class="my-table"&gt; &lt;tr&gt; &lt;th&gt;Header Text&lt;/th&gt; &lt;th&gt;Col 1&lt;/th&gt; &lt;th&gt;Col 2&lt;/th&gt; &lt;th&gt;Col 3&lt;/th&gt; &lt;th&gt;Col 4&lt;/th&gt; &lt;th&gt;Header Text&lt;/th&gt; &lt;/tr&gt; &lt;tr&gt; …
136 html  css  html-table 
4
Deaktivieren Sie das Scrollen am Körper
Ich möchte das Scrollen im HTML bodyvollständig deaktivieren . Ich habe folgende Optionen ausprobiert: overflow: hidden; (funktioniert nicht, hat das Scrollen nicht deaktiviert, es hat nur die Bildlaufleiste ausgeblendet) position: fixed; (Dies hat funktioniert, aber es wurde vollständig nach oben gescrollt, was für diese spezielle Anwendung nicht akzeptabel ist.) Ich …
136 html  css  scroll 
13
So entfernen Sie den Umrissrand von der Eingabetaste
Wenn Sie auf eine andere Stelle klicken, verschwindet der Rand. Versuchen Sie, keine zu fokussieren, aber es hat nicht geholfen. Wie kann der hässliche Knopfrand beim Klicken verschwinden? input[type="button"] { width: 120px; height: 60px; margin-left: 35px; display: block; background-color: gray; color: white; border: none; } &lt;input type="button" value="Example Button"&gt; Führen …
136 css  button 
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.