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.

wie man nur eine Stileigenschaft mit jquery entfernt

Anzahl der Antworten 2 Antworten
Ich habe ein div-Element mit dieser Eigenschaft style="-moz-user-select:none; position:static !important;". Ich muss entfernen Sie die -moz-user-select Habe versucht mit $(selector).css (), aber ich weiß nicht, was Wert zu setzen, weil es "keine". InformationsquelleAutor der Frage Kreker |

Textfeld-Platzhalter, der als Wert zurückgegeben wird

Anzahl der Antworten 1 Antworten
Ich habe ein Formular und im Formular gibt es ein text_field_tag. Es ist so geschrieben, wie dieser... <%= text_field_tag "search", :placeholder => 'Enter search term...' %> Jedoch, wenn die HTML-Datei generiert wird, zurück in den Quelltext der

Bootstrap-Eingabegruppe mit Textauswahl und Schaltfläche

Anzahl der Antworten 2 Antworten
Ich möchte diese mit bootstrap-css: Ich geschrieben habe, ein jsfiddle zu meinen tests : http://jsfiddle.net/xr4uofje/ <div class="container"> <div class="col-lg-6"> <div class="input-group"> <input class="input-group-addon" size="8" type="text"> <span class="input-group-btn"> <select class="form-control"></select> <button type="button" class="btn btn-default">Get</button> </span> </div> </div> </div>

& lt; vor & gt; Tag in HTML mit fester Breite

Anzahl der Antworten 3 Antworten
Ich bin mit der <pre> - Tags zur Anzeige von text mit fester Zeichenbreite (einschließlich der Zeilenumbrüche, Leerzeichen und Tabulatoren etc.) Aber große Zeilen ohne Zeilenumbrüche in einer Zeile angezeigt und eine Bildlaufleiste Hinzugefügt wird. Ich will

Wie soll ein CSS "display: table-column" funktionieren?

