Tag: css

CSS (Cascading Style Sheets) ist eine Darstellung Stylesheet-Sprache für die Beschreibung das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML (Extensible Markup Language) – Dokumenten und SVG-Elemente, einschließlich (aber nicht beschränkt auf) Farben, layout, Schriften und Animationen.

Zeigen Sie zwei Felder in einem Bootstrap-Formular nebeneinander an

Anzahl der Antworten 1 Antworten
Ich versuche die Anzeige eines Jahr-Bereich input-auf eine form mit 2 Textboxen. Eine für die min-und eine max-und sind getrennt durch einen Bindestrich. Möchte ich diese alle auf der gleichen Linie mit bootstrap, aber ich kann nicht

Sonderbarer Rendering-Bug im Desktop-Webkit (Safari / Chrome) mit absolut positionierten Elementen

Anzahl der Antworten 5 Antworten
Wenn dir das video anschauen hier: http://f.cl.ly/items/2g1a2B3G312D0x0G353W/Render%20Bug%202.mov - sehen Sie das problem in Aktion. Im Grunde, habe ich etwas, entlang der folgenden: <section id="sidenav"> <h1>TEXT HERE</h1> <ul> <li>Tab One</li> <li>Tab Two</li> <li>Tab Three</li> <li>Tab Four</li> </ul> <div

LESS importiert CSS und relative Pfade

Anzahl der Antworten 3 Antworten
Ich bin mit WENIGER zu organisieren und importieren alle meine CSS-Dateien. Ich bin auch mit Twitter Bootstrap, die ich integriert in meinem Stil.weniger. Es funktioniert wie unten, jedoch wenn ich lessc zu minifizieren der weniger-Datei und komprimieren

CSS Elemente automatisch nach 5 Sekunden ausblenden

Anzahl der Antworten 2 Antworten
Ist es möglich, ausblenden element 5 Sekunden nach dem laden der Seite? Ich weiß, es ist eine jQuery-Lösung. Möchte ich genau das tun die gleiche Sache, aber in der Hoffnung, um das gleiche Ergebnis mit CSS-übergang. Jede

CSS Reset, Standardstile für allgemeine Elemente

Anzahl der Antworten 11 Antworten
Nach dem anlegen einer CSS-reset, ich will zurück zu 'normal' - Verhalten für html-Elemente wie p, h1..h6, strong, ul und li. Nun, wenn ich sage normal, ich meine z.B. das p-element fügt Leerzeichen oder eine Zeilenschaltung, wie

Scrollbar Overlay in IE10, wie stoppt man das?

Anzahl der Antworten 5 Antworten
In der IE10, der scrollbar ist nicht immer da... und wenn es erscheint, es kommt auf wie ein overlay... Es ist ein cooles feature, aber ich möchte es für meine spezielle website, da es eine Vollbild-Anwendung und

Kann ich jquery verwenden, um die wichtige Regel css zu entfernen / zu negieren?

Anzahl der Antworten 5 Antworten
Wenn es eine CSS-Regel, die verwendet !importantist es ein Weg, um entfernen Sie die !important Regel so, dass ich machen kann weiter stromabwärts Stil ändert sich mit JS oder jQuery? ihrigen.css div.stubborn { display: none !important; }

Konvertiere RGB-Farbe in englischen Farbnamen, wie 'grün' mit Python

Anzahl der Antworten 4 Antworten
Möchte ich zum konvertieren einer Farbe Tupel auf eine Farbe Namen, wie 'yellow' oder 'blue' >>> im = Image.open("test.jpg") >>> n, color = max(im.getcolors(im.size[0]*im.size[1])) >>> print color (119, 172, 152) Gibt es eine einfache Möglichkeit mit python

CSS3 Transform Skew One Side

Anzahl der Antworten 2 Antworten
Ist es möglich zu schaffen "CSS3-Transform-Skew der Einen Seite" Fand ich eine Lösung, aber es ist nicht nützlich für mich, weil ich ein Bild für den hintergrund (keine Farbe) #skewOneSide { border-bottom: 40px solid #FF0000; border-left: 50px

Best Practices für das Formatieren von HTML-E-Mails

