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 Texteingabefeld macht, um die restliche Breite innerhalb des Elternblocks einzunehmen?
3 Antworten
Wie Folgendes erreichen: ┌────────────────────parent────────────────────┐ │ label [text-box ] [button] │ │ paragraph │ └──────────────────────────────────────────────┘ label ist Links ausgerichtet button rechts ausgerichtet, text-box nimmt alle verbleibenden Breite innerhalb der übergeordneten paragraph ist Links ausgerichtet werden müssen, Linksbündig mit
Kann eine CSS-Klasse eine oder mehrere andere Klassen erben?
27 Antworten
Ich fühle mich dumm für einen web-Programmierer für so lange, und nicht zu wissen, die Antwort auf diese Frage, die ich eigentlich hoffe, es ist möglich und ich wusste einfach nicht, über sondern als das, was ich
CSS-Center-Element mit Position: relativ;
4 Antworten
Ich habe eine Frage für Sie die CSS-gurus da draußen! Ich habe ein Menü auf bewegen Sie den Mauszeiger über einer absolut positionierten div. Alle Menüpunkte werden relativ positioniert, da die absolut div angezeigt wird mehrmals auf
Schließen Sie den Menüeintrag aus der Minimierung der Bootstrap 3-Navigationsleiste aus
2 Antworten
Hier ist, was ich habe, habe ich versucht, bewegen meinem Abschnitt innerhalb der "Marke" und führen Sie eine pull-rechts außerhalb der Marken-und außerhalb der Zusammenbruch und führen Sie eine pull-Links/rechts, während auch versuchen, es vor oder nach
Ist Twitter Bootstrap wie Skeleton mobilfreundlich?
4 Antworten
Skelett ist gemacht, um zu skalieren, um auch fit für die mobilen Browser, nach den Grundsätzen der responsive web design. Tut Bootstrap das gleiche Angebot?? InformationsquelleAutor der Frage newnomad | 2011-11-21
css richtet floating divs vertikal aus
5 Antworten
Hallo, ich habe ein div (#wrapper) mit 2 divs nebeneinander stehen. Ich möchte die rechts-div vertikal ausgerichtet sein. Ich versuchte vertical-align:middle auf meinem main-wrapper, aber es funktioniert nicht. Es macht mich verrückt! Hoffe mir kann jemand helfen.
Wie richtet man links / rechts ein div aus, ohne Float zu verwenden?
7 Antworten
wenn es so etwas wie dieses: <div style="float: left;">Left Div</div> <div style="float: right;">Right Div</div> Habe ich ein leeres div mit clear: both; fühlt sich sehr schmutzig zu mir. so, gibt es eine Möglichkeit zu richten, ohne die
Bild bei Hover ändern
9 Antworten
Wie kann ich dies ändern genauen code zu tun, den schwebenden Effekt bei mouseover? Ich habe versucht, im folgenden einige der anderen Fragen und Antworten, aber ich konnte nicht wirklich Folgen. Also der HTML-Code: <a href="RR.html"><img src="R3.jpg"
Wie man HTML-Text mit fester Breite umschließt
8 Antworten
Mir ist gerade aufgefallen, dass wenn man einen html-button eine Feste Breite, die der text innerhalb der Schaltfläche befindet, nie gewickelt. Ich hab es mit word-wrap, aber, dass Kürzungen des Wortes, obwohl es sind Räume zur Verfügung
Wählen Sie Elemente nach Datenattribut in CSS aus
3 Antworten
Ist es möglich, wählen Sie Elemente in CSS, die durch Ihre HTML5-data-Attribute (zum Beispiel data-role)? InformationsquelleAutor der Frage Diogo Cardoso | 2011-03-16
Gibt es ein ASCII-Zeichen für & lt; br & gt ;?
5 Antworten
In der Regel haben wir alle mit HTML-Nummern oder-Namen in web-Seiten. ex. & ist & oder & und $, @, ©, ®, ... etc. Wie die Art und Weise möchte ich wissen, ist es eine HTML-Zahl oder
Verschachtelte DIV-Elemente
5 Antworten
Ich versuche zu umschließen zwei DIV-Elemente der inneren-1 & inner-2, (gestrichelte rote Umrandung) in ein wrapper-DIV (durchgezogene grüne Grenze), aber das wrapper-DIV-element nicht zu erweitern, schließen Sie den inneren DIVs. Was mache ich falsch? <!DOCTYPE HTML PUBLIC
Wie kann ich wissen, ob eine Schriftart (@ font-face) bereits geladen wurde?
7 Antworten
Ich bin mit Font-Awesome, aber während die Schrift-Dateien nicht geladen sind, werden die Symbole angezeigt, mit . So, ich möchte diese Symbole haben display:none während die Dateien werden nicht geladen. @font-face { font-family: "FontAwesome"; src: url('../font/fontawesome-webfont.eot'); src:
Was ersetzt Nav-Listen in Bootstrap 3?
3 Antworten
Bereite ich um meine Website zu aktualisieren, um Bootstrap 3, aber ich kann nicht herausfinden, wie zu ersetzen die nav-list - Klasse von Bootstrap 2. Schaute ich in Liste Gruppenaber ich bin nicht sicher, ob diese benutzt
Verwenden: nach dem Löschen von schwebenden Elementen
5 Antworten
Habe ich eine Liste, und die li ist eine float:left;. Der Inhalt nach der <ul> sollte korrekt ausgerichtet sein. Deshalb kann ich bauen die folgenden: http://jsfiddle.net/8unU8/ Dachte ich, dass ich entfernen können, die <div class="clear"> durch die
Div vertikale Bildlaufleiste zeigen
3 Antworten
Ich Frage mich, wie es möglich dauerhaft zeigen der vertikale Balken des div (ausgegraut, wenn es kein scrolling), ähnlich unseren bars. Grundsätzlich versuche ich, um eine gesamte Webseite in ein div (z.B. gmail/facebook), so dass, wenn die
Der CSS-Stil von & lt; input type = submit button wird auf seinen Standard-Stil zurückgesetzt
9 Antworten
Ich bin mit einem bookmarklet, fügt ein script-tag in das aktuelle web-Seite. Dieses Skript hat einige UI-und eine " input type=submit.... " - tag. Web-Seite hat sich entschieden, nicht Stil " input type=submit.. " - tags in
Wie man Dropdown-Pfeil in IE8 & amp; IE9?
5 Antworten
Benutzte ich die CSS-unten zum ausblenden der drop-down-Pfeil in FF, safari, chrome und Hinzugefügt mein eigenes Bild zu passen. select { -webkit-appearance:none; -moz-appearance:none; -o-appearance:none; appearance:none; } Für IE10, habe ich das pseudo-element select::-ms-expand{ display:none; } Ich weiß
Wenden Sie CSS-Stil auf untergeordnete Elemente an
6 Antworten
Möchte ich anwenden von Formatvorlagen nur für die Tabelle innerhalb des DIV mit einer bestimmten Klasse: Hinweis: ich würde lieber einen css-Selektor für Kinder-Elemente. Warum hat die #1 funktioniert und #2 nicht? 1: div.test th, div.test td,
iFrame Höhe Auto (CSS)
8 Antworten
Ich habe Probleme mit meinem iframe. Ich möchte wirklich den Rahmen, um die automatische Einstellung mit Höhen entsprechend der Inhalt im iframe. Ich möchte wirklich, dies zu tun über das CSS ohne javascript. Allerdings verwende ich javascript,
Wie man den Abstand zwischen den TBODY-Elementen einstellt
11 Antworten
Ich habe eine Tabelle wie diese: <table> <tfoot> <tr><td>footer</td></tr> </tfoot> <tbody> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> <tr><td>Body 1</td></tr> </tbody> <tbody> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> <tr><td>Body 2</td></tr> </tbody> <tbody> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> <tr><td>Body 3</td></tr> </tbody> </table> Ich würde
Responsive iframe (Google Maps) und seltsame Größenanpassung
1 Antworten
Ich versuche, fügen Sie eine Google Map auf mein design, das soll ansprechbar sein. Ich habe den gleichen code funktioniert für die Bilder... Aber aus irgendeinem Grund, die Karte iframe-Größe mit den Abmessungen habe ich nicht Holen.
CSS-Selektor für an die Eingabe gebundene Label
3 Antworten
Gibt es eine Möglichkeit in CSS zu wählen labels gebunden input Felder (über die for - Attribut) mit den required - Attribut gesetzt? So etwas wie: label:input[required] { ... } Derzeit, ich bin das hinzufügen class="required" labels
Bootstrap 3 Schieben Sie das Menü / Navbar auf Mobile
6 Antworten
Baue ich eine browser-basierte mobile app-und ich habe beschlossen, die Verwendung von Bootstrap 3 css framework für das design. Bootstrap 3 kommt mit einem großen "responsive" - Funktion in der Navigationsleiste, wo es zusammenbricht automatisch, wenn es
Was ist der Unterschied zwischen "Bildschirm" und "nur Bildschirm" in Medienanfragen?
4 Antworten
Was ist der Unterschied zwischen "Bildschirm" und "nur Bildschirm" media queries? <link media="screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> <link media="only screen and (max-device-width: 480px)" rel="stylesheet" href="m.css" /> Warum sind wir gefordert, für die Verwendung von 'Nur'.
Warum verschwindet der Listenstil, wenn display: block zu einem Listenelement in einer Liste hinzugefügt wird (& lt; ul & gt; oder & lt; ol & gt;)?
3 Antworten
Scheint dies gilt für display: inline; und display: inline-block; zu. Dies ist, was ich meine: ul li { display: block; /* Or display: inline; */ /* Or display: inline-block; */ } <ul> <li>list item1</li> <li>list item3</li> <li>list
jQuery height () gibt 0 für ein sichtbares div zurück - warum?
5 Antworten
Ich habe einen container (thetext1) mit einer Reihe Höhe von 360px. "thetext1" enthält zwei divs - einer Links und einer nach rechts gefloatet - in beide Inhalte werden über einen ajax-call. Gibt es Zeiten, wenn die Inhalte
Wie arbeite ich im IE in Hintergrundgröße?
9 Antworten
Gibt es irgendeine bekannte Möglichkeit, um den CSS-Stil background-size im IE funktioniert? InformationsquelleAutor der Frage JD Isaacks | 2010-06-07
Was bedeutet flex: 1?
3 Antworten
Wir alle wissen, die flex-Eigenschaft ist eine Kurzform für die flex-grow, flex-shrink, und die flex-basis Eigenschaften. Und der Standardwert ist 0 1 auto. Es bedeutet: flex-grow: 0; flex-shrink: 1; flex-basis: auto; aber ich habe bemerkt, in vielen
wie man die Höhe der Flugblattkarte variabel macht
3 Antworten
In meiner Anwendung, die ich machte div der Karte als <div id="map" style="height: 610px; width:100%"></div> aber meine Karte reaktionsschnell Weg-ich möchte die Höhe auch auf 100%, wenn ich height: 100% dann ist es nicht funktioniert. Wie kann
Zweispaltiges Div-Layout mit links und rechts feststehender Säule
5 Antworten
Möchte ich ein zwei-Spalten-layout mit DIVs, wo die Rechte Spalte haben eine Feste Breite von 200px und die linke würde den ganzen Raum, was übrig ist. Es ist ganz einfach, wenn Sie Tabellen verwenden: <table width="100%"> <tr>
Wie mache ich Glyphicons größer? (Größe ändern?)
7 Antworten
Ich würde gerne die Welt glyphicon größer, so dass es deckt einen großen Teil von der Seite (es ist ein Vektor-Bild). Es ist nicht in einem button oder irgendetwas; es ist nur allein. Gibt es eine Möglichkeit,
Welche Standardfarbe hat der Browser bei der Textauswahl?
3 Antworten
Wenn Sie markieren Sie text in einer Webseite, der hintergrund wird ein Standard-Blaue Farbe. Was genau die Farbe, die der code funktioniert diese Blaue Farbe haben? InformationsquelleAutor der Frage Fellow Stranger | 2013-04-18
Verhindere, dass schwebende divs in eine neue Zeile eingefügt werden
2 Antworten
Dass ich gesehen habe, fragte ein paar mal SO, und die gleichen Antworten gegeben die nicht funktionieren auf meiner Seite in Chrome oder Firefox. Möchte ich eine Reihe von Links-gefloateten divs ablaufen, horizontal eine übergeordnete div mit
So ändern Sie das Standard Bootstrap Fluid Grid 12 Spaltenrinnenbreite
3 Antworten
Ich bin auf der Suche, um zu wissen, ob es eine einfach Lösung bekannt, ändern Sie die Rinne mit auf die Flüssigkeit Standard-12-grid-bootstrap-system (2.3.0). Ich bin nicht vertraut mit WENIGER, aber wenn, dass ist die Antwort, bitte
Webkit-Übergangshöhe für ein div mit einer dynamisch sich ändernden Höhe basierend auf dem Inhalt?
1 Antworten
finden Sie in der folgenden jsFiddle http://jsfiddle.net/SgyEW/10/ Können Sie auf die verschiedenen Schaltflächen, die zeigt unterschiedliche Länge Inhalte, die bewirkt, dass die box zu vergrößern/verkleinern. Ich will die Höhe ändern, um animiert werden, es ist also nicht
Scroll-Position von div mit "overflow: auto"
1 Antworten
Angesichts dieses HTML-snippet: <div id="box" style="overflow:auto; width:200px; height:200px; border:1px solid black;"> 1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br> 11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br> 21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br> </div> Dich (in der Regel) Holen Sie sich eine schwarze box mit Scrollbalken, enthält die Nummern 1 bis 30, jeweils in eine neue
Wie man Inhalt mit variabler Höhe innerhalb eines div vertikal zentriert?
5 Antworten
Was ist der beste Weg, um vertikal zentrieren Sie den Inhalt eines div, wenn die Höhe der Inhalte ist variabel. In meinem speziellen Fall, die Höhe der div-container ist fest, aber es wäre toll, wenn gab es
Regex für passende CSS Hex Farben
5 Antworten
Ich bin versucht, zu schreiben regex extrahiert alle hex-Farben aus dem CSS-code. Dies ist, was ich jetzt habe: Code: $css = <<<CSS /* Do not match me: #abcdefgh; I am longer than needed. */ .foo { color:
Warum ist vertical-align: text-top; funktioniert nicht in CSS
9 Antworten
Ich soll ausrichten text an die Spitze der div. Es scheint, dass vertical-align: text-top; sollten den trick tun, aber es funktioniert nicht. Die anderen Dinge, die ich getan habe, wie das die divs in Spalten und die
Wie man Hovering auf HTML-Bereich-Tag anwenden?
2 Antworten
Ich versuche zu schweben, das area-tag von HTML. Ich habe versucht, diese in CSS: area:hover { border:1px solid black; } Dies ist die HTML-Datei auf die es angewendet werden soll. <!-- This imagemap inserted by Gwyn's Imagemap
Hintergrundbildtransparenz mit CSS3?
8 Antworten
Gibt es eine Möglichkeit, Transparenz hinzufügen, um ein hintergrund-Bild mit CSS3? InformationsquelleAutor der Frage Alice | 2012-01-01
Css3-Übergang nur auf der Skala
1 Antworten
Bin ich etwas fehlt offensichtlich. Aber der übergang auf nur ein element nicht funktioniert, hier. Hier ist mein code. #navigatore-servizi ul li a { color: #fff; text-decoration: none; text-shadow: 0 -1px 0 #008; display:block; width:240px; height:96px; background:#000;
Warum funktioniert width: 100% nicht auf div {display: table-cell}?
6 Antworten
Ich versuche, die vertikal und horizontal center einige Inhalte überlagern ein Bild Schieber (flexslider). Es gab einige ähnliche Fragen, aber ich konnte nicht finden, eine zufriedenstellende Lösung zu finden, die direkt zu meinem spezifischen problem. Aufgrund der
wie man Zollschriften in E-Mails oder E-Mail-Vorlagen verwendet
5 Antworten
wie zu verwenden Zoll-Schriftarten in E-Mails oder E-Mail-Vorlagen, Warum wir hier nicht die Verwendung von benutzerdefinierten Schriftarten in E-Mails, warum @font-face-Format wird nicht unterstützt von den meisten mail-Anbieter InformationsquelleAutor der Frage Akhilraj N S | 2012-11-21
CSS Media Query - Soft-Keyboard bricht CSS-Orientierungsregeln - alternative Lösung?
10 Antworten
Arbeite ich mit mehreren tablet-Geräte - beide Android und iOS. Derzeit habe ich folgende resolution Varianten für alle Tabletten. 1280 x 800 1280 x 768 1024 x 768 (iPad Natürlich) - iPad tritt dieses Problem nicht auf
zurb foundation ist es möglich, volle Zeilenbreite zu haben
15 Antworten
Ich bin mit foundation 3-bauen Sie ein responsive-website, aber ich möchte die Fußzeile und die Navigation im hintergrund der Breite, um die gesamte Breite einnehmen? Ich habe namens meiner Zeilen, wie class="row navigation" class="row footer" Ich habe
Zeigt eine Nachricht innerhalb des Kendo-Rasters an, wenn sie leer ist
12 Antworten
Ich versuche, die Anzeige einer freundlichen Botschaft (wie "Keine Datensätze gefunden, versuchen Sie es später erneut") innerhalb der grid content, wenn es keine Datensätze in der Datenbank. Was ich gesehen habe, in der docses gibt derzeit keine
CSS: Links, Mitte, & amp; Richten Sie den Text in der gleichen Zeile aus
4 Antworten
Muss ich Links, Mitte & Rechtsbündig text auf der gleichen Linie. Ich habe den folgenden text: Links Ausrichten: 1/10 Center: 02:27 Rechts Ausrichten: 100% Schrieb ich den folgenden code der funktioniert für den linken und rechten ausrichten
Fügen Sie zentrierten Text in der Mitte einer & lt; hr / & gt; -ähnlichen Zeile hinzu
22 Antworten
Frage ich mich, welche Möglichkeiten hat man in xhtml 1.0 strict zu erstellen, die eine Linie auf beiden Seiten der text-wie-so: Abschnitt eins ----------------------- Im nächsten Abschnitt ----------------------- Abschnitt zwei Habe ich gedacht machst einige ausgefallene Dinge