CSS

table td {
vertical-align: top;
align-content: center;
}

zzz
xxxx

1111
222
33
4444

Die vertikale Positionierung funktioniert nicht konsistent in allen Browsern. In Firefox wird der...

Ich beginne mit der Arbeit an einem Projekt, das Flaticon verwendet, das Projekt verwendet bereits Symbole mit Klassen wie flaticon-right-arrow :

Also wollte ich den Linkspfeil verwenden, also...

Ich bin ein bisschen neu in Sachen SCSS und habe diesen grundlegenden Stil für Zeilen in meinem Zeilencontainer.
.rows-container{
border-bottom:2px ridge grey;
}
.row{
height:30px;width:100%;...

Ich habe eine WebView, die einige HTML-Inhalte anzeigt. In meinem HTML-Code habe ich overflow-y: scroll für ein bestimmtes Div eingefügt. Wenn nun die Anzahl der Elemente den Bereich des Div...

Auf der Website, an der ich arbeite, werden einige Schriftarten auf einem externen Server gehostet. In meinem lade ich die Schriftarten vor und erhalte dann das Stylesheet, das alle @font-face-Regeln...

Warum geht div in kleinen und extra kleinen Bildschirmen in Bootstrap v5 nicht in die nächste Zeile? Ich habe versucht, online Antworten zu finden und habe ChatGPT gefragt, aber nichts verstanden....

Der :hover-Selektorstil verlinkt beim Mouseover. Ich möchte, dass beim Klicken Elemente angezeigt werden, die nicht mit der Maus über die Elemente gehen. Welche Hover-Alternative sollte ich...

Ich muss Element A neben Element B in einer Zeile haben, damit Element B und sein unterer Rand den gesamten linken Raum überspannen und die Breite von Element A nicht im Voraus bekannt ist.
Ich habe...

Ich erstelle eine Quarto Reveal.js-Präsentation und kann die Autoreninformationen nicht auf der Titelfolie zentrieren, obwohl text-align: center; in meinem CSS enthalten ist. Titel und Untertitel...

Ich versuche, einen Text nach Möglichkeit wortweise zu unterbrechen, und wenn nicht, unterbreche ich ihn trotzdem, damit das Layout nicht ausstirbt. Dies funktioniert standardmäßig in Google Chrome...

table td {
vertical-align: top;
align-content: center;
}

zzz
xxxx

1111
222
33
4444

Die vertikale Positionierung funktioniert nicht konsistent in allen Browsern. In Firefox wird der...

Beachten Sie den folgenden Code

.my-block{
display: flex;
overflow-x: auto;
height: 20em;
}

.my-block--contain {
overscroll-behavior-x: contain;
}

Wenn Sie ein Touchpad oder eine Wischgeste...

Ich verwende eine Bootstrap-Navigationsleiste in meiner React-App und der Code lautet wie folgt -

Crafting Social Minds

className= collapse navbar-collapse me-auto
id=...

Ich bin ein neuer Webentwickler hier. Ich hatte gehofft, etwas Code zu teilen und zu sehen, ob es eine Reihe von Funktionen gibt, die besser zu meinem Problem passen.
Mein Ziel ist es, ein Tippspiel...

Ich benötige Nicht-Inline-Code in HTML, CSS, JS, Node.js, TSX und ein Tanstack-Wireframe.
Ich muss auch wissen, wie ich mein Logo einfüge, damit es für viele Geräte reagiert.
Bitte seien Sie...

Ich habe ein Swiper-Karussell, das jeder Folie ständig einen unnötigen rechten Rand (5 Pixel) hinzufügt, etwa so:

Ich habe es versucht
.swiper-slide {
margin-right: 0px !important;
}

aber dann...

Vielen Dank im Voraus für jeden Rat, den Sie mir geben können!
Ich versuche, um diesen Schieberegler, den ich für die Website einer medizinischen Marihuana-Anbauanlage erstellt habe, etwas Leerraum...

Ich erhalte den Fehler } erwartet im visuellen Code für die kommentierte Zeile. Weiß jemand warum?

@keyframes wordSlider {
$steps: -0%, -25%, -50%, -75%;
@for $index from 0 to length($steps)-1 {...

Wie wende ich einen Stil auf ein leeres Eingabefeld an? Wenn der Benutzer etwas in das Eingabefeld eingibt, sollte der Stil nicht mehr angewendet werden. Ist das in CSS möglich? Ich habe Folgendes...

Nehmen Sie den folgenden HTML-Code ohne CSS:

one
two
three

Beachten Sie, dass zwischen der Spalte „1“, „2“ und „3“ eine Lücke besteht. und die Spalte „eins“, „zwei“ und „drei“. Chrome und...

Ich habe vier Rechtecke und in jedem dieser Rechtecke befindet sich ein Kreis. Ich versuche, diese Kreise mit einer gepunkteten Linie zu verbinden, aber die Linie stoppt mitten auf dem Weg. Ich bin...

Kann :not(:hover) im folgenden CSS umgestaltet werden, um Wiederholungen zu vermeiden?
a.label {
& :not(:hover),
& :not(:hover),
/* ... */
& :not(:hover) {
color: #f50;
}
}

Als ich mir diese Beispiel-Webseite ansah (siehe unten den Code), stellte ich fest, dass das Bild auf der linken Seite der Seite in meinen mobilen Browsern (Firefox und Chrome) mit einer Breite von...

Ich versuche, einen Temperaturkonverter zu erstellen, der den Wert automatisch ändert, wenn der Benutzer die Eingabe ändert und auf eine andere Stelle in Javascript klickt (mithilfe von onChange in...

Wie füge ich diesen Ecken in der Mitte einen Radius hinzu? Ich habe Clip-Path ausprobiert, aber ich kann die mittleren Ecken nicht erreichen, und habe es mit Pseudoelement versucht, kann aber keines...

:root {
--primary: #2563eb;
--dark: #1e40af;
--orange: #f97316;
--bg-rgb: 10, 14, 63;
--text: #feffff;
--card: #f8f9fa;
}

/* Navbar */
.navbar {
position: static; /* scrolls with the page */
width:...

Anwendungsfall
Ich verwende das Firefox-Add-on WebScrapBook, um Textteile auf Webseiten zu markieren.

Das Add-on bietet 12 verschiedene Textmarkierungen, die individuell mit CSS-Code gestaltet...

formNoValidateDas -Schaltflächenattribut löst weiterhin die :user-invalid-CSS-Klasse aus
Obwohl keine Validierung erforderlich ist, löst es dennoch die Klasse aus. Gibt es eine Möglichkeit, dieses...

Mein CSS wird nicht auf meine HTML-Seite angewendet. Der Stil befindet sich in einem „css“-Unterverzeichnis und die Syntax und Rechtschreibung des Links sind korrekt (die Entwicklungstools des...

Ich habe eine ältere Anwendung, die JQuery- und SVG-Symbole seit über 10 Jahren ohne Probleme verwendet. Kürzlich haben einige Benutzer berichtet, dass die SVG-Symbole zeitweise nicht für sie...