Anzahl der Antworten 7 Antworten
Ich bin der Gestaltung einer HTML-Vorlage für E-Mail-Newsletters. Ich habe gelernt, dass viele E-Mail-clients ignorieren verlinkten stylesheets, und viele andere (einschließlich Gmail) ignoriert CSS-block-Deklarationen zusammen. Inline-style-Attribute meine einzige Auswahl? Was sind die best practices für das styling

Richtiger Weg, um abgerundete Ecken in Twitter Bootstrap zu erstellen

Anzahl der Antworten 8 Antworten
Ich habe gerade angefangen mit Twitter Bootstrap und hier ist die eine Frage. Ich bin erstellen von benutzerdefinierten <header> block, und ich möchte, dass es die unteren Ecken werden gerundet. Gibt es irgendeine "richtige" Weg dies zu

Können Sie nach dem Ändern eines Style-Objekts eines DOM-Elements einen JavaScript-Hook-Trigger haben?

Anzahl der Antworten 5 Antworten
Element hat eine javascript - style - Objekt, das enthält die verschiedenen Namen und Werte von css-Stilen. Ich möchte zum auslösen einer Funktion jedes mal, wenn dieses Objekt änderungen ohne Verwendung von polling. Gibt es eine Möglichkeit,

Flüssigkeitsbreite feste Position

Anzahl der Antworten 7 Antworten
Vorstellen: <div class="outer"> <div class="inner"> </div> </div> Wo: .outer ist Teil einer Spalte-Struktur, und Ihre Breite ist ein Perzentil und somit Flüssigkeit. .inner stellt eine fixed position element, sollte die Füllung mit 100% Breite der .outer element.

Div Not Center Verwenden von class = "center-block" in Bootstrap

Anzahl der Antworten 5 Antworten
Ich versuche machen einen hanoi-Turm. Ich möchte die control-Teil-Zentrum , so ich habe Bootstrap und mit class="center-block"aber nichts funktioniert, so wie hier: kein Zentrum http://wuzhiwei.net/problems/no-center.png DEMO. Html - <div class="container"> <div class="panel panel-default"> <div class="panel-heading">Hanoi Tower</div> <div

Fügen Sie Inhalte am Ende der letzten Seite hinzu

Anzahl der Antworten 3 Antworten
Ich bin mit wkhtmltopdf zum erstellen von PDF-reports von HTML, die ich brauche, um einen benutzerdefinierten Bericht erstellen, der folgt diesem Muster: Einige Informationen am oberen Rand der ersten Seite. Eine Tabelle haben kann, dass die 1

Wie richtet man Text mit Symbolschriftart vertikal aus?

Anzahl der Antworten 8 Antworten
Ich habe eine sehr grundlegende HTML, die eine Mischung aus text-und Symbol-fonts: <div class="ui menu"> <a href="t" class="item"><i class="large home basic icon"></i><span class="nav-text"> Accueil</span></a> <a href="" class="item"><i class="large camera retro icon"></i><span class="nav-text"> Créations</span></a> <a class="item"><span class="nav-text">Qui-suis je

Make Div-Overlay GESAMT-Seite (nicht nur Ansichtsfenster)?

Anzahl der Antworten 4 Antworten
Also ich habe ein problem, dass ich denke, dass ist durchaus üblich, aber ich habe noch eine gute Lösung zu finden. Ich möchte ein overlay-div Abdeckung der GESAMTEN Seite... NICHT nur den viewport. Ich verstehe nicht, warum

FF3 / Windows CSS-Z-Index-Problem mit YouTube-Player

Anzahl der Antworten 5 Antworten
Bin ich stecken auf das, was zu sein scheint ein CSS/z-index Konflikt mit dem YouTube-player. In Firefox 3 unter Windows XP, werfen Sie einen Blick auf diese Seite: http://spokenword.org/program/21396 Klicken Sie auf die Erfassen-Taste und beachten Sie,

Behalte Text aus dem Wrapping im Responsive Design von Bootstrap 3

Anzahl der Antworten 1 Antworten
Habe ich einen viewer mit einer control bar bestehend aus divs in einer Zeile. Die anderen Elemente haben die FA-Symbol bereits über den text, damit es kein Problem mit dem Bildschirm, aber, um zu unterscheiden die beiden

Wie style readonly Attribut mit CSS?

