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.

4
IE7 versteht Anzeige: Inline-Block nicht
Kann mir bitte jemand helfen, diesen Fehler in den Griff zu bekommen? Mit Firefox funktioniert es einwandfrei, mit Internet Explorer 7 jedoch nicht. Es scheint das nicht zu verstehen display: inline-block;. html: <div class="frame-header"> <h2>...</h2> </div> CSS: .frame-header { height:25px; display:inline-block; }
11
So überlagern Sie Bilder
Ich möchte ein Bild mit CSS mit einem anderen überlagern. Ein Beispiel hierfür ist, dass das erste Bild (der Hintergrund, wenn Sie möchten) ein Miniaturbild-Link eines Produkts ist, wobei der Link einen Leuchtkasten / ein Popup öffnet und eine größere Version des Bildes zeigt. Über diesem verknüpften Bild möchte ich …
127 html  css 
7
Werden nicht verwendete CSS-Bilder heruntergeladen?
Werden nicht verwendete CSS-Bilder vom Browser heruntergeladen oder ignoriert? Z.B. in CSS-Regeln, die keinen Elementen entsprechen. .nothingHasThisClass{background:url(hugefile.png);} Oder wäre dies browserabhängig?
127 css 
13
Bootstrap 3: Nur für Spalte rechts ziehen
Neu in Bootstrap 3 .... In meinem Layout habe ich: <div class="row"> <div class="col-lg-6 col-md-6">elements 1</div> <div class="col-lg-6 col-md-6"> <div class="pull-right"> elements 2 </div> </div> </div> Ich möchte, dass die 'Elemente 2' NICHT direkt auf kleineren als farbigen Bildschirmen ausgerichtet werden. So effektiv, dass die Klasse nur für col-lg-6 nach …
3
Richten Sie <div> -Elemente nebeneinander aus
Ich weiß, dass dies eine ziemlich einfache Frage ist, aber ich kann sie für mein Leben nicht herausfinden. Ich habe zwei Links, auf die ich ein Hintergrundbild angewendet habe. So sieht es derzeit aus (Entschuldigung für den Schatten, nur eine grobe Skizze eines Knopfes): Ich möchte jedoch, dass diese beiden …
127 css  html  alignment 
5
Vorteile der Verwendung von display: inline-block vs float: links in CSS
Normalerweise würden wir, wenn wir mehrere DIVsin einer Reihe haben wollen, verwenden float: left, aber jetzt habe ich den Trick von entdecktdisplay:inline-block Beispiellink hier . Es scheint mir, dass dies display:inline-blockein besserer Weg ist align DIVs, aber gibt es irgendwelche Nachteile? Warum ist dieser Ansatz weniger beliebt als der floatTrick?
127 css  css-float  html 
8
Verwenden Sie reguläre Ausdrücke in CSS?
Ich habe eine HTML-Seite mit Divs, die IDs der Form s1 , s2 usw. haben. &lt;div id="sections"&gt; &lt;div id="s1"&gt;...&lt;/div&gt; &lt;div id="s2"&gt;...&lt;/div&gt; ... &lt;/div&gt; Ich möchte eine CSS-Eigenschaft auf eine Teilmenge dieser Abschnitte / Divs anwenden (abhängig von der ID). Jedes Mal, wenn ich ein div hinzufüge , muss ich das …
127 css  regex 
12
Überschreiben! Wichtiger Stil
Der Titel fasst es ziemlich gut zusammen. Das externe Stylesheet enthält den folgenden Code: td.EvenRow a { display: none !important; } Ich habe versucht: element.style.display = "inline"; und element.style.display = "inline !important"; aber beides funktioniert nicht. Ist es möglich, einen! Wichtigen Stil mit Javascript zu überschreiben? Dies ist für eine …
127 javascript  css 
3
Was bedeutet flex: 1?
Wie wir alle wissen, das flexist Eigentum eine Abkürzung für das flex-grow, flex-shrinkund die flex-basisEigenschaften. Der Standardwert ist 0 1 auto, was bedeutet flex-grow: 0; flex-shrink: 1; flex-basis: auto; aber ich habe bemerkt, an vielen Stellen flex: 1wird verwendet. Ist es eine Abkürzung für 1 1 autooder 1 0 auto? …
127 css  flexbox 
21
Tools zum Erstellen von CSS-Sprites? [geschlossen]
Diese Frage passt derzeit nicht zu unserem Q &amp; A-Format. Wir erwarten, dass die Antworten durch Fakten, Referenzen oder Fachwissen gestützt werden, aber diese Frage wird wahrscheinlich zu Debatten, Argumenten, Umfragen oder erweiterten Diskussionen führen. Wenn Sie der Meinung sind, dass diese Frage verbessert und möglicherweise erneut geöffnet werden kann, …
14
Bootstrap 3 Collapse Show Status mit Chevron-Symbol
Anhand des Kernbeispiels aus der Javascript- Beispielseite von Bootstrap 3 für Collapse konnte ich den Status des Collaps mithilfe von Chevron-Symbolen anzeigen. Ich habe diese Arbeit mit: $('#accordion .accordion-toggle').click(function (e) { var chevState = $(e.target).siblings("i.indicator").toggleClass('glyphicon-chevron-down glyphicon-chevron-up'); $("i.indicator").not(chevState).removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up"); }); Dies funktioniert (nicht in allen Browsern vollständig getestet), aber ich frage mich, …
8
Margin-Top äußere Div nach unten drücken
Ich habe ein Header-Div als erstes Element in meinem Wrapper-Div, aber wenn ich einem h1 innerhalb des Header-Div einen oberen Rand hinzufüge, wird das gesamte Header-Div nach unten gedrückt. Mir ist klar, dass dies immer dann passiert, wenn ich einen oberen Rand auf das erste sichtbare Element auf einer Seite …
126 html  css  xhtml 
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.