Anzahl der Antworten 1 Antworten
Gegeben, die folgenden HTML-und CSS, ich sehe absolut nichts in meinem browser (Chrome und IE neuesten zum Zeitpunkt des Schreibens). Alles stürzt auf 0 x 0 px. Warum? <!DOCTYPE html> <html> <head> <style type="text/css"> section { display:

CSS-Übergänge funktionieren nicht, wenn sie über JavaScript zugewiesen werden

Anzahl der Antworten 4 Antworten
Ich habe einige große Kopfschmerzen versuchen zu gelten, CSS3-übergänge, um eine Diashow Trog JavaScript. Grundsätzlich das JavaScript ruft alle Dias in der Diashow und wendet die CSS-Klassen, um die richtigen Elemente zu geben, einen schönen animierten Effekt,

CSS background-image - Was ist die richtige Verwendung?

Anzahl der Antworten 10 Antworten
Was ist die korrekte Verwendung der CSS-Eigenschaft background-image? Die wichtigsten Dinge, die ich versuche zu verstehen ist Muss Sie in Anführungszeichen eingeschlossen werden, d.h.: background-image: url('images/slides/background.jpg'); Kann es ein relativer Pfad (wie oben) oder muss es eine

CSS Checkbox Eingabe Styling

Anzahl der Antworten 8 Antworten
Jedem Stil für input wirkt jedes input-element. Gibt es eine Möglichkeit, um anzugeben, styling, gelten nur für Checkboxen, ohne eine Klasse zu jedem check-box-element? InformationsquelleAutor der Frage | 2009-07-13

jQuery SVG, warum kann ich keine Klasse hinzufügen?

Anzahl der Antworten 12 Antworten
Ich bin mit jQuery SVG. Ich kann nicht hinzufügen oder entfernen einer Klasse zu einem Objekt. Weiss jemand meinen Fehler??? Den SVG: <rect class="jimmy" id="p5" x="200" y="200" width="100" height="100" /> Die jQuery-das wird nicht die Klasse hinzuzufügen:

Zeilenhöhen-Standardwert, wenn die Schriftgröße 100% beträgt

Anzahl der Antworten 5 Antworten
Ich muss Vorrang vor der Körper-Stil von meiner Seite: body{ font-size:14px; line-height:20px; } überschreiben: body{ font-size:100%; line-height:?????; } Was ist die defualt-Wert von line-height Eigenschaft, wenn ich angegeben font-size:100% ? Gibt es eine strenge Beziehung zwischen diesen

Hinzufügen von Symbolen zu einem Bootstrap-Dropdown

Anzahl der Antworten 3 Antworten
Möchte ich hinzufügen, dass einige Symbole, um links in ein Bootstrap dropdown mit code wie diesem: <ul> <li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown">Some Dropdown<b class="caret"></b></a> <ul class="dropdown-menu"> <li><i class="icon-arrow-up"></i><a href="#">Up</a></li> <li><i class="icon-arrow-down"></i><a href="#">Down</a></li> <li><i class="icon-arrow-left"></i><a href="#">Left</a></li> <li><i

CSS nth-child für größer als und kleiner als

Anzahl der Antworten 5 Antworten
In meinem HTML habe ich, <div class="container"> </div> <div class="container"> </div> <div class="container"> </div> <div class="container"> </div> .................. .................. In der obigen HTML-ich habe den container Klasse. In meiner CSS, muss ich hinzufügen, dass einige Stile zu

CSS-Priorität

Anzahl der Antworten 8 Antworten
Meine Webseite enthält: <link href="/Content/Site.css" rel="stylesheet" type="text/css" /> <style type="text/css"> td { padding-left:10px; } </style> Den referenzierten stylesheet enthält: .rightColumn * {margin: 0; padding: 0;} Ich habe eine Tabelle in der rightcolumn ID, wo ich will, die

Wie werden 2 verschiedene Textgrößen vertikal ausgerichtet?

Anzahl der Antworten 4 Antworten
Ich weiß, vertikal ausrichten von text in die Mitte der block, legen Sie die line-height auf die gleiche Höhe des Blocks. Jedoch, wenn ich einen Satz mit einem Wort in der Mitte, das ist 2em. Wenn der

Debuggen Sie CSS-Animationen mit Chrome Devtools

Anzahl der Antworten 3 Antworten
Ist es möglich, oder Debuggen Sie die Schritte, die ein einzelnes element erfolgt, wenn in einem übergang-css-animation? Ich arbeite mit Chrome Dev Tools, aber ich bin ziemlich neu auf es. Ich gegoogelt es und sah etwas aus

Kontrollieren Sie die Unterstreichung der Textdekoration: unterstreichen

Anzahl der Antworten 7 Antworten
Gibt es eine Möglichkeit zu Steuern, die position der unterstreichen im text-decoration: underline? <a href="#">Example link</a> Dem obigen Beispiel hat eine Linie von Standard...gibt es eine Möglichkeit zum verschieben der Unterstreichung nach unten um ein paar Pixel,

Scrolle nach unten im Chat-Feld in angularjs

Anzahl der Antworten 2 Antworten
Ich versuche automatisch einen Bildlauf nach unten, wenn es eine neue Nachricht. Mein code verschiebt die scrollbar aber nehmen Sie es nicht zu genau unten. Bitte helfen. Hier ist mein plunker. http://plnkr.co/edit/NSwZFtmBYZuW7e2iAUq9 Hier ist mein HTML: <!DOCTYPE

Ändern der Breite von Font Awesome Icons

Anzahl der Antworten 1 Antworten
Ich versuche, passen Sie die Skalierung und Breite eines Icons. Ich bin besonders der Versuch zu machen die Symbol <i class="fa fa-bars fa-lg"></i> breiter, aber nicht höher. Ich versuche nicht zu machen, es fa-2x oder fa-3x. Ich

css3 transform kehrt die Position zurück: behoben

Anzahl der Antworten 2 Antworten
Wenn mit einem css3 transform()position: fixed gilt nicht. Ich machte eine voll funktionsfähige jsFiddle zeigt das Problem: http://jsfiddle.net/SR5ka/ Ersten Blättern Sie nach unten, beachten Sie in der linken Seitenleiste bleibt fixiert. Jetzt, klicken Sie auf expandund Blättern

Sehr schwer zu lösendes und seltsames CSS3 Opazität Übergangsproblem (... muss ein Fehler sein?)

Anzahl der Antworten 5 Antworten
Ich bin absolut reißen alle meine Haare mit diesem sehr frustrierend und seltsam CSS-problem, das ich habe. Ich bin mit dem Knochen boilerplateum eine website zu machen, und es war großartig, bis jetzt... Er verwendet die fluid-grid-system

Positionieren Sie ein Element relativ, ohne dass es Platz im Dokumentenfluss beansprucht

Anzahl der Antworten 5 Antworten
Wie kann ich ein element relativ zu positionieren, und haben es nicht nehmen Platz in der Belegfluss? InformationsquelleAutor der Frage Web_Designer | 2011-05-18

Wie verhindere ich, dass ein Bild mit CSS3 über eine Box mit abgerundeten Ecken überläuft?

Anzahl der Antworten 10 Antworten
Wenn ich diesen code verwenden, das Bild ist nicht abgeschnitten von der div abgerundeten Ecken (so dass sich das Bild der Ecken verkleiden div abgerundet): <div style="border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; overflow:hidden;"> <img src="big-image.jpg" /> </div>

Event-Listener auf einem CSS-Pseudo-Element wie :: after und :: before?

Anzahl der Antworten 5 Antworten
Ich habe eine div - element mit einer CSS-pseudo-element ::before verwendet als schließen-Schaltfläche (anstatt eine tatsächliche Taste). Wie Wende ich einen Ereignis-listener für nur das pseudo-element? HTML <div id="box"></div> CSS #box:before { background-image: url(close.png); content: ''; display:

Scrollbalken in Pre ausblenden, wenn nicht benötigt

Anzahl der Antworten 1 Antworten
Den Spezifikation sagt, dass eine horizontale Bildlaufleiste angezeigt werden soll, immer angezeigt, wenn overflow-x: scroll gesetzt. Auf meiner website, die ich oft post-code in eine <pre>-Block. Da diese keine Feste Breite, aber das umgebende div hat eine

Wie positioniere ich eine Div Scrollleiste auf der linken Seite?

Anzahl der Antworten 6 Antworten
Ist es möglich, an einer position (Links oder rechts) für die Unterbringung in einer vertikalen Bildlaufleiste auf ein div? Beispielsweise anschauen auf dieser Seite die erläutert, wie das overflow-Attribut. Ist dort irgendeine Weise zu platzieren, dass der

Wie lauten die Regeln für die Überlappung von CSS-Medienabfragen?

Anzahl der Antworten 2 Antworten
Wie wir Raum aus media queries genau, um überschneidungen zu vermeiden? Zum Beispiel, wenn wir Bedenken, code: @media (max-width: 20em) { /* for narrow viewport */ } @media (min-width: 20em) and (max-width: 45em) { /* slightly wider

CSS Floating Bug in Google Chrome

Anzahl der Antworten 7 Antworten
Erlebe ich ein sonderbares Problem in der neuesten version von Chrome (25.0.1364.97 m). Ich habe eine Reihe von divs ein Schwamm, container gelöscht, alle schwammen Links mit der gleichen Breite. In Firefox, IE, und ältere Versionen von

Label und Textfeld in derselben Zeile mit CSS

Anzahl der Antworten 4 Antworten
Beim erstellen einer neuen asp.net mvc3 app erhalten Sie die Anmelde-und Registrierungsformular mit einem label über dem Textfeld. Ich will es ändern, so dass sowohl die label und Feld auf der gleichen Linie ausgerichtet und Folgende funktioniert

wie man Glyphicon Symbol umkehrt

Anzahl der Antworten 2 Antworten
Gibt es eine Möglichkeit, flip glyphicon. Ich fand Flip ein Bild css-trick, aber das funktioniert nicht für glyphicon. Bitte keine Vorschläge InformationsquelleAutor der Frage Jamol | 2013-09-04

CSS-Klasse erben

Anzahl der Antworten 8 Antworten
Habe ich eine Basis .base{} in meine CSS-Datei mit ein paar Eigenschaften. Ich möchte das ändern nur die Farbe und andere Eigenschaften bleiben gleich. Wie zum Erben von dieser Basis-Klasse von anderen Klassen ? InformationsquelleAutor der Frage

Ionic: Wie zentriere ich ein div?

Anzahl der Antworten 5 Antworten
DIE SITUATION: Ich versuche eine app mit Ionic framework. In eine Seite, die ich brauche, um ein Bild anzuzeigen. Dieses Bild wird horizontal zentriert. VERSUCH 1: Folgenden die Dokumentation habe ich aufgeteilt eine Zeile in drei gleiche

AngularJS: Bessere Möglichkeit, Höhenänderungen zu beobachten

Anzahl der Antworten 7 Antworten
Bin ich mit der alten variable Höhe Navigations-problem: Ein position: fixes navigation oben und ein Inhalt mit margin-top: $naviHeight unten. Die navigation kann ändern Sie die Höhe, wenn das laden der Daten asynchron und so die Inhalts-Marge

Richten Sie ein Bild innerhalb eines div mit einer ansprechenden Höhe vertikal aus

Anzahl der Antworten 6 Antworten
Habe ich folgende code legt einen container, der hat eine Höhe, die ändert sich mit der Breite, wenn der browser die Größe neu, (zum halten einer quadratischen Seitenverhältnis). HTML <div class="responsive-container"> <div class="dummy"></div> <div class="img-container"> <IMG HERE>

Kann ich den Größenanpassungs-Grabber von Textarea anpassen?

Anzahl der Antworten 2 Antworten
Meine designer Gaben mir die Gestaltung mit text-Bereiche mit Stil-Größe ändern-grabber. Die Frage ist: Kann ich den Stil oder nicht ? InformationsquelleAutor der Frage Azriel Omega | 2012-10-29

Less / Sass-Debugging in Chrome Dev Tools / Firebug

Anzahl der Antworten 5 Antworten
Wie Euch der Wartung zu tun auf CSS gebaut mit Less/Sass? Eines der Dinge ich mag über die Dev-Tools/Firebug ist die Fähigkeit zu sehen, die Nummer der Zeile in einem css-styling. Ist es ein guter Weg, dies

3 Spalten, mittlere mit flexibler Breite

Anzahl der Antworten 1 Antworten
Ich würde gerne ein layout, das aus drei nebeneinander liegenden divs. Seite divs haben statische Breite (kann sich ändern mit javascript) und den center-div füllt die restliche Fläche. Wenn das erste div-Größe änderungen wirken sich nur auf

CSS - a: besucht: schweben?

Anzahl der Antworten 4 Antworten
Wie kann ich eine schriftart color nur auf hyperlinks die bereits visited und wird hover von der Maus? Im wesentlichen, was ich tun möchte, ist a:visited:hover {color: red} InformationsquelleAutor der Frage | 2009-08-26

CSS: Hover ein Element, Effekt für mehrere Elemente?

Anzahl der Antworten 5 Antworten
Ich bin auf der Suche nach Methode für meine schwebt Problem. <div class="section"> <div class="image"><img src="myImage.jpg" /></div> <div class="layer">Lorem Ipsum</div> </div> Nun werden die beiden Klassen (Bild-und layer), hat Grenzen, beide haben unterschiedliche Farbe für normal und

CSS Vertical align funktioniert nicht mit float

Anzahl der Antworten 3 Antworten
Wie kann ich die vertical-align sowie float im div Eigenschaften? Die vertical-align funktioniert gut, wenn ich nicht verwenden, die float. Aber wenn ich den Schwimmer, dann funktioniert es nicht. Es ist wichtig für mich, den float:right für

Schneiden Sie Ecken mit CSS

Anzahl der Antworten 7 Antworten
Ich bin auf der Suche nach "cut" in der oberen linken Ecke ein div-Element, wie wenn Sie hatten gefaltet in der Ecke einer Seite nach unten. Möchte ich es in reinem CSS, gibt es irgendwelche Methoden? InformationsquelleAutor

Wenden Sie Stil nur auf die erste Ebene von td-Tags an

Anzahl der Antworten 7 Antworten
Gibt es eine Möglichkeit, eine Klasse' Stil auf nur EINER Ebene des td-tags? <style>.MyClass td {border: solid 1px red;}</style> <table class="MyClass"> <tr> <td> THIS SHOULD HAVE RED BORDERS </td> <td> THIS SHOULD HAVE RED BORDERS <table><tr><td>THIS SHOULD

Retina zeigt hochauflösende Hintergrundbilder an

Anzahl der Antworten 3 Antworten
Mag dies wie eine dumme Frage. Wenn ich verwenden Sie dieses CSS-snippet für den regulären anzeigen (Wo box-bg.png ist von 200px 200px); .box{ background:url('images/box-bg.png') no-repeat top left; width:200px; height:200px } und wenn ich eine media query wie

Wie man div Hintergrundfarbe in CSS transparent macht

Anzahl der Antworten 5 Antworten
Ich bin nicht mit CSS3. So kann ich nicht verwenden opacity oder filter Attribute. Ohne Verwendung dieser Attribute wie kann ich machen das background-color transparent von einem div? Es sollte die Art der text-box-Beispiel in diesem link.

abgerundete Ecken auf HTML5 Video

Anzahl der Antworten 12 Antworten
Gibt es eine Möglichkeit, ich kann schneiden Sie die Ecken meiner html5-video-element mit der CSS3 border-radius-Attribut? Check-out dieses Beispiel. es funktioniert nicht. InformationsquelleAutor der Frage Web_Designer | 2011-06-04

Verschachtelte Mixins oder Funktionen in SASS

Anzahl der Antworten 3 Antworten
Einige Körper wissen, wie kann ich verschachtelte Mixins in Verbindung oder Funktionen in SASS? Ich habe so etwas wie dieses: @mixin A(){ do something.... } @mixin B($argu){ @include A(); } InformationsquelleAutor der Frage iLevi | 2013-04-15

Wie mache ich eine transparente HTML-Schaltfläche?

Anzahl der Antworten 4 Antworten
Ich bin mit dreamweaver eine website zu erstellen und ich dachte, der nur mit Photoshop erstellen Hintergründe. Ich beschloss, das zu tun, nur weil in den Fall würde ich wählen, um zu ändern der name der Schaltfläche

Komma in CSS, mehrere Selektoren verwenden dasselbe CSS

Anzahl der Antworten 4 Antworten
.Resource table.Tbl td { /* some css*/ } .Resource table.Tbl td.num { /* some css 2*/ } .Resource table.Tbl td.num span.icon { /* some css 3*/ } .Resource table.Tbl2 td { /* some css*/ } .Resource table.Tbl2

Wie kann ich die Spaltenbreite der Tabelle begrenzen?

Anzahl der Antworten 8 Antworten
Einer der Spalten in meiner Tabelle enthalten kann, einen langen text ohne Leerzeichen. Wie kann ich ein limit für die Breite, sagen wir, 150 px? Ich will nicht, dass es sein 150px immer (wenn es leer ist,

CSS Div Breite Prozent und Auffüllen ohne Layout zu brechen

Anzahl der Antworten 2 Antworten
Gibt es möglicherweise eine einfache Lösung für dieses Problem, aber es hat mich beunruhigt, für das Alter jetzt... Lassen Sie mich erklären die situation. Ich habe ein div mit der ID "container", der hält, was der Inhalt

Wie erstellt man ein reines CSS-basiertes Dropdown-Menü?

Anzahl der Antworten 5 Antworten
Ich bin auf der Suche horizontal dropdown-Menü rein css-basierte und browser-kompatibel.... ich bin auf der Suche wie der unten erwähnten Beispiel InformationsquelleAutor der Frage Rohit Azad | 2012-03-31