Anzahl der Antworten 9 Antworten
Ich bin derzeit mit readonly="readonly" zu deaktivieren Felder. Ich bin jetzt versuchen, style-Attribut mit CSS. Ich habe versucht, mit input[readonly] { /*styling info here*/ } aber es funktioniert nicht aus irgendeinem Grund. Ich habe auch versucht input[readonly='readonly']

Konvertieren Sie RGB in RGBA über Weiß

Anzahl der Antworten 7 Antworten
Ich habe eine hex-Farbe, z.B. #F4F8FB (oder rgb(244, 248, 251)) , möchte ich umgewandelt in eine so transparent wie möglich rgba-Farbe (wenn angezeigt über weiß). Sinn? Ich bin auf der Suche nach einem Algorithmus, oder zumindest die

Twitter Bootstrap - Wie erkennt man, wenn Medienabfragen gestartet werden

Anzahl der Antworten 12 Antworten
welche ist die Schnellste und einfache Weg, um das Feuer, als bootstrap-responsive.css media queries gehen Sie in Aktion? gehen in action = wenn Sie die Größe Fenster, um mobile Breite und Website geändert wird, um ansprechende mobile

css mehrere Klassen / ID-Selektoren?

Anzahl der Antworten 2 Antworten
Ich würde gerne wissen, wie man ein css-block, der für mehrere ids oder mehrere Klassen: Etwas wie: .class1, .class2 { ... } oder #id1, #id2 { ... } Ich würde gerne wissen, wie man beide Fälle (die

header / footer / nav Tags - was passiert mit diesen in IE7, IE8 und Browsern als HTML5 nicht unterstützen?

Anzahl der Antworten 3 Antworten
Ich bin gespannt, um zu beginnen, mit Html5 insbesondere die <header>/<footer>/<article>/<nav> tags. Was passiert, wenn der browser keine Unterstützung für diese? Auch ich brauchen, um Stil, diese so: Beispiel: Die nav hat Grenzen und Ränder usw. Sie

Bootstrap 3 horizontaler und vertikaler Teiler

Anzahl der Antworten 5 Antworten
Ich habe Mühe, die in die horizontalen und vertikalen Linien auf meiner website. Nicht sicher was ist falsch mit dieser. Versuchte ich mit Grenzen, aber ich bin nicht sicher, ob ich es richtig machen. Möchte ich erreichen,

Bootstrap - wie man eine feste Breite für & lt; td & gt;

Anzahl der Antworten 13 Antworten
Einfachen Schema: <tr class="something"> <td>A</td> <td>B</td> <td>C</td> <td>D</td> </tr> Ich eine Feste Breite für <td>. Ich habe versucht: tr.something { td { width: 90px; } } Auch td.something { width: 90px; } für <td class="something">B</td> Und sogar

Ist ein leerer iframe src gültig?

Anzahl der Antworten 9 Antworten
Ich möchte ein iframe-Element zunächst src als leere und dann sobald die Seite geladen ist; - Aufruf einer JS-Funktion, und legen Sie dann die src Wert auf eine tatsächliche. So ist <iframe src="#" /> gültig, ODER brauche

Wie überschreibe ich das in CSS definierte Hintergrundbild mit einem anderen CSS?

Anzahl der Antworten 7 Antworten
Ich habe einen 'Kern.css' definiert einen Seite hintergrund Bild, zusammen mit der Thema, für die Website. Aber für eine bestimmte Seite möchte ich ändern, nur den hintergrund. Irgendwelche Vorschläge, wie dies erreicht werden kann in einer separaten

Deaktivieren Sie ein Textfeld mit CSS

Anzahl der Antworten 7 Antworten
Deaktivieren, die ein Textfeld, in CSS? Derzeit sind wir mit einem Textfeld, in unserer Sicht, die kann aktiviert/deaktiviert werden, je nach Eigenschaft im Modell. Wir haben asp.net MVC-Ansicht, je nach dem Wert der Modell-Eigenschaft, die wir brauchen,

Überlauf: Überlagerung funktioniert nicht in Firefox

Anzahl der Antworten 1 Antworten
Auf meiner website, die ich verwenden müssen Sie die css-Eigenschaft overflow: overlay für eine <div>. Allerdings ist es nicht das rendering im browser und eine Inspektion des css in firebug zeigt, dass es gar nicht gibt, aber

