Articles of css

Text in einem flexiblen Container wird in IE11 nicht umgebrochen

Betrachten Sie das folgende Snippet: .parent { display: flex; flex-direction: column; width: 400px; border: 1px solid red; align-items: center; } .child { border: 1px solid blue; } Lorem Ipsum is simply dummy text of the printing and typesetting industry Lorem Ipsum is simply dummy text of the printing and typesetting industry In Chrome wird der […]

Können Medienanfragen auf der Basis eines div-Elements anstelle des Bildschirms skaliert werden?

Ich möchte Medienabfragen verwenden, um die Größe von Elementen basierend auf der Größe eines div Elements, in dem sie sich befinden, zu ändern. Ich kann die Bildschirmgröße nicht verwenden, da div nur wie ein Widget innerhalb der Webseite verwendet wird. Aktualisieren Sieht so aus, als ob es jetzt Arbeit gibt: https://github.com/ResponsiveImagesCG/cq-demos

Wie verwende ich die JSF-generierte HTML-Element-ID mit dem Doppelpunkt “:” in CSS-Selektoren?

Ich habe mit einem einfachen Java EE-Projekt mit JSF gearbeitet. Ich habe versucht, CSS über #phoneTable { … } , aber es funktioniert nicht. Nach Prüfung der HTML-Quelle auf der Client-Seite scheint es, dass die JSF-generierte HTML-Tabelle eine Client-ID in Form von id=”phoneForm:phoneTable” . Ich kann CSS nicht über #phoneForm:phoneTable { … } anwenden, weil […]

Responsive CSS Hintergrundbilder

Ich habe eine Website (g-floors.eu) und möchte den Hintergrund (in CSS habe ich ein bg-image für den Inhalt definiert) auch ansprechend gestalten. Leider weiß ich wirklich nicht, wie ich das machen soll, außer an eine Sache, die mir einfällt, aber es ist eine echte Abhilfe. Erstellen Sie mehrere Bilder und verwenden Sie dann CSS-Bildschirmgröße, um […]

Bootstrap 4 Center Vertikale und horizontale Ausrichtung

Ich habe eine Seite, auf der nur das Formular existiert und ich möchte, dass das Formular in der Mitte des Bildschirms platziert wird. Example label Another label Das justify-content-center richtet das Formular horizontal aus, aber ich kann nicht herausfinden, wie es vertikal ausgerichtet wird. Ich habe versucht, align-items-center und align-self-center , aber es funktioniert nicht. […]

Inline-Block funktioniert nicht im Internet Explorer 7, 6

Ich habe diesen CSS-Code mit einem inline-block . Kann mir jemand sagen, wie es in Internet Explorer 6 und 7 funktioniert? Irgendwelche Ideen? Vielleicht mache ich etwas falsch? Vielen Dank! #signup { color:#FFF; border-bottom:solid 1px #444; text-transform:uppercase; text-align:center; } #signup #left { display: inline-block } #signup #right { background-image:url(images/signup.jpg); border-left: solid 1px #000; border-right: solid […]

Inhalte in der responsiven Bootstrap-Navigationsleiste zentrieren

Ich habe Probleme, meinen Inhalt in der Bootstrap-Navigationsleiste zu zentrieren. Ich benutze Bootstrap 3. Ich habe viele Beiträge gelesen, aber die CSS oder Methoden verwendet nicht mit meinem Code! Ich bin wirklich frustriert, also ist das meine letzte Option. Jede Hilfe wäre willkommen! Navigation Toggle navigation Link Link Link Link Dropdown Action Another action Something […]

Was genau ist das Pixelverhältnis des Geräts?

Dies wird in jedem Artikel über das mobile Web erwähnt, aber nirgends kann ich eine Erklärung finden, was genau dieses Attribut misst. Kann mir bitte jemand erklären, was Anfragen wie diese überprüfen? @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min–moz-device-pixel-ratio: 1.5), only screen and (-o-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5) { //high […]

Richten Sie Inline-Block-DIVs an den Anfang des Containerelements aus

Wenn zwei inline-block div unterschiedliche Höhen haben, warum richtet sich das kürzere der beiden nicht an der Oberseite des Containers? ( DEMO ): HTML: CSS: .container { border: 1px black solid; width: 320px; height: 120px; } .small { display: inline-block; width: 40%; height: 30%; border: 1px black solid; background: aliceblue; } .big { display: inline-block; […]

CSS @ font-face arbeitet nicht mit Firefox, sondern arbeitet mit Chrome und IE

Der folgende Code funktioniert sowohl in Google Chrome Beta als auch in IE 7. Allerdings scheint Firefox damit ein Problem zu haben. Ich vermute, dass es ein Problem ist, wie meine CSS-Dateien enthalten sind, denn ich weiß, dass Firefox bei domänenübergreifenden Importen nicht allzu freundlich ist. Aber das ist alles nur statisches HTML und es […]