Tag: css3
input / button-Elemente nicht kleiner wird in ein flex-container
2 Antworten
Wenn input-und button-Elemente innerhalb eines flex-container, die flex - und/oder flex-grow Eigenschaften scheinen nicht, etwas zu tun. Code, der veranschaulicht mein Problem. CSS: button, input { font-size: 1rem; } button { border: none; background-color: #333; color: #EEE;
Bootstrap horizontal scrollen
2 Antworten
Ich benutze den folgenden HTML-code: <div id="list"> <div class="row"> <div class="col-md-3">1</div> <div class="col-md-3">2</div> <div class="col-md-3">3</div> <div class="col-md-3">n-times</div> </div> </div> So, ich brauche die Anzeige einer Zeile mit infinity-Spalten, indem Sie Sie horizontal scrollen, am Ende der Seite.
Anwendung position und dann position:absolute macht der div-Strecke über die container?
2 Antworten
Hier ist mein code.. <div id="secondWrapper"> <div class="para1"> <div class="heading"> <h1>Heading 1</h1> </div> <div class="paragraph"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at ipsum in nunc dignissim fringilla. Donec porta elit ut diam eleifend eget
Wie Schreibe ich einen:hover::before in weniger Datei?
3 Antworten
Habe ich einige CSS Regeln und nur schreiben brauche ich Sie in meinem LESS CSS - Datei. Dies ist mein CSS - div.files a > div, div.files a:before { transition: background-color 350ms; } div.files a:hover > div
CSS3 rotate - rendering-Probleme in Firefox und Safari
1 Antworten
Ich versuche zu drehen-eine einfache Textzeile von einigen Grad mit der CSS3-Eigenschaft »drehen«, genau um 1,5 Grad. -webkit-transform: rotate(1.5deg); -moz-transform: rotate(1.5deg); -ms-transform: rotate(1.5deg); -o-transform: rotate(1.5deg); transform: rotate(1.5deg); Das Ergebnis in Chrome (v18) sucht OK, in Firefox (Version
Taste toggle-horizontal mit bootstrap
2 Antworten
Ich versuche eine Schaltfläche zum erweitern/reduzieren-horizontal andere Elemente(share-buttons) und inline mit dem bootstrap-framework Ich versage auf zwei Dinge: Nicht mit einer Taste erweitern Sie die anderen Elemente inline und nach der eigentlichen Taste + Wenn es kollabieren
Wie zu verwenden inset box-shadow auf select-element?
2 Antworten
Hier ist ein Beispiel für die Verwendung von box-shadow auf wählen Sie tags. Aber es verwendet wrapper-element, so inset-Attribut funktioniert dort nicht. Ist es möglich, mit inset box-shadow auf select-tag? InformationsquelleAutor Simon | 2012-05-19
CMS vorhandene HTML5/CSS3 website
5 Antworten
Ich build HTML5/CSS3-websites, cross-browser-kompatibel und responsive. Meine Kunden wollen, dass die Fähigkeit zum Bearbeiten von text-Bereiche und laden Sie neue Geschichten in den news und Bilder der Foto-Galerie. Was ist meine beste option, um weiter bauen (saubere,
Mauerwerk-layout mit css-raster
4 Antworten
Ich versuche zu schaffen, Mauerwerk-layout mit css grid layout. Alle Elemente im grid haben variable Höhen. Und ich weiß nicht, was posten wird. So kann ich nicht definieren grid-row für jedes Element. Ist es möglich zu Beginn
Display-Div-Overlay auf :schweben mit CSS3 Erleichtern-Übergänge
1 Antworten
Habe ich das overlay in Arbeit :hover. Allerdings möchte ich hinzufügen eine Leichtigkeit-im übergang mit CSS3. Kann nicht scheinen zu finden, eine funktionierende version online. Den code! Also ich habe ein div enthält nur ein Bild. Wenn
Wie eine "schließen" - Symbol in der oberen rechten Ecke für das div mit scroll-Leiste?
3 Antworten
Ich habe eine modal box selbst erstellt und ich möchte hinzufügen, eine schließen-Schaltfläche in der oberen rechten Ecke des modal-box. Ich will, dass es etwas außerhalb der modal-box. Wie diese: (Entnommen aus diese Website) Das Kreuz in
Chrom radial css gradient Glätte
3 Antworten
Im mit chrome 18.0.1025.162 und versuche, einen radialen Farbverlauf -webkit-radial-gradient(circle, rgba(100, 100, 100, 0.2), rgba(0, 0, 0, 0.9)) Das problem ist, dass der Farbverlauf ist sehr pixelig irgendwie, den übergang in die Farb-und alpha ist in Blöcken
Wie kann ich horizontal center diese Meldung?
4 Antworten
Ich versuche eine Warnung anzeigen soll, wenn ein Benutzer auf eine Schaltfläche klickt, kann aber nicht herausfinden, wie man horizontal-center eine Warnmeldung. Ich würde gerne die alert-Aufenthalt innerhalb von #main. Sehen diese Geige. Dank! Bitte posten Sie
4 Verlauf der Grenzen im CSS
1 Antworten
Ich brauche Hilfe die Anwendung eines gradient Grenze auf allen 4 Seiten des Kastens. Ich habe es versucht, aber es funktioniert nur für zwei Seiten. Nach einem Blick auf all die links und SO Antworten ich habe
Kompass-hintergrund-Bild(linear-gradient) funktioniert nicht im IE
2 Antworten
Diesen Farbverlauf gemacht mit SASS und Compass arbeiten nicht in einer beliebigen version von Internet Explorer: @include background-image(linear-gradient(left, rgba(241,236,236,0.95), rgba(241,236,236,0.9), rgba(241,236,236,0.85), rgba(241,236,236,0.8), rgba(241,236,236,0.75), rgba(241,236,236,0.4))); Er übersetzt diese CSS: background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(241, 236,
CSS3 box-shadow + inset + RGBA
2 Antworten
Ich mache einige tests mit den neuen features von CSS3, aber diese Kombination funktioniert nur in den neuesten Versionen von Chrome und Firefox, aber nicht im Safari oder Opera: box-shadow: inset 0px -10px 20px 0px rgba(0, 0,
Wie min-Inhalt und max-Inhalt arbeiten?
1 Antworten
Wie sind die min-content und max-content berechneten Werte in CSS? Und was bedeutet intrinsische dimension bedeuten? InformationsquelleAutor Wes | 2018-07-11
Wie kann ich entfernen, border-bottom des letzten div' separator durch CSS?
2 Antworten
Zeige ich aktuelle news in einem div-box, in der jede Nachricht ist von den anderen getrennt durch einen separator von border-bottom. Beachten Sie, dass in der HTML-ich bin nicht mit jedem ul-li; anstatt ich bin einfach mit
Div mit CSS-Inhalt, nach dem pseudo-element ist nicht sichtbar
4 Antworten
Ich habe eine POC, die ich absolvieren muss und ich darf mit Hilfe von CSS update Stile eines Produkts. Ich ersetzt mit einem Bild von dem Produkt mit einem logo mit dem CSS-Attribut content. Muss ich hinzufügen,
Drehen von text und die Ausrichtung in CSS?
3 Antworten
Was ist die bevorzugte Lösung für rotierende dann ausrichten von text auf der Seite der Inhalte? Beispiel: http://jsfiddle.net/nVtpz/ <style> .wrapper { width: 100px; height: 100px; border: 1px solid #009; margin: 50px; } .text { border: 1px solid
CSS: machen "overflow: hidden" verstecken, die oben statt unten?
1 Antworten
Bin ich mit dem "overflow: hidden;" CSS-Eigenschaft auf ein Bild, aber ich würde gerne für Sie abgeschnitten, oben im Bild eher als die unteren. Gibt es eine Möglichkeit, dies zu tun? geben Sie oben und unten Klassennamen
div auto reaktionsschnell Weg, um text in
2 Antworten
Ich habe ein DIV in ein anderes. Einer von denen hat "nur-text" und was ich will zu tun ist, um seine Breite automatisch mit einem maximalen mit möglich. Hier ist der code: HTML: <div class="artigo_nome"> <!-- here
Kann ein CSS-font-size?
3 Antworten
Ich bin ein Skript ausgeführt wird, fügt Einem tag bei meinem script nicht wieder text zu füllen, ein button-element. Problem ist, obwohl die Spannweite hat, den Raum, die Höhe der elemeny ist falsch. Frage Gibt es
Media query zu unterscheiden desktop vom iPad im landscape-Modus
1 Antworten
Ich Baue eine website mit responsive design. Ich muss unterscheiden layout zwischen tablet im landscape-Modus und desktop-Computer mit media queries. Dies sind die media queries jetzt: <link href="base.css" rel="stylesheet"/> <link href="desktop.css" media="only screen and (min-width: 801px)" rel="stylesheet"/>
Wie zu verwenden neigen nur in der parent-element?
4 Antworten
Gibt es eine Möglichkeit zu nutzen, neigen die nur in einem übergeordneten element? Ich muss etwas schaffen wie ein "Diamant", wie eine Maske und die untergeordneten Elemente können nicht beeinflusst werden. Es gibt keine Möglichkeit, in diesem
Rahmenfarbe ändern auf hover
4 Antworten
Ich habe versucht, erstellen Sie eine border-color ändern, hover-Effekt mit CSS und etwas scheint nicht zu funktionieren. Hier ist mein code: Markup: <ul> <li class="hover"> <img src="img/content/lighter.png" alt="lighter"/> <p>Discusing Strategy</p> </li> <li class="triangle"></li> <li class="hover"> <img src="img/content/wrench.png"
Facebook-wie top-navigation mit CSS und jQuery
3 Antworten
Ich will die neue Facebook-wie top-navigation mit CSS und jQuery, als unten. Und so: Wie Sie sehen können, ist der Pfeil der popbox immer unter der gewählten nav und die popbox breiten sind gleich. Gibt es irgendein
Zoom in/out wie kann ich das Seitenverhältnis?
2 Antworten
Beispiel: http://jsfiddle.net/4jmY2/4/ Wenn Sie Zoom in/out (Strg +/-) sehen Sie sich die Elemente bewegen, wie kann ich halten das Seitenverhältnis, so wird der Inhalt bleibt der gleiche, egal, welche Größe? HTML <div class="check_box"> <div class="check"> <div class="your_name">Your
Wie man richtig anwenden einer CSS-Stil, um alle Bilder in einem div mit einer bestimmten Klasse?
2 Antworten
Ich habe Folgendes HTML: <div class="group-item"> <a href="profile.html"> <img src="resources/img/icons/projects/wifi.png"> </a> </div> Ich versuche, legen Sie die CSS-Eigenschaft des img - tag innerhalb des div mit class="group-item" auf diese Weise: .groups-item img { float: left; margin-right: 15px;
Text align nicht Mitte und die Mitte selbst wenn Sie mithilfe einer border-radius
4 Antworten
Brauche ich, um zu richten die nicht. 1 um die Mitte des roten Kreises, aber es funktioniert nicht #box { background: red; border-radius: 50% 50% 50% 50%; color: #FFFFFF; height: 50px; text-align: center; width: 50px; } http://jsfiddle.net/kFaXp/8/
Kann ich deaktivieren, IE10 Geschichte swipe-Geste?
5 Antworten
Ich habe eine Oberfläche, die web-app, die über touch-panning (container-divs haben "overflow: auto" - Stil) und ich bin mit der integrierten paging-scroll styles: -ms-scroll-snap-points-x: snapInterval(0px, 1366px); -ms-scroll-snap-type: mandatory; Meine app hat einen 300% Breite untergeordneten container resultierende,
Webkit-float und display
1 Antworten
Ich habe ein problem mit Webkit-Browsern (Chrome/Safari), CSS3 Media Queries, display und float auf meine Website. Die Standard-styling auf meiner Webseite ist auf float das element nav rechts und display:inline-block. Wenn das Fenster in der Größe verändert,
CSS3 animation: Anzahl Zählen?
1 Antworten
Ich versuche zu schaffen, eine count-up animation mit CSS3 gestartet wird, dass auf eine bestimmte Anzahl "X" und zählt bis zum eingestellten Intervall von +1 werden mit Hilfe einer animation in der Art, wie diese. Ich weiß,
Wie man diese CSS-kompatibel mit IE-Browser?
2 Antworten
Nun habe ich diese css-code dies ist für eine Website, die mich und meine Freunde hosten. Aber da es bis wir wurden immer kleine Beschwerden über IE-Benutzer habe ich keine Idee, wie ich das machen kann das
Vertikale Ausrichtung unten für einen link innerhalb einer Tabellenzelle
4 Antworten
Ist es möglich, die push einen link zu der Unterseite der Zelle, ohne zu wissen, die Höhe der Tabellenzelle? Hier ist ein Turnschuh, den ich eingerichtet habe illustriert das problem: http://jsfiddle.net/77qG5/1/ ich möchte den link mit dem
Wie, um eine glatte gestrichelte Grenze rotation animation wie "marching ants'
4 Antworten
Arbeite ich an einer css-animation mit 'Zahnräder und Ketten", aber bin nicht in der Lage zu schaffen, eine 'glatte' border rotation. Können Sie sehen, in diesem fiddle Wie (derzeit) bin ich mit einem pseudo-element zum generieren einer
Vertikal oben ausrichten 2 Spalte divs unterschiedlicher Höhe mit float:left
4 Antworten
Das problem ist, dass ich ein Formular mit verschiedenen Feldern, in verschiedenen Größen. Jedes Feld wird innerhalb eines div mit float:left. Und Sie verteilen automaticlly in 2 Spalten. Wenn Sie alle die gleiche Höhe haben, ist es
Weiße Fläche auf festen hintergrund beim scrollen auf ios
1 Antworten
Mein Ziel ist es, eine abgespeckte hintergrund, die auf iOS/Android, die nicht zu skalieren, wenn der Benutzer scrollt (und die Adressleiste verschwindet). Ich habe mehrere Fragen, mit nützlichen Antworten, aber irgendwie habe ich immer ärgerlich-Verhalten auf meinem
box-shadow und 100% Fluid-Width-Problem
2 Antworten
Habe ich schon Polieren auf einer Seite, die ich gebaut über den vergangenen Tag oder zwei und haben ein Problem nach der Verwendung von box-shadow - ich hatte gehofft, jemand kann etwas Licht auf, eine einfache Möglichkeit,
Winkel-6 - CSS - KLEBRIG-Header
4 Antworten
Ich habe 3 Elemente : 1 toolbar, 1 Karte , eine andere Symbolleiste. die Elemente sind untereinander Möchte ich, dass die zweite Symbolleiste Aufenthalt unter der map-element (auf 400px an der Spitze), aber wenn ich nach unten
Wie erstellen fluid Trapez-Bild mit css?
3 Antworten
Ich arbeite an einer website, auf die wir verwenden parallax-Effekt. In diesem gibt es einige Bilder, die sind dreieckig, wie dies & das Bild ist transparent, da es überschneidungen der oben DIV. Ich versuche so viele Dinge
CSS: Font-face funktioniert nicht in Chrome
2 Antworten
Wie kann ich sagen, warum die Schrift nicht angezeigt wird? Ich bin in Chrome - so .ttf-sollte funktionieren. Ich habe überprüft, dass kann ich navigieren Sie zu der Datei mit meiner URL-Leiste, und kann ich es herunterladen,
Zeichnen diagonalen Linien in html5
2 Antworten
Gegeben, eine Division von unbekannten Dimensionen, wie kann ich zeichnen Sie eine durchgehende Linie von einer Ecke zu der Diagonal gegenüberliegenden Ecke, ohne JavaScript zu verwenden? Ich dachte, die CSS3 calc() Funktion könnte mir hier helfen, aber
Border-radius bug auf <ein> in IE9
5 Antworten
Sehen, dass <div> Elemente Rendern Grenze/border-radius korrekt, aber jeder <a> oder <button> dass hat einen hintergrund, border und border-radius set zeigt die Hintergrundfarbe oder ein Bild als Quadrat, und nur der Rand ist rund. Habe versucht <a>
Transform CSS-Eigenschaft funktioniert nicht mit <a> - element
2 Antworten
Möchte ich scale(x,y) meine <a> element, wenn ich drauf klicke, aber es funktioniert nicht. Ich benutze Mozilla Firefox web-browser, um das Programm auszuführen. Hier ist mein code: scaleElement.html <html> <head> <title>CSS3 Transform and Transition</title> <style> a{ background-color:
-webkit-transform-style: preserve-3d funktioniert nicht
3 Antworten
Ich bin versucht, einen Effekt auf diesen link code_on_jsfiddle . Der Effekt ist, zeigen die Dicke der Münze, während es sich dreht. Code scheint zu funktionieren auf der jsfiddle aber wenn ich versuchte es in meinem codebase
Wie man eine CSS-mega-Menü werden auf die volle Breite der Seite? (998px, aber in der Mitte?)
2 Antworten
Hallo Liebe internet-fellows, Ich versuche zu bauen, megamenu, weil ich denke, der normale -Listen sind veraltet. Bisher bin ich gut dabei, denn ich fand einige gute tutorials im www. Nicht desto weniger möchte ich, dass mein megamenu
CSS3-Held Bild: Was ist die beste pixel-dimension und die Bildgröße für ein full-screen responsive hintergrund?
2 Antworten
CSS3-Held Image-Frage: Was ist die beste pixel-dimension und die Bildgröße für ein full-screen responsive hintergrund? Immer wenn ich den Deckel Eigentum, es scheint immer zu verpassen die meisten das Bild. Dank, Steve Was ist Held-Bild? Im Grunde
Wie kann ich die Farbe ändern von ein wählen Sie die option mit CSS über hover?
3 Antworten
<select style="width:245px;"> <option value="rseleccionar">Seleccione..</option> <option value="bs">Bienes Separados</option> <option value="bm">Bienes Mancomunados</option> </select> Möchte ich ändern die Blaue Farbe des Verzuges für den anderen. mögliche Duplikate von CSS Bild hover Farbe ändern von text Ich will nicht, um die
nth-child funktioniert nicht wie erwartet
1 Antworten
Wenn ich divs zusammen mit den Objekten, die ich benutze nth-child auf, es scheint Ihr zu bekommen buggy. Werde ich für jede Hilfe dankbar, mit diesem. <html> <style> .documents > a:nth-child(2) { border:1px solid red; } </style>