Gesucht: Offline-IDE zur Entwicklung von HTML / JavaScript auf Android-Tablets

Anzahl der Antworten 8 Antworten
In haben Sie ein Motorola Xoom Tablette und ich möchte es verwenden, zu entwickeln, einige kleine Html - /Css - /JavaScript - /jQuery-Anwendungen. **Kennt jemand eine gute IDE zu tun, web-Entwicklung auf Android? Brauche ich nur die

Wie richtet man PanelGrid auf Mitte aus? JSF-Primefaces

Anzahl der Antworten 3 Antworten
Ich weiß, dass es viele Fragen zu diesem Thema, aber nichts funktionierte bei mir nicht richtig. Brauche ich, um zu richten meine PanelGrid zu zentrieren(horizontal). dies ist mein panelgrid <p:panelGrid styleClass="panelGridCenter"> und mein CSS: .panelGridCenter td,.panelGridCenter tr

Wie überschreibt man Bootstrap's Panel Überschrift Hintergrundfarbe?

Anzahl der Antworten 11 Antworten
Ich bin mit einem Panel von Bootstrap jedoch für die überschrift, ich möchte eine eigene Hintergrundfarbe für die überschrift. Wenn ich keine panel-heading Klasse für die divdas layout wird dann geschraubt. Also dachte ich, ich sollte panel-heading

Ändern Sie die Hintergrundposition mit jQuery

Anzahl der Antworten 5 Antworten
Ich würde gerne den hintergrund ändern, die position einer CSS-Klasse im Schwebeflug ein li-element. HTML: <div id="carousel"> <ul id="submenu"> <li>Apple</li> <li>Orange</li> </ul> </div> CSS: #carousel { float: left; width: 960px; height: 360px; background: url(../images/carousel.png); } Irgendwelche Vorschläge,

CSS zwei div Breite 50% in einer Zeile mit Zeilenumbruch in der Datei

Anzahl der Antworten 8 Antworten
Ich versuche, Flüssigkeit layout mit Prozentzahlen als breiten. Dies habe ich versucht, dieses: <div style="width:50%; display:inline-table;">A</div> <div style="width:50%; display:inline-table;">B</div> In diesem Fall pflegen Sie stehen in einer Zeile, aber wenn ich zu entfernen, Zeilenumbruch zwischen Ihnen, wie

css h1 - nur so breit wie der Text

