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 verbreiten-Elemente horizontal gleichmäßig?

Anzahl der Antworten 7 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

Overflow-y: Scroll zeigt nicht scrollbar in Chrome

Anzahl der Antworten 5 Antworten
Ich bin erzeugt eine Liste von Organisationen, die der linken Seite dieser Seite: http://www.ihhub.org/member-map/ Diese Liste wird erzeugt durch Anhängen <span> - tags mit Links zur entsprechenden Karte. Mein Problem ist - die scroll-bar erscheint nicht in

setzen Sie einen Rahmen um header und Absatz

Anzahl der Antworten 3 Antworten
Ich versuche, einen einzelnen Rahmen um die Kopf-und Absatz. Derzeit habe ich zwei separate Rahmen um den header und den Absatz. Wie kann ich einen einfachen Rahmen um Sie herum? <style type="text/css"> h1{ font-family: consolas; border: 2px

center richten Sie drei divs nebeneinander mit CSS

Anzahl der Antworten 5 Antworten
Ich habe drei divs nebeneinander in einen container, der stellt sich auf die Breite der Benutzer-Fenster. Ich will, dass Sie bleiben verschachtelte nebeneinander und zentriert, wie eine Einheit in den dynamischen container. Ich würde dies gerne tun

Winkel-6 laden der css-Ordner in den Winkel.json

Anzahl der Antworten 1 Antworten
Ich versuche zu konvertieren, meine html-Vorlage in eckigen app. Ich habe einen css-Ordner "plugins" genannt-und img-Ordner. Wenn ich hinzufügen : "styles": [ "src/assets/plugins/listtyicons/style.css", "src/assets/plugins/jquery-ui/jquery-ui.min.css", "src/assets/plugins/bootstrap/css/bootstrap.min.css", "src/assets/plugins/plugins/isotope/isotope.min.css", "src/styles.css" ] diesen code in eckige.json-Datei erhalte ich die Fehlermeldung, wenn

Versuchs, mein image ein wenig niedriger, aber es zieht alles nach unten

Anzahl der Antworten 2 Antworten
Ich versuche, die position, die mein Bild ein wenig niedriger, damit in der Mitte des Bildes richtet die vertikale Mitte des header-tag. Hier ist die sowohl die HTML-und die CSS. Vielen Dank für die Hilfe! #articlesummary {

Ausblenden oder entfernen eines div-Klasse bei mobile viewport?

Anzahl der Antworten 3 Antworten
In Erster Linie, ich bin sehr bewusst von CSS media queries. Mein problem ist Folgendes: Wenn Sie die div-Klassen, die gestapelt in einem div; Beispiel: <div class="class1 class2"></div> Und den Sie entfernen möchten "class2" @media (max-width: 768px)

wie Sie zum exportieren und importieren Stil in npm-Paket?

Anzahl der Antworten 1 Antworten
Ich habe einen reagieren Komponente und Veröffentliche ich die Komponente in der NPM-registry, die ich bauen mit webpack. In meinem wichtigsten Projekt, an dem ich konsumiert die Komponente npm-Paket JS so: Import myComp from 'myComp'; Das problem

Warum TD width funktioniert nicht oder nicht befolgt?

Anzahl der Antworten 4 Antworten
Ursprünglichen Frage: ist der HTML - <table> haben eine Standard-Breite? Vor kurzem jemand gefragt, eine Frage, irgendwo entlang dieser Linien, und hat mich gefragt. Nehmen Sie dies zum Beispiel. http://jsfiddle.net/rqmNY/1/ In diesem fiddle, wenn Sie waren zu

mit :focus-Pseudoklasse auf li oder andere element, anderes als a,input,button, etc

Anzahl der Antworten 2 Antworten
Ist es möglich, wählen Sie ein element fokussiert ist, wie ein:Fokus, input:focus, aber auf der anderen element wie div, li, span-oder anderes? Wenn es nicht möglich ist, wie kann es ersetzt werden durch ein tag? Ich bin

Stack-Tasten vertikal

Anzahl der Antworten 4 Antworten
Frage ich mich, wie kann ich einige Tasten zu stapeln vertikal und nicht horizontal in css. So, die html wäre wie: <button>Test<button> <button>Test<button> <button>Test<button> Und diese Tasten werden standardmäßig horizontal gestapelt werden, was ich will, ist zu

HTML/CSS Bild mit Transparenten Hintergrund auf einem Weißen Hintergrund

Anzahl der Antworten 1 Antworten
Bin ich im wesentlichen versuchen, zu erstellen ein Bild mit einem play-Taste in der unteren linken Ecke, das wird, link zu einer anderen Seite spielen Sie eine audio-Datei. Allerdings habe ich ein paar Fragen. In Erster Linie,

Kopf nicht berühren Sie oben im Bildschirm

Anzahl der Antworten 3 Antworten
Ich habe einen header auf meiner Seite an der Spitze des Bildschirms und erstreckt sich über den gesamten Bildschirm. Es wird dargestellt, als eine Schienen teilweise. Wenn es etwas gibt, in den Körper der Seite, der Kopf

Redundante CSS-Regeln, die ie-float & display:block

Anzahl der Antworten 2 Antworten
Ich fand gerade heraus, dass floating ein element wird es auch einen block, daher die Angabe einer Eigenschaft float und display:block redundant ist. (Was würde passieren, wenn Sie versuchten, die angeben, display:inline und float:left? ) Gibt es

wie kann ich die position verschachtelte divs unten und float right?

Anzahl der Antworten 4 Antworten
Sagen, ich habe ein parent-div mit drei child-divs. Gibt es eine Möglichkeit, dass ich die position alles, was in der rechten unteren Ecke? So etwas wie dieses: -------------------------------------- | | | | | | | | |

CSS vertical align

Anzahl der Antworten 9 Antworten
Habe ich eine img in gefloateten div-und ich weiß nicht, wie, um es vertikal. <div style="height: 300px"> <img style="height: 50px" src="something" /> </div> vertical-align: middle natürlich nicht funktioniert. http://jsfiddle.net/wKQYj/ Die zwei Möglichkeiten die in diesem Artikel erwähnt

Wie man ein popup-div-bewegen Sie die Maus über eine Verknüpfung in jquery?

Anzahl der Antworten 3 Antworten
Wie man ein popup-bewegen Sie die Maus über eine Verknüpfung in jquery? <div id="floatbar"> <a href="" onclick="make it float 10px under this yay"> </div> Konnte Sie zumindest eine Zeichnung/screenshot von dem, was es Aussehen sollte? Dies ist

Machen <div> füllen Sie die Verbleibende Höhe

Anzahl der Antworten 4 Antworten
Es ist Bootstrap 3. Ich will einfach nur mein split sidebar sich in zwei Abschnitte. Der untere Teil sollte hoch genug sein, um dem Inhalt anzupassen, während der Obere Abschnitt sollte füllen Sie die Verbleibende Höhe der

Javascript-Lösung für das verstecken der dropdown-Liste Optionen

Anzahl der Antworten 4 Antworten
Bearbeiten: Vielen Dank an alle, aber nichts scheint zu funktionieren. Ich bin das einfügen dieser code in einer Datei, die ich wissen verwendet und mit anderen javascript-Blöcke normal formatiert, und dieser funktioniert immer noch nicht. Es funktioniert

html und css: ausrichten wählen Sie, um den rechten Rand einer Tabelle

Anzahl der Antworten 3 Antworten
Betrachten Sie das folgende HTML-snippet. Der gewünschte Effekt ist, um eine dropdown positioniert direkt oberhalb einer Tabelle. <!-- this is actually in a proper CSS class, not inline--> <div style="float:left; min-height:1px; padding:15px 2% 20px; position:relative; width:96%;"> <form

Wie bekomme ich große Bilder in mein tumblr-custom-Design?

Anzahl der Antworten 2 Antworten
In Tumblr, die maximale Bildgröße beträgt 500 Pixel. Ich will wissen, wie man größere Bilder in meinem custom-theme. InformationsquelleAutor Fred Stevens-Smith | 2012-01-12

Erstellen Sie eine responsive navbar, sidebar "Schublade" in der Bootstrap-4?

Anzahl der Antworten 2 Antworten
Versuchen, etwas zu erreichen wie diese : https://www.muicss.com/examples/v1/example-layouts/responsive-side-menu/index.html Ich habe gesehen, wie einige Beispiele online mit anderen Versionen von bootstrap, aber Sie alle ändern der css zu viel, das macht es schwieriger, zu lernen bootstrap. Ich Frage

Javascript entfernen, Hintergrundfarbe und Deckkraft

Anzahl der Antworten 4 Antworten
Wie kann ich entfernen Sie die hintergrund-Farbe und die Deckkraft-Eigenschaft mit Javascript nur (ohne Jquery!). Habe ich versucht, dieses: document.getElementById('darkOverlay').style.removeProperty("background-color"); document.getElementById('darkOverlay').style.removeProperty("opacity"); aber es hat nicht funktioniert. InformationsquelleAutor utdev | 2016-11-02

HTML/CSS hinzufügen eines Videos zu einem regler

Anzahl der Antworten 2 Antworten
Ich bin mit flexslider auf der Startseite meiner website und derzeit haben Bilder innerhalb es, und das ist gut. Aber ich möchte hinzufügen, ein video, das ich erstellt, die automatisch abgespielt wird und dann wieder die Aktion

valign="top" funktioniert nicht im td

Anzahl der Antworten 3 Antworten
Mein problem gepostet wird, als "gelöst" hier, aber anscheinend habe ich die Lösung nicht verstehst (?). Ich habe Stapel von legacy-html, die erscheint zu Beginn ein Fehler in meinem browser, ich weiß nicht warum, vielleicht wegen der

Wie kann ich die Verzögerung einen :hover-Effekt in CSS?

Anzahl der Antworten 3 Antworten
Gibt es eine Möglichkeit die Verzögerung der :Hover-event ohne JavaScript zu verwenden? Ich weiß, es ist ein Weg, um die Verzögerung Animationen, aber ich habe nicht gesehen, was auf die Verzögerung der :hover-event. Ich Baue ein son-of-suckerfish

set-Taste in die position "fixed" im Reagieren Nativen

Anzahl der Antworten 2 Antworten
Ich würde gerne set-Taste auf der rechten unteren Ecke Breite Feste position in Reagieren Nativen. position: fixed arbeitet nicht Reagieren Nativen und stickyHeaderIndices Methode in der ScrollView nicht erlaubt, um die position eines Elements über die anderen

Dynamische styleUrls im Winkel 2?

Anzahl der Antworten 5 Antworten
Ist es möglich, dynamisch zu injizieren urls zu stylesheets in eine Komponente? Etwas wie: styleUrls: [ 'stylesheet1.css', this.additionalUrls ] oder (Wunschdenken und beachten Sie, dass dies nur fake-code): export class MyComponent implements dynamicUrls { ngDynamicUrls() { this.inject(['anotherStylesheet.css',

Schneiden Bild Diagonal mit CSS

Anzahl der Antworten 5 Antworten
, Wie Sie abgeschnitten Teil des Bildes im container oder Diagonal mit CSS? Den Teil, der muss weggeschnitten werden, hat die form eines Dreiecks Um genauer zu sein: wenn das Bild oben ist das Bild, das Blaue

Absolut positionierte HTML5-video-element mit negativem z-index bricht background-attachment in webkit-Browsern

Anzahl der Antworten 3 Antworten
Ich bin mit einem HTML5-video-element als hintergrund-Ebene, welche gut funktioniert, aber es verursacht Probleme mit anderen Elementen auf der Seite, die haben einen hintergrund, der mit der Eigenschaft background-attachment: fixed. Die hintergrund-Bilder zu lösen, gebrochen oder ganz

Machen ionic Ionen-Element einen transparenten hintergrund haben

Anzahl der Antworten 4 Antworten
Gibt es eine Möglichkeit, um den hintergrund eines Ionischen 2 <ion-item> transparent sein? Ich habe versucht das CSS aber es macht nicht das Element transparent: .list .item, .item-content .item-inner .item-block .item-ios { background: transparent !important; } CODE

Mitte ausrichten von Schaltflächen innen div dynamisch?

Anzahl der Antworten 5 Antworten
Ich habe ein div, das können 2 oder 4 Tasten, basierend auf unterschiedlichen Szenarien. Ich will die buttons im div werden zentriert ausgerichtet. Wie es getan werden kann. Ich reichte meinen code unten. <div style="margin: 0 auto;

Bootstrap mit 100% Breite / Volle Breite

Anzahl der Antworten 5 Antworten
Ich möchte eine neue website erstellen mit Bootstrap und ich muss es zu 100% in der Breite, aber ich will es nicht zu flüssig. Zumindest nicht für jetzt. Das Problem, das ich habe, ist: die Verwendung von

Css - Wie zum überschreiben der css-Code für eine Zelle in der Tabelle

Anzahl der Antworten 5 Antworten
css-newbie-Frage - wir haben eine generalisierte css definiert für die Tabelle zusammen mit Tabelle-Zellen als: .table { width: 100%; margin: 1em 0 1em 0; border-top: 1px solid #A3C0E8; border-left: 1px solid #A3C0E8; } .table td, .table th

Wie kann ich den text zentrieren zwischen den oberen und unteren Rand eines div?

Anzahl der Antworten 6 Antworten
Ich ausrichten möchte meinen text in der Mitte meiner div, aber ich kann nicht scheinen, damit es funktioniert. Wie kann ich dies tun? Danke für die Hilfe! <div style="height:40px;">Personal Information</div> "Persönliche Daten" sollte in der Mitte zwischen

CSS-reverse eine ganze website (Spiegel-Effekt)

Anzahl der Antworten 7 Antworten
Ich bin, building a multi-lingual website. Einige Sprachen (wie Hebräisch) Lesen von rechts nach Links. Neben dem eigentlichen text, die Benutzer sind gewohnt, die navigation und andere visuelle Hinweise, rückgängig gemacht. Zum Beispiel "Hauptmenü" auf der Oberseite

Größenänderung SVG Kreisradius Mithilfe von CSS-Animation

Anzahl der Antworten 3 Antworten
Ich versuche zu animieren, einen SVG-Kreis-radius-Attribut mit CSS. Während (mit dem Firefox-Element Untersuchen-tool) kann ich sehen, dass die animation selbst eingerichtet ist und ordnungsgemäß ausgeführt wird, die Größe der ".innerCircle" nicht sichtbar verändern. Wenn Sie Sie vor

Tabelle Polsterung nicht funktioniert

Anzahl der Antworten 3 Antworten
Ich habe eine Tabelle, die sich innerhalb eines übergeordneten div voller Körper, text und andere Inhalte. Ich habe folgende CSS-das scheint nicht zu funktionieren: table {width:100%; padding: 0 50px 0 50px;} Wenn ich die Margen anstelle von

kann ich konvertieren, css-scss und scss zu css vergessen?

Anzahl der Antworten 5 Antworten
Ich bin Hobeln zu verwenden, sass/compass, die in einem großen Projekt. ist es möglich, dass einige team-Mitglieder können mit einfachen css-während andere noch schreiben scss? was ich genau wissen möchte ist die Art, compass/sass hören scss und

Wie um zu zeigen, ein verstecktes Textfeld, nachdem Sie auf einen link klicken?

Anzahl der Antworten 6 Antworten
Möchte ich zeigen, ein verstecktes Textfeld, wenn ich auf einen bestimmten link. Hier ist mein code bisher: HTML: <a onclick="show()">Add Deposit Threshold</a> <div id="dThreshold" style="display:none"> <table class="table"> <tr> <td><b>Deposit Threshold</b></td> <td> <div class="row"> <div class="col-xs-12"> <input type="text"

Bootstrap 4 Sticky Footer Nicht Kleben

Anzahl der Antworten 5 Antworten
Nicht wirklich sicher, warum der sticky footer funktioniert nicht in der Bootstrap-4. Ich habe eine TYPO3-website, die ich bin ein Anfänger bei. Den sticky footer nicht kleben am unteren Rand der Seite. Hier ist eine Kopie der

Twitter Bootstrap-3-Gitter, ändern Haltepunkt und Polsterung entfernen

Anzahl der Antworten 3 Antworten
Ich m versuchen, zu bewegen, um die neue boostrap 3-raster, und ich m mit einigen Schwierigkeiten. Wie haben die das grid-stack unter 480px aber nicht zwischen 480px und 768px? oben 768px der Abstand Links von der ersten

HTML Button-background-color-Eigenschaft funktioniert nicht

Anzahl der Antworten 3 Antworten
In den folgenden Seite: Habe ich eine graue Schaltfläche (siehe den Abschnitt mit dem ersten Buch, es ist der einzige graue button auf der Seite), aber es wird erwartet, dass ein blaues. Ich cut&fügen Sie den code

Ist es bereit zur Verwendung von Bootstrap-css-Datei mit dem Präfix

Anzahl der Antworten 5 Antworten
Habe ich web-Anwendung, die verwendet Foundation. Ich bin nicht gut auf die foundation und ich habe zu entwickeln, die paar Seiten wo ich Sie benutzen möchten Bootstrap aber ich will nicht mischen mit anderen Unternehmen css. ALSO

Wie halten die Fußzeile am unteren Rand der Seite (HTML, Javascript, CSS)

Anzahl der Antworten 3 Antworten
Wie kann ich die Fußzeile am unteren Rand der Seite? Hier ist mein code: <footer> Copyright 2013 All rights reserved. Dass es über. Gibt es eine CSS dass ich verwenden können, um zu bringen die Fußzeile unten

javascript print Inhalt von nur spezifische <div>

Anzahl der Antworten 3 Antworten
Habe ich versucht javascript window.print() druckt Er die ganze Seite Inhalte, einschließlich der print-button auf der Seite. InformationsquelleAutor Parag | 2010-06-02

Video als hintergrund parallax CSS

Anzahl der Antworten 3 Antworten
Ich bin mehr backend-Mann als frontend, also, wenn Sie denken, dass meine Frage als dummy, sorry dafür, aber ich konnte nicht finden die Antwort 🙂 Mein Ziel ist es, hintergrund-video mit parallax-Effekt mit CSS. Im Allgemeinen gelang

Iframe reload-button

Anzahl der Antworten 2 Antworten
Ich habe mir auf vielen websites, aber keiner von Ihnen scheinen, Recht auf Arbeit, oder ich Sie nicht verstehen. Ich möchte eine einfache Schaltfläche, aktualisiert eine bestimmte iframe. Wäre der Knopf auf der übergeordneten Seite und das

Wie kann ich meine footer-center, um unten auf der Seite?

Anzahl der Antworten 3 Antworten
Ich habe Probleme mit der Zentrierung meinem footer an den unteren Rand der Seite. Hier ist mein code footer { background-color: #FFF; position:fixed; bottom: 0px; width: 400px; text-align: center; } <footer align="center"> <p>March 25, 2</p> </footer> Können

Tabelle layout-problem - Firefox vs. Chrome und IE7

Anzahl der Antworten 1 Antworten
Ich versuche, das layout einer HTML-Tabelle (es sind tabellarische Daten), und es gerendert, Sie in Firefox 3.5 und Chrome 2.0.172 (BEARBEITEN und IE7 - das macht den Tisch wie Chrome). Habe ich die Tabelle in ein div: