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 fügt man allen Zeilen in Google Prettify Zeilennummern hinzu?

Anzahl der Antworten 3 Antworten
Ich bin mit prettify: <pre class="prettyprint linenums"> some code </pre> Es funktioniert, aber die Nummer der Zeile, zeigen alle 5 Linien und nicht für jede Zeile. Ich bin mit diesen Dateien <link href="../src/prettify.css" type="text/css" rel="stylesheet" /> <script

CSS Überlauf-y: sichtbar, Überlauf-x: scrollen

Anzahl der Antworten 2 Antworten
Ich gesehen habe ein paar Fragen wie diese in meiner Suche, aber entweder die Frage nicht richtig beantwortet oder keine Antwort gegeben wurde. So, ich werde wieder zu stellen. <style> .parent { overflow-y:scroll; overflow-x:visible; width:100px; } .child

CSS calc funktioniert nicht in Safari und Fallback

Anzahl der Antworten 2 Antworten
Habe ich dieses layout, das ich auf Arbeit bin. Es hängt stark von CSS calc, um die notwendigen Berechnungen. width: -webkit-calc(50% - 20px); width: -moz-calc(50% - 20px); width: calc(50% - 20px); Nun, ich kann nicht ankommen dieses

Ist es falsch, ein Blockelement mit CSS in Inline umzuwandeln, wenn es ein anderes Blockelement enthält?

Anzahl der Antworten 9 Antworten
Ich weiß, dass es falsch ist, legen Sie ein block-element innerhalb eines inline-Elements, aber was ist mit den folgenden? Vorstellen, dass dieser gültig markup: <div><p>This is a paragraph</p></div> Nun fügen Sie dieses CSS: div { display:inline; }

Verhindern Sie, dass sich div bewegt, während Sie die Größe der Seite ändern

Anzahl der Antworten 4 Antworten
Ich bin ganz neu in CSS und ich versuche, eine Seite läuft. Ich schaffte es um erfolgreich zu produzieren, was ich dachte, war eine nette Seite, bis ich die Größe verändert browser-Fenster, dann begann sich alles zu

Was genau wird benötigt, damit "margin: 0 auto" funktioniert?

Anzahl der Antworten 10 Antworten
Ich weiß, dass die Einstellung margin: 0 auto; auf ein element wird verwendet, um ihn zu zentrieren (left, right). Ich weiß jedoch, dass das element und seine Muttergesellschaft muss bestimmte Kriterien erfüllen, die für die automatische Marge

Transparenter Iframe-Körper

Anzahl der Antworten 2 Antworten
Brauche ich ein (crossdomain) iframe mit dynamischer Breite und Höhe. Meine Frage ist, Kann ich einen iframe mit 100% - Größe und einen transparenten hintergrund haben, wird zeigen, dass die Eltern von diesem iframe dahinter ? Kann

Flexbox und Internet Explorer 11 (Anzeige: flex in & lt; html & gt ;?)

Anzahl der Antworten 3 Antworten
Ich bin Planung, um Weg von "floaty" - layouts und css flexbox für zukünftige Projekte. Ich war erfreut zu sehen, dass alle gängigen Browser in Ihren aktuellen Versionen scheinen zu unterstützen (in die eine oder andere Weise)

CSS 100% Höhe mit Polsterung / Rand

Anzahl der Antworten 10 Antworten
Diese wurde driving me crazy für ein paar Tage jetzt, aber in Wirklichkeit ist es ein problem, dass ich getroffen habe-und ausschalten für die letzten paar Jahre: Mit HTML/CSS wie kann ich ein element mit einer Breite

Verwenden Sie einen normalen Link, um ein Formular zu senden

Anzahl der Antworten 6 Antworten
Möchte ich ein Formular Absenden. Aber ich werde nicht die grundlegende Art und Weise der Verwendung eines input-button mit submit-Typ, aber ein eine link. Das Bild unten zeigt, warum. Ich bin mit Bild-links zu speichern und das

