Tag: css

CSS (Cascading Style Sheets) ist eine Darstellung Stylesheet-Sprache für die Beschreibung das Aussehen und die Formatierung von HTML (Hyper Text Markup Language), XML (Extensible Markup Language) – Dokumenten und SVG-Elemente, einschließlich (aber nicht beschränkt auf) Farben, layout, Schriften und Animationen.

Setzen Sie das Symbol innerhalb des Eingabeelements in ein Formular (nicht als Hintergrundbild!)

Anzahl der Antworten 2 Antworten
Möchte ich genau das tun, was gefragt wurde, hier: Setzen Symbol im input-element in einem Formular Außer dass ich möchte die Symbole werden rechts ausgerichtet. Den "hintergrund" workaround funktioniert nicht, da die Bilder müssen angeklickt werden! Es

Was ist der korrekte Wert "-moz-appearance", um den Dropdown-Pfeil eines & lt; select & gt; Element

Anzahl der Antworten 8 Antworten
Ich versuche, den Stil der dropdown-Pfeil eines <select> - element mit CSS nur , es funktioniert perfekt in Chrome/Safari: select { -webkit-appearance: button; -webkit-border-radius: 2px; -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); -webkit-padding-end: 20px; -webkit-padding-start: 2px;

Wie zentriere ich (vertikal und horizontal) Schaltflächen in einem Div-Tag?

