Articles of css

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?

Drehen oder drehen Sie ein Bild bei Hover

Ich möchte herausfinden, wie man ein drehendes oder rotierendes Bild macht, wenn es schwebt. Ich würde gerne wissen, wie man diese functionalität mit CSS im folgenden Code emuliert: img { border-radius: 50%; }

Warum und nicht font-family und font-size von body übernehmen?

Warum Textarea und textfield nicht font-family und font-size aus dem Körper nehmen? Siehe Live-Beispiel hier http://jsbin.com/ucano4 Code texearea font body { font-family: Verdana, Geneva, sans-serif; font-size:16px } some text here Wenn es ein normales Verhalten ist, dann sollte ich in CSS so schreiben. Ich brauche den gleichen Stil in allen body,textarea,input { font-family: Verdana, Geneva, […]

CSS-Framework für eine App mit vorhandenem Stylesheet

Ich baue eine Chrome-Erweiterung, die ein Widget-Ding an Google Mail-Nachrichten anfügt. Es erscheint unter jeder E-Mail (etwa einem kontextabhängigen Gmail-Gadget), wenn sich der Nutzer auf der Website gmail.com befindet. Ich habe mir einige CSS Framework wie Twitter Bootstrap für meine App angeschaut. Als ich es in mywidget verwendete, verstimmte es sich mit den vorhandenen Gmail-Stilen […]

Deaktivieren Sie Antializing beim Skalieren von Bildern

Mögliche Duplikate: Wie man Bilder ohne Antialiasing streckt Ist es in irgendeiner Weise möglich, das Antialiasing beim Hochskalieren eines Bildes zu deaktivieren? Gerade jetzt, ich bekomme etwas, das so aussieht: Verwenden Sie den folgenden CSS-Code: #bib { width:104px;height:104px;background-image:url(/media/buttonart_back.png);background-size:1132px 1360px; background-repeat:no-repeat;} Was ich möchte, ist etwa so: Kurz gesagt, irgendein CSS-Flag, um das Anti-Aliasing beim Hochskalieren […]

Verhindern, dass ein festes Element beim Zoomen auf dem Touchscreen die Größe ändert

Auf einer HTML-Website haben Sie ein festes Element wie dieses: Some content Es hat dieses CSS: #fixed { height:150px; position:fixed; top:0; left:0; z-index:10000; } Wenn Sie diese Seite auf einem mobilen Gerät (oder einem Touchscreen-fähigen Gerät) anzeigen und den Bildschirm zum Einzoomen kneifen, wird das feste Element zusammen mit dem gesamten anderen Inhalt vergrößert (es […]

SVG in img Element Proportionen nicht in IE9 respektiert

CSS: img{ max-height:30px; } HTML: Ich bin auf der Suche nach diesem Svg-Bild proportional zu einer maximalen Höhe von 30 Pixel hoch skalieren. Die natürlichen Dimensionen der SVG sind 200px zu 200px. functioniert hervorragend in FF und Chrome (30×30), aber in IE9 ist das Bild 30×200. Jetzt ist hier der Kicker. Es passiert nur mit […]

Graustufen Hintergrund Css Bilder

Ich habe viel im Internet gesucht, aber ich kann keine Cross-Browser-Lösung finden, um ein CSS-Hintergrundbild auf Graustufen und zurück zu verblassen. Die einzige funktionierende Lösung ist die Anwendung von CSS3 Filter Graustufen: -webkit-filter: grayscale(100%); aber das funktioniert nur mit Chrome v.15 + und Safari v.6 + (wie Sie hier sehen können: http://css3.bradshawenterprises.com/filters/ ) Viele Seiten […]