Articles of css

Wie wähle ich das erste, zweite oder dritte Element mit einem gegebenen classnnamen?

Wie kann ich ein bestimmtes Element in einer Liste von Elementen auswählen? Ich habe folgendes: my text1 stuff more stuff Hello World my text2 stuff Hello World my text3 stuff The end Ich habe die CSS – class div.myclass {doing things} , die natürlich für alle gilt, aber ich wollte auch in der Lage sein, […]

Welcher Bug funktioniert Zoom: 1; in CSS beheben?

Ich habe Leute gesehen, die die CSS-Eigenschaft zoom: 1; anwenden zoom: 1; auf HTML-Elementen. Warum tun sie das und welchen Bug behebt sie?

CSS3-Übergang bei Klick mit reinem CSS

Ich versuche, ein Bild (ein Plus-Symbol) um 45 Grad zu drehen, um ein Kreuz-Symbol zu erstellen. Ich habe es bis jetzt geschafft, dies mit dem unten stehenden Code zu erreichen, aber ich arbeite mit Hover, ich wollte, dass es sich auf Klick dreht. Gibt es eine einfache Möglichkeit, dies mit CSS zu tun? Mein Code […]

Versteckte Scrollbars in Firefox (Scrollbar, aber keine Scrollbar)

Ich möchte ein Div erstellen, das scrollen kann, aber keine Bildlaufleisten anzeigt. Ich habe eine Lösung für Webkit (unten) gefunden, aber wie kann dies in anderen Browsern gemacht werden? Ich würde es vorziehen, ein Javascript-Plugin zu vermeiden. In der Hoffnung, eine CSS- oder herstellerspezifische Lösung zu finden. Webkit-Lösung #photoreel::-webkit-scrollbar { height: 0; width: 0; } […]

Ändern Sie die Schriftgröße entsprechend der div-Größe

Ich habe dieses Spiel gemacht der html: header not a lot of text here but still overflowing mit CSS: html, body { height: 100%; width: 100%; } #launchmain { width: 55%; display: inline-block; position: relative; top:10%; left:25%; } #launchmain:after { padding-top: 79.26%; display: block; content: ”; margin-top: 10px; } #box1 { border: 1px solid #000000; […]

Bootstrap 3 responsive Tabelle mit fester erster Spalte

Ich bin speziell auf Mobilgeräte ausgerichtet, daher habe ich einen Bootstrap-fähigen Tisch. Es ist nur ein div mit der Bootstrap-class “table-responsive” und eine Tabelle im Inneren verschachtelt mit den classn “Tabelle Tabelle-gestreifte Tabelle-gefasste Tabelle-Hover-Tabelle-kondensiert”. Gibt es einen einfachen Weg, um sicherzustellen, dass die erste Spalte fixiert ist (nicht horizontal scrollen)? Auf Mobilgeräten ist es wahrscheinlich, […]

CSS3 Transform Skew

Weiß jemand, wie man eine Schrägstellung wie folgt erreicht: Verwenden Sie die neue Transform-Eigenschaft von CSS? Wie Sie sehen können, versuche ich, beide Ecken zu verdrehen, weiß jemand, ob das möglich ist?

Wie können Floating-Elemente unbekannter Höhe vertikal ausgerichtet werden?

Ich habe ein (horizontal) zentriertes äußeres div, das zwei Elemente unbekannter Breite enthält: … … Beide Floats sind standardmäßig nach oben ausgerichtet und haben unterschiedliche / unbekannte und unterschiedliche Höhen. Gibt es eine Möglichkeit, sie vertikal zentriert zu machen? Ich habe schließlich das äußere div gemacht display: table und die inneren divs display: table-cell; vertical-align: […]

CSS-Überlappungserrors

Bitte beachten Sie meinen Code, ich verstehe nicht, warum die Ränder dieser divs sich überlappen. Get in Touch: +44 10012 12345 Das CSS: .alignright {float: right} #header .social {margin-top: 50px;} #header .social a {display: inline-block;} #header .social .fb {width: 64px; height: 1px; padding-top: 60px; overflow: hidden;} #header .social .twit {width: 64px; height: 1px; padding-top: 60px; […]

CSS-Textumwandlung Großbuchstaben auf Großbuchstaben

Hier ist mein HTML: small caps & ALL CAPS Hier ist mein CSS: .link {text-transform: capitalize;} Die Ausgabe ist: Small Caps & ALL CAPS und ich möchte, dass die Ausgabe: Small Caps & All Caps Irgendwelche Ideen?