Anzahl der Antworten 3 Antworten
Ich versuche zu bestimmen, wie der center (horizontal und vertikal) - buttons in einem div-tag. Angesichts der folgenden CSS: div.listBoxMoverUserControl { width: 350px; height: 175px; } div.listBoxMoverUserControl div { height: 150px; } div.listBoxMoverUserControl div select { width:

Kann ich mehrere: vor Pseudo-Elementen für das gleiche Element haben?

Anzahl der Antworten 2 Antworten
Ist es möglich, mehrere :before pseudos für das gleiche element? .circle:before { content: "\25CF"; font-size: 19px; } .now:before{ content: "Now"; font-size: 19px; color: black; } Ich versuche, gelten die oben genannten Stile zu dem gleichen element mit

Was bedeuten / deep / und :: shadow in einem CSS Selector?

Anzahl der Antworten 1 Antworten
In der Suche, bei der Polymer -, sehe ich den folgenden CSS-Selektor in den Stile tab von Chrome 37 developer tools: Ich habe auch gesehen, wie ein Selektor, der mit dem pseudo-Selektor ::shadow. Also, was tun /deep/

jQuery Popup Bubble / Tooltip

Anzahl der Antworten 13 Antworten
Ich versuche zu machen, eine "Blase", popup, wenn der onmouseover - Ereignis ausgelöst wird, und bleiben geöffnet, solange sich der Mauszeiger über dem Element, das warf die onmouseover Ereignis ODER wenn die Maus bewegt wird, in die

Medienabfragen schlagen innerhalb IE9 iframe fehl

Anzahl der Antworten 5 Antworten
Habe ich folgende media queries in meinem CSS: @media screen and (min-width: 0px) and (max-width: 319px) { body {background-color:red;} } @media screen and (min-width: 320px) and (max-width: 480px) { body {background-color:orange;} } @media screen and (min-width: 481px)

Schrumpfende Navigationsleiste beim Scrollen (bootstrap3)

Anzahl der Antworten 6 Antworten
Ich würde gern eine navigation-bar-Effekt, wie es auf http://dootrix.com/ auf meiner Seite (nach unten scrollen, der Balken immer kleiner und das logo, änderungen). Im mit bootstrap 3 für meine Seite. Gibt es eine einfache Möglichkeit dies zu

Ist es möglich eingewickelte Zeilen innerhalb von Codeblöcken über CSS einzurücken?

Anzahl der Antworten 5 Antworten
Habe ich einige code innerhalb eines HTML-Dokuments. Der code selbst ist nicht wichtig – ich habe lorem ipsum um dies deutlich zu machen. <pre><code>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sit amet diam sit amet

Wie erzwinge ich den Browser, um zwischengespeicherte CSS / JS-Dateien neu zu laden?

Anzahl der Antworten 30 Antworten
Habe ich bemerkt, dass einige Browser (insbesondere Firefox und Opera) sind sehr eifrig bei der Verwendung von zwischengespeicherten Kopien von .css und .js Dateien, ja sogar zwischen browser-Sitzungen. Dies führt zu einem problem, wenn Sie eine dieser

jQuery: Erhalte die Höhe des versteckten Elements in jQuery

Anzahl der Antworten 14 Antworten
Ich brauche, um die Höhe eines Elements, das in ein div ausgeblendet ist. Jetzt zeige ich die div Höhe und ausblenden der übergeordneten div. Dies scheint ein bisschen dumm. Gibt es einen besseren Weg? Ich bin mit

Wie könnte ich ein schwebendes DIV zwingen, die Höhe eines anderen schwebenden DIV zu erreichen?

Anzahl der Antworten 11 Antworten
Mein HTML-code ist nur die Aufteilung der Seiten in zwei Spalten, 65%,35% beziehungsweise. <div style="float : left; width :65%; height:auto;background-color:#FDD017;"> <div id="response"> </div> </div> <div style="float : left; width :35%;height:auto; background-color:#FDD017;"> <div id="note"> </div> </div> In der

Ein Bild unten rechts mit Text umwickeln

Anzahl der Antworten 8 Antworten
Ich habe einen text-container mit Absätzen und überschriften. Am unteren Rand der Seite möchte ich schweben, ein Bild auf der rechten Seite der Seite, während der text umfließt das Bild. Der untere Rand des Bildes sollte bündig

CSS Floats - wie halte ich sie in einer Zeile?

Anzahl der Antworten 10 Antworten
Ich möchte zwei Elemente in der gleichen Zeile mit 'float: left' für das Element auf der linken Seite. Habe ich keine Probleme, dies zu erreichen, allein. Das problem ist, ich möchte die beiden Elemente zu bleiben auf

Firefox spezifische Marge?

Anzahl der Antworten 3 Antworten
Wie kann ich einstellen, dass eine bestimmte Marge für Firefox CSS? Ich habe versucht -moz-margin -: 0px; Mein problem ist in jedem browser, sogar der IE funktioniert, aber firefox nicht auf mein CSS jetzt... Es gibt bestimmte

Css Sibling Absolute Positionierung

Anzahl der Antworten 4 Antworten
Gibt es eine Möglichkeit, absolut positionieren von div relativ zu seinem Bruder? Zum Beispiel: Innerhalb eines div-gibt es zwei andere divs - div1 und div2. Ich will absolut position div2 relativ zu div1. InformationsquelleAutor der Frage Arg

Laden einer externen Schriftart über Inline CSS

Anzahl der Antworten 4 Antworten
Ist es möglich, laden Sie einen externen schriftart, die über inline-CSS? Hinweis: ich bin nicht sprechen über die Verwendung einer externen CSS-Datei mit einem @font-face definition, sondern eher so etwas wie die folgenden: <h1 style="font-family:myfont; src:('http://example.com/font/myfont.tff')">test</h1> InformationsquelleAutor

css horizontaler Navigationsabstand

Anzahl der Antworten 4 Antworten
Ich versuche zu schaffen, eine horizontale Navigationsleiste in css mit 5 gleichmäßig beabstandeten links. Die html-hoffentlich bleibt so: <div id="footer"> <ul> <li><a href="one.html">One</a></li> <li><a href="two.html">Two</a></li> <li><a href="three.html">Three</a></li> <li><a href="four.html">Four</a></li> <li><a href="five.html">Five</a></li> </ul> </div> Also mit CSS, ich

Ist es möglich, ein CSS-Stylesheet mit JavaScript zu verändern? (NICHT der Stil eines Objekts, sondern das Stylesheet selbst)

Anzahl der Antworten 3 Antworten
Ist es möglich, zu ändern, ein CSS-stylesheet mit JavaScript? Ich bin NICHT reden: document.getElementById('id').style._____='.....'; Ich BIN reden über das ändern: #id { param: value; } neben der etwas schmutzig (was wir noch nicht versucht btw), wie das

Was bedeutet -webkit-min-device-pixel-ratio: 2?

Anzahl der Antworten 1 Antworten
@media only screen and (max-device-width:480px), only screen and (-webkit-min-device-pixel-ratio: 2) { /*iphone css*/ } max-device-width macht Sinn, aber pixel-Verhältnis macht keinen Sinn für mich. danke. InformationsquelleAutor der Frage Marin | 2012-02-24

Wie kann man Box-Shadow auf allen vier Seiten anwenden?

Anzahl der Antworten 6 Antworten
Ich bin versucht, eine box-shadow auf allen vier Seiten. Ich konnte nur auf 2 Seiten: Kommentar zu dem Problem CSS3please.com ist immer hilfreich für diese Art von Sachen... Kommentarautor: sscirrus InformationsquelleAutor der Frage dragonfly | 2011-04-09

Verwenden von Css Sprites und Hintergrundposition

Anzahl der Antworten 5 Antworten
Ich habe ein div-element, sagen wir der Breite 200px und Höhe 200px. Ich brauche ein kleines Bild angezeigt wird auf der oberen rechten Ecke des div. Wie man normalerweise tun würde, wäre es mit background: url(/images/imagepath.png) top

Wie zentriere ich horizontal ein Span-Element innerhalb eines div

Anzahl der Antworten 6 Antworten
Ich versuche die Mitte der beiden links "view website" und "view-Projekt' innerhalb des umgebenden div. Kann mir jemand erklären, was ich tun müssen, um diese Arbeit zu machen? JS Fiddle: http://jsfiddle.net/F6R9C/ HTML <div> <span> <a href="#" target="_blank">Visit

Festlegen von Stil und Gewicht für Google Fonts

Anzahl der Antworten 3 Antworten
Ich bin mit Google fonts in ein paar meiner Seiten und schlagen eine Mauer bei dem Versuch, Variationen einer schriftart. Beispiel: http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans Bin ich importieren, drei Gesichter, Normal, Bold, ExtraBold über das link-tag. Die normalen Gesicht korrekt

Können Sie mit CSS Text spiegeln / spiegeln?

Anzahl der Antworten 10 Antworten
Ist es möglich, CSS/CSS3, Spiegel text? Speziell, ich habe diese Schere char " ✂ " ( &#9986; ), dass ich möchte, um anzuzeigen, zeigen Sie die Links und nicht rechts. Kommentar zu dem Problem - Öffnen Wenn

Ändern Sie die Farbe des PNG-Bildes über CSS?

Anzahl der Antworten 7 Antworten
Erhalten eine transparente PNG anzeigen einer einfachen Form in weiß, ist es möglich, irgendwie die Farbe ändern, dies über CSS? Eine Art overlay oder was nicht? Kommentar zu dem Problem Nicht sicher, ob dies helfen werden, sondern

Die Verwendung von cm / mm auf dem CSS einer Webanwendung, die Papierinteraktionen repliziert, ist eine gute Übung?

Anzahl der Antworten 1 Antworten
Ich bin Aufbau einer web-Anwendung, die die Interaktion mit Dokumenten für den späteren Druck. In einigen Punkten ist ähnlich wie Google Docs. Ich bin am überlegen mit cm/mm auf der CSS von meinem Dokumente-Seiten, weil es mir

Gibt es eine Möglichkeit, SVG als Inhalt in einem Pseudoelement zu verwenden: before oder: after

Anzahl der Antworten 5 Antworten
Möchte ich einige SVG-Bildern, bevor einige ausgewählte Elemente. Ich bin mit JQuery aber das ist irrelevant. Ich hätte gerne die :before-element: #mydiv:before { content:"<svg.. code here</svg>"; display:block; width:22px; height:10px; margin:10px 5px 0 10px; } Wenn ich es

Wie bekomme ich die Bounding Box für das Element div in jquery?

Anzahl der Antworten 3 Antworten
möchte ich berechne bounding-box für div-element per jquery/javascript. ich habe versucht, wie diese . //Left side of box document.getElementById("myElement").offsetLeft; //Top side of box document.getElementById("myElement").offsetTop; //Right side of box document.getElementById("myElement").offsetLeft + document.getElementById("myElement").offsetWidth; //Bottom side of box document.getElementById("myElement").offsetTop +

CSS-Eigenschaften: Anzeige und Sichtbarkeit

Anzahl der Antworten 4 Antworten
Was ist der Unterschied zwischen Display vs. Visibility Eigenschaften? Kommentar zu dem Problem möglich, Duplikat der Was ist der Unterschied zwischen visibility:hidden und display:none Kommentarautor: kennytm @KennyTM: das ist vorausgesetzt, OP ist zu Fragen, speziell zum Vergleich

Warum sollte ich keine ID-Selektoren in CSS verwenden?

Anzahl der Antworten 3 Antworten
Ich war schockiert von dieser Zeile "Don' T verwenden Sie ID-Selektoren in CSS". Ist es wahr? Ich fand viele Beiträge geschrieben haben. http://mattwilcox.net/archive/entry/id/1054/ http://screwlewse.com/2010/07/dont-use-id-selectors-in-css/ http://oli.jp/2011/ids/ Denke ich, können wir die ID für die Selektoren. Will ich noch

Verlaufsfarben im Internet Explorer

Anzahl der Antworten 10 Antworten
Ich weiß, dass Internet Explorer hat einige proprietäre Erweiterungen, so dass Sie Dinge wie das erstellen von divs mit einem Farbverlauf im hintergrund. Ich kann mich nicht erinnern, den Namen des Elements oder es Verwendung. Hat jemand

Browsers Standard-CSS für HTML-Elemente

Anzahl der Antworten 2 Antworten
Wo finde ich einen browser als Standard-CSS für HTML-Elemente? Viele HTML-Elemente zu kommen mit ein paar Standard-CSS-Eigenschaften, die manchmal dazu führen, unbekannte/unerwünschte Verhalten. Zum Beispiel die Eingabe Felder angezeigt werden unterschiedlich in verschiedenen Browsern. Ich bin auf

Spiegeln / Invertieren / Spiegeln von Text nur mit CSS

Anzahl der Antworten 1 Antworten
Ich habe einige googeln und hier ist meine Antwort <!--[if IE]> <style> .mirror { filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1); } </style> <![endif]--> <style> .mirror { display:block; -moz-transform: matrix(-1, 0, 0, 1, 0, 0); -webkit-transform: matrix(-1, 0, 0, 1, 0, 0);

Problem mit Input & amp; Wählen Sie die Taghöhe im Formular aus

Anzahl der Antworten 5 Antworten
Hallo, ich mache eine form also, das problem ist, wenn ich die gleiche Höhe & Breite Eingang & wählen Sie tag, so dass das select-tag ist nicht die gleiche Höhe wie input-tag..... können Sie mir empfehlen, was

Legen Sie die Breite des Dropdown-Elements in HTML fest und wählen Sie Dropdown-Optionen

Anzahl der Antworten 7 Antworten
Ich arbeite an einer website, beinhaltet das automatische füllen einer select-box mit einem PHP-Skript. Das alles funktioniert wunderbar außer das problem ist, dass das, was ich benutze, um füllen Sie das Textfeld haben sehr lange Titel (Sie

Div Scrollbar - Irgendeine Art, es zu stylen?

Anzahl der Antworten 5 Antworten
Gibt es trotzdem zu kontrollieren, das styling, die scrollbars von einem div-tag? Ich bin erleben einige Kontrast-Probleme zwischen IE7 und FireFox 3.5.2. Jede Hilfe wäre sehr geschätzt werden! InformationsquelleAutor der Frage Dan Appleyard | 2009-08-10

Seite "Gemischte Inhalte": hat einen unsicheren Stylesheet-Fehler angefordert

Anzahl der Antworten 4 Antworten
Ich habe eine Webseite, die daran arbeiten. wenn ich öffnen Sie eine Seite mit http://- Protokoll, jedes Ding wird richtig geladen, aber wenn ich versuche die Seite zu laden mit einem https-Protokoll, wird die Seite geladen, aber

Der Footer-Hintergrund sollte bis zum unteren Rand des Browsers reichen

Anzahl der Antworten 11 Antworten
Ich habe ein problem mit der Befestigung der footer an den unteren Rand des Browsers .. Das problem ist, wenn die änderung der Auflösung oder windows passt die Größe der Fußzeile Inhalt überschneidet sich der Inhalt der

HTML: Wie man 2 Tabellen mit unterschiedlichen CSS erstellt

Anzahl der Antworten 5 Antworten
Ich möchte zwei Tabellen (auf der gleichen Seite), die sollte machen anders (D. H. mit verschiedenen CSS-Datei für jede Tabelle). Ist es möglich? Kommentar zu dem Problem Weisen Sie unterschiedliche CSS-Klassen zu jedem? Kommentarautor: trojanfoe InformationsquelleAutor der

Stylingteil des OPTION-Textes

Anzahl der Antworten 3 Antworten
Ich habe eine SELECT-Liste mit mehrere OPTION-Elemente. Hier ist meine naive Herangehensweise an styling Teil der option-text: <select name="color"> <option value="0">red <span style="font-weight: bold;">SLOW</span></option> <option value="1">blue <span style="font-weight: bold;">SLOWER</span></option> <option value="2">green <span style="font-weight: bold;">SLOWEST</span></option> </select> Funktioniert nicht:

Ändern der Farbe der Navigationsleiste nach dem Scrollen?

Anzahl der Antworten 7 Antworten
Wie kann ich die navbar mit keine hintergrund Farbe? Beim scrollen nach unten nach einem div die nav-bar bekommt einen neuen hintergrund-Farbe (die nav-bar, die behoben werden sollte an der Spitze, ich benutze navbar-fixed-top im Bootstrap) Ich

Warum stimmen Browser CSS-Selektoren von rechts nach links ab?

Anzahl der Antworten 3 Antworten
CSS-Selektoren sind aufeinander abgestimmt, die von browser-engines von rechts nach Links. So finden Sie zuerst die Kinder und dann prüfen Sie Ihre Eltern, um zu sehen, wenn Sie mit dem rest der Teile von der Regel. Warum

So entfernen Sie den Rahmen der Dropdown-Liste: CSS

Anzahl der Antworten 3 Antworten
Möchte ich den Rahmen zu entfernen, dass wird, kommen nur außerhalb der drop-down-Liste aus. Ich bin versucht: select#xyz option { Border: none; } Aber nicht für mich arbeiten. Kommentar zu dem Problem Schau mal hier stackoverflow.com/questions/1895476/... Kommentarautor:

get document.styleSheets nach Namen statt nach Index?

Anzahl der Antworten 3 Antworten
Dokument.styleSheets verwendet wird, mit einem index aber was ist, Wenn ich Sie benutzen will stylesheet.insertRule mit einer speziellen CSS-Datei ? Kenne ich dem Namen der Datei, die injiziert wird, um eine Seite und irgendwann über JS. Kommentar

Benutzerdefinierte Eingabe [type = "submit"] style funktioniert nicht mit der Schaltfläche jquerymobile

Anzahl der Antworten 2 Antworten
Will ich mit meinem eigenen Stil auf input[type="submit"] - Taste mit jquerymobiles-Taste, aber es funktioniert nicht. Mein html code ist: <input type="submit" value="Button name"> Mein css-code ist: input[type="submit"] { border:1px solid red; text-decoration:none; font-family:helvetica; color:red; background:url(../images/btn_hover.png) repeat-x;

Welche Grenzradius-Eigenschaft wird in IE9 funktionieren?

Anzahl der Antworten 3 Antworten
Im IE9, die border-radius-Eigenschaft funktionieren??? border-radius:20px -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius:20px oder ms-border-radius:20px InformationsquelleAutor der Frage Jitendra Vyas | 2010-07-02

CSS-Datei mit jquery hinzufügen

Anzahl der Antworten 8 Antworten
Erstelle ich ein Popup und ich möchte hinzufügen, eine css-Datei, des Popup-Fensters unten ist der code des Popup-Fensters. Ich habe ein javascript erstellt ein Popup. <a href="popupwindowcontent.xhtml" title="Print" class="popupwindow">Print1</a> Nun möchte ich hinzufügen, dass eine css-Datei, um

Überschreiben von CSS-Stilen des jQuery UI Tooltip-Widgets

Anzahl der Antworten 4 Antworten
Ich bin mit dem jQuery UI QuickInfo-widget <li> <div class="i1"> <a href="#inf-1"title="ΕΝΤΟΠΙΣΜΟΣ"> <span class="ui-icon ui-icon-search"></span> </a> </div> </li> <li><a href="#inf-2"title="ΠΛΗΡΟΦΟΡΙΕΣ"><span class="ui-icon ui-icon-info"></span></a></li> <li><a href="#inf-3"title="ΕΠΙΠΕΔΑ"><span class="ui-icon ui-icon-copy"></span></a></li> und ich schrieb das folgende CSS basierend auf Ihrem Beispiel, und

Wie ändere ich die Höhe eines & lt; br & gt;

Anzahl der Antworten 29 Antworten
Habe ich einen großen Absatz der text ist unterteilt in Absätze mit <br>'s: <p> Blah blah blah. <br/> Blah blah blah. Blah blah blah. Blah blah blah. <br/> Blah blah blah. </p> Möchte ich, daß die Kluft