Anzahl der Antworten 8 Antworten
Ich habe eine H1 style für meine Website: .centercol h1 { color: #006bb6; font-weight: normal; font-size: 18px; padding:3px 3px 3px 6px; border-left:3px solid #c6c1b8; background:#f2efe9; display:block; } Die Hintergrundfarbe erstreckt sich über die gesamte Breite des centercol,

Optionsfelder und Label zur Anzeige in derselben Zeile

Anzahl der Antworten 12 Antworten
Warum meine labels und radio-buttons bleiben nicht in der gleichen Zeile, was kann ich tun ? Hier ist mein Fragebogen: <form name="submit" id="submit" action="#" method="post"> <?php echo form_hidden('what', 'item-'.$identifier);?> <label for="one">First Item</label> <input type="radio" id="one" name="first_item" value="1"

Wie kann ich ein bestimmtes Element von der Übernahme von CSS-Regeln ausschließen?

Anzahl der Antworten 2 Antworten
Habe ich diese CSS: a { color:#19558D; padding:3px 5px; text-decoration:none; } a:hover { background-color:#D1E1EA; color:#19558D; text-decoration:none; } Es gilt für alle links, aber was ist, wenn ich nicht wollen, dass es für einen bestimmten link auf der

Das CSS-Hintergrundbild wurde auch beim Ein- / Auszoomen auf Vollbild fixiert

Anzahl der Antworten 6 Antworten
Ich versuche, etwas zu erreichen, wie dies mit CSS: Ich würde gerne, um den Körper Hintergrundbild fest auf "Vollbild", das ist eine Art getan, indem Sie den folgenden code: body { background: url(../img/beach.jpg) no-repeat fixed 100% 100%;

Wie kann ich Hintergrundbilder in FF oder IE drucken?

Anzahl der Antworten 8 Antworten
Gibt es irgendeine Möglichkeit, ff und ie zu drucken hintergrund-Bilder? Bin ich mit dem Sternen Bild zu klassifizieren, einige Fähigkeiten und ich es als hintergrund Bild und die Positionierung entweder ein start, zwei, drei, usw. Wenn ich

IE11 - flexbox und vh height units nicht kompatibel?

Anzahl der Antworten 1 Antworten
Ich versuche, einen flexbox-basiertes layout um einen sticky footer für meine Seite. Dies funktioniert gut in Chrome und Firefox, aber im IE11 der footer sitzt genau nach meinem wichtigsten Inhalte. In anderen Worten die wichtigsten Inhalte nicht

twitter Bootstrap Box-Sizing ruiniert mein Layout

Anzahl der Antworten 4 Antworten
mein layout kaputt, wenn ich implementieren bootstrap-während die Hälfte Weg von meinem Projekt fest, die mit ein paar css-änderungen, und ich hatte es auskommentiert diese /**, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }*/ in

So wählen Sie alle Kinder außer dem ersten und letzten mit CSS-Selektoren aus

Anzahl der Antworten 3 Antworten
Wie würde ich alle wählen die Kinder in einer Tabelle mit Ausnahme der ersten und letzten? Ich hab das versucht, aber es endet die Auswahl alle Kinder, die nicht zuerst und alle Kinder, die nicht die letzten,

CSS: Wie bekomme ich diese Überlagerung um 100% mit Scrollen zu verlängern?

Anzahl der Antworten 3 Antworten
Hier ist ein Beispiel für das Problem in Frage: http://dev.madebysabotage.com/playground/overlay.html Sehen Sie es ist ein graues overlay über die gesamte Seite, aber wenn Sie nach unten scrollen, den Inhalt unter der ersten geladenen Seite nicht über den

JQuery addclass zum ausgewählten div, entferne die Klasse, wenn ein anderes div ausgewählt ist

Anzahl der Antworten 6 Antworten
Ich mache einen formbuilder, würde ich das gerne ändern das Aussehen von zum Beispiel einer überschrift, div. Wenn angeklickt, sollte sich eine Grenze, aber wenn ein anderer dynamisch erzeugten div geklickt wird die Klasse entfernt werden sollte

Bootstrap 3.0 Medienabfragen

Anzahl der Antworten 2 Antworten
Ich arbeite an einem kleinen Projekt basiert auf Boostrap 3 (html5boilerplate custom build) und zu versuchen, die "offiziellen" media queries in der boostrap-Dokumentation: /* Extra small devices (phones, up to 480px) */ /* No media query since

Parsen von CSS in JavaScript / jQuery

Anzahl der Antworten 3 Antworten
Ich versuche, umzusetzen Parsen von CSS-in JavaScript, so dass: a { color: red; } analysiert wird, in das Objekt: { 'a' { 'color': 'red' } } First off, gibt es eine JavaScript /jQuery Bibliothekdie ich verwenden kann?

Was macht & gt; in CSS bedeuten?

Anzahl der Antworten 4 Antworten
In der IUI css-Datei, verwenden Sie die folgenden Selektoren: body > *:not(.toolbar) body > *[selected="true"] Was hat das >, *:not() und * bedeuten? Dank. InformationsquelleAutor der Frage | 2009-10-27

Wie verteilt man Elemente gleichmäßig (horizontal)?

Anzahl der Antworten 4 Antworten
Ich habe eine div container auf meiner web-Seite mit fester Breite und enthält die Formular-Elemente für die Anmeldung. Unter diesen Elementen gibt es einen submit-button den link " Kennwort vergessen usw. Ist es passiert, die Letzte Zeile

Welche HTML Markups für die Anzeige von Label- / Wertdaten?

Anzahl der Antworten 4 Antworten
Ich Rendern möchten, ein Profil-Benutzer-container, enthält eine Liste der Etiketten und die dazugehörigen Werte. Hier ist ein Auszug der Informationen und das layout würde ich gerne Anzeige: Vorname.......MyName Alter...................MyAge E-Mail................MyEmail Ich weiß, dass es gibt Tonnen von