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.
mach Leinwand so breit und so hoch wie Eltern
3 Antworten
ich würde gern eine rechteckige Leinwand zu simulieren, eine Fortschritt-bar aber es scheint, wenn ich die Breite und Höhe des canvas auf 100%, ist es nicht wirklich machen es so hoch und so breit wie Eltern siehe
Wie man ein & lt; td & gt; Überspannen Sie beide Spalten in einer zweispaltigen Tabelle?
2 Antworten
Wie kann ich eine Tabelle erstellen, wie das obige Beispiel in HTML und CSS. Ich habe versucht, die folgenden: <table> <tr> <td style="width:50%">TEXT</td> <td style="width:50%">TEXT</td> </tr> <tr> <td style="width:100%">TEXT</td> </tr> aber es wird nicht funktionieren. Kann mir
Was macht auto im margin: 0 auto?
6 Antworten
Was bedeutet auto tun margin:0 auto;? Ich kann nicht scheinen, um zu verstehen, was auto tut. Ich weiß, es hat manchmal einen Effekt der Zentrierung von Objekten. Danke. InformationsquelleAutor der Frage Jitendra Vyas | 2010-07-03
HTML5-Video - Prozentsatz geladen?
3 Antworten
Weiß jemand was das Ereignis oder die Eigenschaft, die ich Abfrage, um einen Prozentsatz der Betrag, der HTML5-video geladen hat? Ich will zeichnen Sie einen CSS-Stil "geladen" bar, die Breite stellt Sie in dieser Abbildung. Genau wie
@ Font-face mit Rails 3.1 App verwenden?
7 Antworten
Ich habe Probleme mit der folgenden @font-face Erklärung die Arbeit mit meinen Rails 3.1-app. Ich lege die Schriften in der Asset-Pipeline in einem eigenen Ordner namens "Fonts", neben images und stylesheets und javascripts Hier ist die Erklärung,
Machen Sie Child div über die Breite der Seite dehnen
11 Antworten
Angenommen ich habe folgenden HTML-code: <div id="container" style="width: 960px"> <div id="help_panel" style="width: 100%; margin: 0 auto;"> Content goes here. </div> </div> Wenn ich die help_panel div erstrecken sich über die Breite der Seite/broswer, auch wenn die Breite
Passen Sie die Schaltfläche zum Vergrößern / Verkleinern in leaflet.js an
2 Antworten
Ich versuche, passen Sie zoom-Steuerung (+/-), also sollte es erscheinen in der rechten Seite wie Google maps (https://www.google.com/maps/) Habe ich versucht, hinzuzufügen float:right; aber es hat nicht funktioniert. Aus der CSS-Datei : /* zoom control */ .leaflet-control-zoom-in,
Was nützt style = "clear: both"?
3 Antworten
Sah ich ein div die hatten Stil clear:both! Was ist die Verwendung von clear im style? <div style="clear:both"> InformationsquelleAutor der Frage thomasbabuj | 2009-06-18
WENIGER: Subtrahiere von der Variable
4 Antworten
WENIGER, wie kann ich subtrahieren Werte mit "px" am Ende der Variablen. Ich habe folgende variable: @bpMobile: 600px Was ich will zu tun ist, subtrahieren Sie diesen von 1px @media only screen and (max-width: @bpMobile - 1px
Wie auch immer, um die blaue Hervorhebung von Elementen in Chrome beim schnellen Klicken zu verhindern?
6 Antworten
Meisten der Zeit, ich bin nicht besorgt, aber ich habe ein Bild Karussell, und wenn ich auf der nächsten und vorherigen divs schnell, Sie werden hervorgehoben in Chrom. Versuchte ich mit outline:none, aber kein Effekt. Gibt es
CSS-Kettenübergangsanimation
3 Antworten
sobald die Seite geladen wird, möchte ich "erscheinen" drei DIVs, eines nach dem anderen. wie kann ich dies tun? Ich wissen, wie man einen einzelnen div angezeigt, bei mouseover aber ohne Auslösung, einer nach dem anderen mithilfe
Ansichtsfenster zoomen iOS 10+ Safari deaktivieren?
13 Antworten
Habe ich update mein iPhone 6 plus an iOS 10 beta-version und nur gefunden, dass in mobile safari können Sie beliebigen Web-Seiten zoom durch Doppel-Tippen oder kneifen IGNORIEREN die user-scalable=no code in den meta-tag. Ich weiß nicht,
Kann ich @media in einer if / else Art benutzen?
3 Antworten
Habe ich diese form platziert in die Fußzeile meiner Seite (hat nur ein Textfeld und eine Schaltfläche). Ich will versuchen, und wenden Sie @media sind, basierend auf der viewport-Breite zur Verfügung steht ... So zum Beispiel, in
Aktualisieren Sie das CSS einer Website, ohne die Seite zu aktualisieren
13 Antworten
Ich habe eine Seite erstellt mit CSS. Jetzt muss ich mich von meiner editor zu meinem browser und aktualisieren Sie die komplette Seite, nur, um einen Blick auf jede noch so kleine Veränderung. Aber ich will nicht,
Wie kann ich jedem & lt; li & gt; ein eigenes Kugelbild?
11 Antworten
Habe ich versucht <ul id="contact_list"> <li id="phone">Local 604-555-5555</li> <li id="i18l_phone">Toll-Free 1-800-555-5555</li> </ul> mit #contact_list { list-style: disc none inside; } #contact_list #phone { list-style-image: url(images/small_wood_phone.png); } #contact_list #i18l_phone { list-style-image: url(images/i18l_wood_phone.png); } ohne Erfolg. Nur einer disc
Ändern Sie CSS-Regeln in JavaScript oder jQuery dynamisch
3 Antworten
Ich bin auf der Suche nach einer Möglichkeit, ändern Sie die CSS-Regeln mein stylesheet importiert in das Dokument. Also ich habe ein externes stylesheet und einige class und div Attribute innerhalb. Ich will zur Veränderung der Regeln,
css Inline-Block gegen Tabellenzelle
2 Antworten
Was sind die Unterschiede zwischen inline-block und table-cell? Ich gefunden habe, diese zwei Arten identisch sind. Was auch immer Sie Stil, für zB. text-align: center; vertical-align: middle; etc. durch die Identifizierung display: inline-block; oder display: table-cell; würde
Was ist der Wert der CSS ex 'Einheit?
5 Antworten
(Nicht zu verwechseln mit Xunitein beliebtes .Net unit-Test-Bibliothek.) Heute in einem Anfall von Langeweile habe ich angefangen die Inspektion wählen Gmails DOM (ja, ich war sehr gelangweilt). Sah alles ziemlich einfach, bis ich bemerkte eine interessante Angabe
Wie kombiniere ich Klasse und ID im CSS-Selektor?
9 Antworten
Wenn ich habe Folgendes div: <div class="sectionA" id="content"> Lorem Ipsum... </div> Gibt es eine Möglichkeit zu definieren, einen Stil zum Ausdruck, dass die Idee "Ein div mit id='content' UND class='myClass'"? Oder Sie haben einfach zu gehen, die
Wie kann ich mehrere Umwandlungsdeklarationen auf ein Element anwenden?
3 Antworten
Habe ich ein element mit zwei Klassen, eine mit der Bezeichnung "drehen" , dreht sich das element um 360 Grad und ein anderes namens "doublesize", die scale-element 2x seine normale Größe: .rotate { transform: rotate(0deg); } .rotate:hover
Erreichen des Weißdeckkraft-Effekts in HTML / CSS
1 Antworten
gibt es eine Möglichkeit um diesen Effekt zu erzielen, die an einem cross-browser-kompatiblen Art und Weise die zimmerreserviereung, ohne das vorzubereiten getrennte Bilder? Grundsätzlich ist der Rahmen, auf dem text liegt eine weiße überlagerung mit 50% Deckkraft..
Legen Sie die Schriftgröße mithilfe von Bootstrap-Klassen fest
5 Antworten
Gibt es eine Twitter-Bootstrap-Klasse für font-weight: bold - und andere Werte von font-weight? Ich würde nicht einen neuen erstellen, wenn dieser existiert bereits in der Bootstrap. InformationsquelleAutor der Frage Ionică Bizău | 2013-09-30
CSS3 Abgerundete und gepunktete Grenzen?
5 Antworten
Ist es möglich, erstellen Sie eine Grenze in CSS3 so dass Sie gerundet und punktiert? Ich bin Rundung meiner Ecken, aber Sie scheinen solide mit: border: 1px dotted gray; -moz-border-radius-topright: 30px 20px; -moz-border-radius-topleft: 30px 20px; Den rest
Übergeordnetes Menüelement nach dem Überfahren des Untermenüs (HTML / CSS / Jquery) hervorgehoben halten
3 Antworten
Habe ich ein Menü mit der Möglichkeit, dass einige Menüpunkte haben Unterpunkte. Ziemlich einfach, eigentlich. Ich würde gerne erreichen, dass, sobald das Untermenü moused über, die entsprechenden (übergeordneten) Menü-Element hervorgehoben ist, auch. Dies nie passiert, weil scheint,
Enthalten ein Bild in einem div?
6 Antworten
Ich möchte ein Bild in eine 250 x 250 div, zwingt das Bild, um die Größe, aber nicht gestreckt. Wie kann ich dies tun? Übrigens, das Bild wird in der Regel größer als das div selbst, das
Warum versucht Bootstrap, LESS-Dateien in Edge zu laden?
2 Antworten
Ich habe eine web-Seite mit Twitter Bootstrap. Es funktioniert gut in Chrome, Firefox und Safari. Jedoch, wenn ich versuche, um es in Edge auf Windows 10, bekomme ich einen Haufen Fehler 403 sagt, es konnte nicht geladen
Div bis zum Seitenende erweitern (nur HTML und CSS)
1 Antworten
Es ist ein sehr einfaches problem, aber ich kann nicht scheinen, eine passende Lösung zu finden online. Ich möchte eine Liste der Elemente in einem natürlichen fließen mit dem letzten element erweitert, um den unteren Rand der
HTML / CSS: Machen Sie ein div "unsichtbar" für Klicks?
5 Antworten
Aus verschiedenen Gründen, die ich brauche, um eine (meist) transparente <div> über einige text. Dies bedeutet jedoch, dass der text können nicht angeklickt werden (z.B., um auf links zu klicken oder wählen Sie es aus). Wäre es
Wie verwende ich Referenzbilder in Sass bei der Verwendung von Rails 3.1?
6 Antworten
Ich habe eine Rails 3.1 Projekt mit der asset-pipeline funktioniert Super. Das problem ist, dass ich zu Referenz-Bildern in meinem Sass, aber Schienen berechnet die Bild-URLs. (Dies ist besonders wichtig in der Produktion, wo die Schienen hängt
Wie mache ich ein CSS-Dreieck mit glatten Kanten?
8 Antworten
Habe ich ein Dreieck (JSFiddle) mit diesem CSS: .triangle { width: 0; height: 0; border-top: 0; border-bottom: 30px solid #666699; border-left: 20px solid transparent; border-right: 20px solid transparent; } Und das HTML: <div class="triangle"></div> Dies macht ein
Best Practice Schriftgröße für Mobilgeräte
3 Antworten
Ich habe gesehen, diese Frage SO: Was sind die häufigsten font-Größen für die H1-H6 tags mit diesem wird die empfohlene Schriftgrößen fo H-tags: h1 { font-size: 2em; } h2 { font-size: 1.5em; } h3 { font-size: 1.17em;
CSS-Anzeige: Tisch Min-Höhe funktioniert nicht
3 Antworten
Weiß jemand, ich kann min-height arbeiten mit den neuesten Browsern? Ich bin mit CSS-Tabellen, und es scheint zu ignorieren, min-height. <div style="background-color: red; display: table; min-height: 100px;"> abc </div> Fiddle InformationsquelleAutor der Frage Samantha J T Star
So fügen Sie Bilder in der Auswahlliste hinzu
8 Antworten
Ich habe eine select-Liste der Geschlechter. Code: <select> <option>male</option> <option>female</option> <option>others</option> </select> Ich will ein Bild in der drop-down-Liste drop-down-icon.jpeg. Möchte ich hinzufügen-button statt Dropdown-Symbol. Wie zu tun? InformationsquelleAutor der Frage Mayur | 2010-06-03
Wie wird eine CSS-Pixelgröße berechnet?
1 Antworten
Beim eintauchen in CSS-Einheiten, die ich gestoßen bin, eine definition der Referenz-pixel. Aber ich war nicht in der Lage zu finden, eine konsistente und umfassende Beschreibung seiner Beziehung zu der CSS-pixel-Einheit. Ich habe getan, einige der Forschung
Jquery $ ('# div'). Show (). Delay (5000) .hide (); funktioniert nicht
4 Antworten
Ich versuche zu zeigen, ein div-das ist festgelegt display: none; für 5 Sekunden mit $('#div').show().delay(5000).hide(); aber es deson keine Arbeit, es geht nur geradeaus zu verbergen() Kann einer von Euch mir helfen? InformationsquelleAutor der Frage DexCurl |
element.style im Chromelement Inspektor?
1 Antworten
Wenn ich überprüfen Elemente in Chrom, unter meinen styles ich habe element.style {}Was bedeutet das finden? Es enthält die styles bin ich nicht, auch nicht in meinen code. InformationsquelleAutor der Frage whiteletters in blankpapers | 2013-03-29
Ionisches Vollbild-Hintergrundbild
5 Antworten
Ich bin neu auf dem Ionic framework, und ich versuche, die app zu starten mit einem Vollbild-hintergrund Bild wie dieses: Ich habe es geschafft zu löschen, die statusbar-es wurde gezeigt in der Anleitung. Aber wie füge ich
Gibt es eine Möglichkeit, lange Wörter in ein div zu verpacken?
6 Antworten
Ich weiß, in Internet Explorer eine word-wrap Stil, aber ich würde gerne wissen, ob es eine cross-browser-Methode, um text in ein div. Vorzugsweise CSS, aber JavaScript-snippets funktionieren würde, auch ok. edit: Ja, bezogen auf langen Saiten, prost
Wie ändere ich die Größe des Radio Button mit CSS?
11 Antworten
Gibt es eine Möglichkeit die Größe des radio-button in CSS ? InformationsquelleAutor der Frage Misha Moroshko | 2011-02-07
Werden die Dezimalstellen in einer CSS-Breite berücksichtigt?
6 Antworten
Etwas, das ich habe mich für eine Weile während Sie CSS-design. Sind Nachkommastellen in der css-breiten zu achten? Oder sind Sie gerundet? .percentage { width: 49.5%; } oder .pixel { width: 122.5px; } InformationsquelleAutor der Frage Alastair
Wie kann ich vertikalen Text mit CSS Cross-Browser zeichnen?
7 Antworten
Ich drehen wollen, ein einziges Wort des Textes um 90 Grad, mit cross-browser - (>= IE6, >= Firefox 2, jede version von Chrome, Safari oder Opera) unterstützt. Wie kann das getan werden? InformationsquelleAutor der Frage usr |
Wie zentriere ich Inhalte in einem div mit CSS?
2 Antworten
Wie kann ich die center-Inhalte in einem div horizontal und vertikal? InformationsquelleAutor der Frage Thomas | 2010-12-07
Tabellenzelle für vertikale Ausrichtung funktioniert nicht mit absoluter Position
3 Antworten
http://jsfiddle.net/fQv97/ HTML <div class="table-cell"> My text, should be align middle </div> CSS .table-cell { height: 200px; width: 200px; vertical-align: middle; background: #eee; display: table-cell; position: absolute; } Problem Sollte der text in der Mitte platziert werden meiner
clientHeight / clientWidth gibt verschiedene Werte in verschiedenen Browsern zurück
9 Antworten
Eigenschaften document.body.clientHeight und document.body.clientWidth unterschiedliche Werte zurückgeben, IE7, IE8 und Firefox: IE 8: document.body.clientHeight : 704 document.body.clientWidth : 1148 IE 7: document.body.clientHeight : 704 document.body.clientWidth : 1132 FireFox: document.body.clientHeight : 620 document.body.clientWidth : 1152 Warum diese Diskrepanz
HTML5-Bildsymbol zur Eingabe eines Platzhalters
4 Antworten
Ich würde gerne ein Bild hinzufügen-Symbol, um eine Eingabe Platzhalter, wie in diesem Bild: Bitte beachten Sie, dass dies ist ein Platzhalter, so dass, wenn der Benutzer mit der Eingabe beginnt, wird das Symbol verschwindet auch. Kam
& lt; span & gt; eingezogenen Text einrücken
2 Antworten
So, ich bin die Simulation einer Tabelle mit einem div und ein paar Spannweiten drin. Ich würde die Spanne auf die richtige Einrückung von text, umschließt. Ich habe versucht, ein paar Dinge und kann Sie nicht arbeiten.
Wie man die Position des Elements erhält, das mit css gedreht wird, drehen
2 Antworten
Ich habe ein problem mit dem erhalten der position eines div nach rotate filter angewendet wird. Ich habe die position von einem Ende, seine Höhe und die Winkel, durch die es gedreht wird, aber nach der überprüfung,
Wie kann man einem Bild mit html5 eine Bildunterschrift hinzufügen?
1 Antworten
Ich bin versuchen zu arbeiten, den richtigen Weg, um eine Beschriftung mit einem Bild, so etwas wie hier macht Sinn jfiddle link aber ich bin auch auf der Suche in Bild-und figcaption die angezeigt wird, um dem
2 Spalten div Layout: rechte Spalte mit fester Breite, links flüssig
7 Antworten
Meine Anforderung ist einfach: 2 Spalten, in denen die Rechte eine Feste Größe. Leider konnte ich nicht finden eine funktionierende Lösung, weder auf stackoverflow noch in Google. Jede Lösung, die dort beschrieben fehl, wenn ich das umsetzen
Mehrere CSS-Klassen: Eigenschaften Überlappung basierend auf der definierten Reihenfolge
8 Antworten
Ist es eine Regel in der CSS bestimmt, dass die kaskadierende Reihenfolge, wenn mehrere Klassen definiert werden, auf ein element? (class="one two" vs class="two one") Gerade jetzt, es scheint keine solche Wirkung. Beispiel: beide divs sind orange