Zeige den Text Buchstabe für Buchstabe

Anzahl der Antworten 12 Antworten
Was ist der eleganteste Weg zu zeigen, einen html-text Buchstabe für Buchstabe (wie videogame Untertitel), Verwendung von CSS und JavaScript? Während ich bin sicher, dass sein können gelöst werden mit Hilfe eines brute-force-Ansatz (sagen, die Aufteilung der

Maximale CSS-Höheneigenschaft

Anzahl der Antworten 6 Antworten
Ist es eine gute cross-browser-Möglichkeit zum festlegen einer max-height-Eigenschaft eines DIV-und wenn das DIV geht über die max-Höhe, verwandelt es sich in einen überlauf mit scroll-Balken? InformationsquelleAutor der Frage Ryan Smith | 2008-11-18

CSS - Überlauf: Scrollen; - Immer vertikale Bildlaufleiste anzeigen?

Anzahl der Antworten 4 Antworten
Also derzeit habe ich: #div { position: relative; height: 510px; overflow-y: scroll; } Aber ich glaube nicht, dass es offensichtlich für einige Nutzer, dass es mehr Inhalte gibt es. Sie könnten nach unten scrollen die Seite, ohne

Absolutes Element, das die Breite des relativen Elternteils erbt

Anzahl der Antworten 1 Antworten
Ich versuche die position eines Gradienten über eine inline - /inline-block Anker-link, und das Gefälle Erben die Breite des übergeordneten Anker. Das problem ist, dass der span entweder erbt die gesamte Breite der Anker und die Eltern,

Textüberlauf: Auslassungszeichen auf einem Link

Anzahl der Antworten 2 Antworten
Will ich mit text-overflow-Eigenschaft auf einen link. Ich arbeite für einen Absatz, aber nicht für einen link. Hier ist der HTML-code <div> <ul> <li> <p>the text is too long</p> </li> <li> <a href="javascript:alert('test')">the link is too long</a>

Benutzerdefinierte Farbe für das CSS-Dreieck

Anzahl der Antworten 3 Antworten
Versucht, eine benutzerdefinierte hex-Farbe für meine css-Dreieck (Grenze). Aber seit es nutzt Grenze Eigenschaften ich bin nicht sicher, wie Sie gehen über das tun dies. Ich möchte zu meiden javascript und css3 einfach wegen der Kompatibilität. Ich

Festlegen der CSS-Eigenschaft in JavaScript?

Anzahl der Antworten 9 Antworten
Habe ich die folgenden... var menu = document.createElement('select'); Wie würde ich jetzt setzen Sie CSS Attribute e.g width: 100px? InformationsquelleAutor der Frage Skizit | 2011-03-04

Eltern div wird nicht auf Kindergröße erweitert

Anzahl der Antworten 2 Antworten
Wie Sie sehen werden, habe ich eine div (#innerPageWrapper) umschließt die divs enthalten die Inhalte. #innerPageWrapper auch nicht wirken optisch wie eine semi-transparente Grenze in das layout. Mein problem ist, dass #innerPageWrapper wird nicht vergrößert, so dass

Wie kann ich externe Links wie Wikipedia gestalten?

Anzahl der Antworten 3 Antworten
Ich würde gerne unterscheiden zwischen externen und internen links mit nur CSS. Ich hinzufügen möchte, das kleine Symbol auf der rechten Seite dieser links, ohne Verschleierung anderen text. Das Symbol würde ich gerne nutze, ist die Symbol

Wie kontrolliere ich die Verzögerung des JavaFX Tooltips?

Anzahl der Antworten 7 Antworten
Ich war Herumspielen mit JavaFX Tooltip. Ich erkannte, dass für mich persönlich die Verzögerung zwischen Maus über etwas, und der tooltip tatsächlich erscheinen, ist zu lang. Ein Blick in die API verrät: In der Regel, der tooltip

Wie benutze ich font-family lato?

Anzahl der Antworten 2 Antworten
Wie die Verwendung von schriftart-Familie lato ? Habe ich genutzt Stil wie dieser, aber nicht arbeiten . Wie kann ich das machen ? Danke. font-family: Lato, Helvetica, sans-serif; link: http://www.google.com/fonts/specimen/Lato InformationsquelleAutor der Frage user3274579 | 2014-02-06

Wortumbruch: Break-Word funktioniert nicht in IE8

Anzahl der Antworten 5 Antworten
Kann jemand mir bitte sagen, warum word-wrap: break-word funktioniert nicht in IE8? Habe ich diese Arbeit in anderen Browsern aber IE8 weigert sich, zu hören, trotz der Lektüre dieses post auf Ihrer Website? http://msdn.microsoft.com/en-us/library/ms531186(VS.85).aspx Dank InformationsquelleAutor der

Warum nicht margin-top: auto und margin-bottom: Auto funktioniert genauso wie ihre linken und rechten Kollegen?

Anzahl der Antworten 1 Antworten
Wenn ich die CSS-margin-Eigenschaften eines div-etwa so: div { margin-left: auto; margin-right: auto; } Bekomme ich ein div ist horizontal zentriert auf der Seite, wie so. Jedoch, wenn ich die CSS zu dieser: div { margin-top: auto;

So überprüfen Sie Elemente auf dynamisch erstellten DOM mithilfe von IE-Entwicklertools

Anzahl der Antworten 4 Antworten
Habe ich einen bug, das erlebe ich nur im IE. Ich möchte untersuchen DOM durch die Verwendung der IE-Entwickler-Symbolleiste, aber leider nicht scheinen, um es als komplette DOM dynamisch generiert wird. Hat jemand eine Idee, wie dieses

Beschränkt die Label-Nummer in Chart.js Liniendiagramm

Anzahl der Antworten 8 Antworten
Möchte ich, um alle Punkte auf meiner Karte aus den Daten, die ich bekommen, aber ich will nicht, um alle, die Etiketten für Sie, weil dann das Diagramm ist nicht sehr gut lesbar ist. Ich war auf

CSS-Überlauf - nur 1 Textzeile

Anzahl der Antworten 5 Antworten
Habe ich div mit der folgenden css-Stil: width:335px; float:left; overflow:hidden; padding-left:5px; Wenn ich einfügen-in das diveine lange Zeile von text, es bricht in eine neue Zeile und zeigt den text ein. Was ich will, ist nur eine

Fügen Sie Leerzeichen zwischen den Zellen (td) mit css hinzu

Anzahl der Antworten 5 Antworten
Ich versuche, fügen Sie eine Tabelle mit Abstand zwischen Zellen die Hintergrundfarbe der Zelle weiß und die Hintergrundfarbe der Tabelle ist blau, Sie kann leicht sehen, dass padding und margin sind, nicht arbeiten (ich bin die Anwendung,

Wie schneidet man ein rechteckiges Bild mit CSS in ein Quadrat?

Anzahl der Antworten 7 Antworten
Ich weiß, dass es unmöglich ist, tatsächlich zu ändern, ein Bild mit CSS, das ist der Grund, warum ich Ernte in Anführungszeichen. Was ich gerne tun möchte, ist nehmen Sie rechteckige Bilder und CSS verwenden, um Ihnen

Anpassen von iframe in einem div

Anzahl der Antworten 3 Antworten
Ich versuche fit ein iframe innerhalb eines div. Mein problem ist, dass ich kann nicht scheinen, um es zum nest zu 100% von der Breite des div, die ich brauche, geben Sie die pixel-Breite des iframe. Möchte

Wie färbt man die Reihe auf einem bestimmten Wert in angular-ui-grid?

Anzahl der Antworten 5 Antworten
Ich versuche, die Farbe einer Zeile, je nach Wert in der neuen angular-ui-grid-3.0 rc12, aber ich habe nicht in der Lage gewesen. Der folgende code verwendet, um die Arbeit in der vorherigen version (ngGrid): $scope.gridOptions = data:

Richten Sie ein Bild und einen mehrzeiligen Text vertikal aus

Anzahl der Antworten 3 Antworten
Ich versuche, richten Sie ein Bild und einen text vertikal: +-------------------------+ -- Viewport | Text Text Text | | +-----+ text text text | | |BILD| text text text | | +-----+ text text text | |

CSS-Medienabfragen: max-width OR max-height

Anzahl der Antworten 2 Antworten
Beim schreiben eines CSS-media-Abfragen, ist es eine Möglichkeit können Sie mehrere Bedingungen mit "ODER" - Logik? Ich versuche, so etwas zu tun: /* This doesn't work */ @media screen and (max-width: 995px OR max-height: 700px) { ...

Wie wird die Schriftgröße basierend auf der Containergröße festgelegt?

Anzahl der Antworten 9 Antworten
Ich habe einen Behälter, der eine % Breite und Höhe, so dass es Skalen in Abhängigkeit von äußeren Faktoren. Ich möchte die schriftart im inneren des Behälters zu einer Konstanten Größe im Verhältnis zu der Größe der

margin-left: auto und margin-right: Auto funktioniert nicht bei Eingabe

Anzahl der Antworten 6 Antworten
Habe ich eine Eingabe in ein Formular, das ich versuche, richten Sie in der Mitte. In der Regel margin-left:auto und margin-right: auto scheitern zu reagieren, wenn display: block ist nicht Hinzugefügt, um die CSS. Ich habe display:

Drop-Down der Bootstrap-Schaltfläche innerhalb der Antworttabelle wegen Scroll nicht sichtbar

Anzahl der Antworten 14 Antworten
Ich habe ein problem mit drop-down-Schaltflächen in Tabellen, wenn Sie sind reaktionsschnell und Blättern aktiv ist, weil das drop-down ist nicht sichtbar, weil der overflow: auto; Eigenschaft. Wie kann ich das beheben, dass, um zu zeigen, drop-down-option-Taste,

Halte div am unteren Rand eines anderen Bereichs

Anzahl der Antworten 4 Antworten
© 1965 - 2010 Ich will das #Urheberrecht an der Unterseite der #äußeren Hier ist der css-Code für #copyright #copyright{ position:relative; margin-bottom:0px; width:672px; height:20px; color:#FFF; } #yr{ margin:auto; } #f{ position:absolute; right:0px; text-align:center; } Dank Jean InformationsquelleAutor

Sind css-Selektoren für Datenattribute schneller als Klassenselektoren?

Anzahl der Antworten 3 Antworten
Vor ein paar Monaten dieser Artikel wies darauf hin, dass die Klassen könnten eigentlich vermieden werden, alle zusammen von der website-Entwicklung. Meine Frage ist, wie effizient sind die Daten-Selektoren im Vergleich zu class-Selektoren? Ein einfaches Beispiel wäre

Raster reaktionsfähiger Quadrate

Anzahl der Antworten 3 Antworten
Frage ich mich, wie ich gehen würde, über die Erstellung eines Layouts mit reaktionsschnell Weg Quadrate. Jedes Quadrat hätte verticaly und horizontaly ausgerichtet Inhalt. Das konkrete Beispiel ist unten angezeigt... InformationsquelleAutor der Frage garethdn | 2013-12-08

Pflegen Sie das Seitenverhältnis eines div mit CSS

Anzahl der Antworten 14 Antworten
Erstellen Sie ein div, das ändern der Breite/Höhe des Fensters Breite ändert. Gibt es keine CSS3-Regeln, die erlauben würde, die Höhe zu ändern, nach der Breite, während das Seitenverhältnis beibehalten? Ich weiß, ich kann über JavaScript, aber

Warum ist die Höhe meiner Div Null?

Anzahl der Antworten 3 Antworten
Habe ich Folgendes in meiner CSS. Alle Ränder/Polster/Grenzen sind Global auf 0 zurückgesetzt. #wrapper{width: 75%; min-width: 800px;} .content{text-align: justify; float: right; width: 90%;} .lbar{text-align: justify; float: left; width: 10%;} Wenn ich jetzt Schreibe mein HTML-Code als <div

Entfernen oder Ersetzen eines Stylesheets (ein & lt; link & gt;) durch JavaScript / jQuery

Anzahl der Antworten 6 Antworten
Wie kann ich dies tun? Versuchte ich $('link[title="mystyle"]').remove(); und obwohl das element wird entfernt, die Stile sind immer noch auf die aktuelle Seite angewendet (sowohl in Opera und Firefox). Gibt es eine andere Möglichkeit? InformationsquelleAutor der Frage

Wie man & lt; div & gt; fill & lt; td & gt; Höhe

Anzahl der Antworten 5 Antworten
Diese Frage eine Antwort braucht ein update, da ein Browser geändert haben Ursprüngliche Frage Ist, habe ich mich durch verschiedene posts auf StackOverflow, aber nicht in der Lage zu finden, eine Antwort auf diese eher einfache Frage.

Positioniere ein CSS-Hintergrundbild x Pixel von rechts?

Anzahl der Antworten 20 Antworten
Ich denke, die Antwort ist Nein, aber können Sie die position ein Hintergrundbild mit CSS, so dass es eine Feste Anzahl Pixel Weg vom Recht? Wenn ich background-position Werte von x und y, so scheint es diejenigen,

Bildskalierung in IE 11, 10 und 9 ist schrecklich

Anzahl der Antworten 2 Antworten
Bevor Sie sagen, das ist eine bestehende Frage, oder, dass alles was ich brauche, zu verwenden, ist ms-interpolation-mode, oder, dass ich nur brauchen, um eine pre-skalierte version des Bildes auf dem server und dienen, die sich, Lesen

html-Formular - Eingaben werden in derselben Zeile angezeigt

Anzahl der Antworten 4 Antworten
Ich bin kämpfen, um zwei html-Formular Eingaben (Nachname, Vorname) erscheinen auf der gleichen Zeile nebeneinander. Ich habe versucht mit float, aber das scheint ja auch der rest der Eingänge gehen Sie überall. Jede Beratung wäre sehr geschätzt

Wie ändere ich die Höhe der UI-Grid-Reihe?

Anzahl der Antworten 4 Antworten
Ich bin mit ui-grid. Ich habe eine Menge von Zeilen, und das ist, warum ich scrollen. Alles perfekt funktioniert ok, bis ich versuche, ändern Sie die Höhe der Zeilen. Dann wird das scrollen zu einem Chaos. Ich

Pure Css schließen Knopf

Anzahl der Antworten 10 Antworten
JSFiddle Gibt es eine Möglichkeit, so etwas wie den X-link mit reinem css? InformationsquelleAutor der Frage qwertymk | 2012-04-04

Mehrere CSS-Pseudoklassen

Anzahl der Antworten 5 Antworten
Was ist die korrekte CSS-syntax für die Anwendung von mehreren pseudo-Klassen zu einem Selektor. Ich möchte einfügen "," nach der jedes Element in einer Liste, außer dem letzten. Ich bin mit dem folgenden css: ul.phone_numbers li:after {

In RC.1 können einige Stile nicht mithilfe der Bindungssyntax hinzugefügt werden

Anzahl der Antworten 1 Antworten
Stile wie <div [style.background-image]="\'url(\' + image + \')\'">Background</div> <div [style.transform]="rotate(7deg)" nicht mehr InformationsquelleAutor der Frage Günter Zöchbauer | 2016-05-06

Kann ich maxlength in CSS angeben?

Anzahl der Antworten 7 Antworten
Kann ich ersetzen Sie das maxlength-Attribut mit so etwas in CSS machen? <input type='text' id="phone_extension" maxlength="4" /> InformationsquelleAutor der Frage Brian Ramsay | 2009-09-01