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.
tr: Der Mauszeiger funktioniert nicht
10 Antworten
Ich versuche zu markieren (ändern Sie hintergrund-Farbe) die gesamte Zeile, wenn sich der Mauszeiger schwebt über eine Zeile in der Tabelle. Ich durchsuchte das Netz und es sollte funktionieren, aber es funktioniert nicht. Ich bin es angezeigt
So blenden Sie eine & lt; -Option & gt; in einem & lt; select & gt; Menü mit CSS?
12 Antworten
Habe ich gemerkt, dass Chrome, wie es scheint, wird nicht zulassen, mich zu verstecken <option> im <select>. Firefox wird. Ich mich verstecken muss das <option>s, entspricht ein Suchkriterien. Im Chrome-web-tools kann ich sehen, dass Sie korrekt eingestellt
Wie verpacke ich Text in ein Pre-Tag?
12 Antworten
pre tags sind super-nützlich für code-Blöcke in HTML und für die debugging-Ausgabe, während das schreiben von Skripts, aber wie mache ich den text Zeilenumbruch anstelle des Drucks aus einer langen Zeile? InformationsquelleAutor der Frage adambox | 2008-10-29
css - Räume zwischen Spannen loswerden
6 Antworten
Ich versuche zu emulieren eine tab-Leiste mit html Ich würde gerne die Breite der einzelnen Registerkarten festgelegt werden, nach der Textlänge (keine Feste Breite) und der Zeilenumbruch im Fall übertrifft es die Bildschirmbreite Habe ich fast erreicht,
Wie ändert man die Farbe des SVG-Bildes mit CSS (jQuery SVG Image Replacement)?
14 Antworten
Dies ist ein selbst-F&ein handliches Stück code, das ich mir ausgedacht habe. Derzeit gibt es nicht eine einfache Möglichkeit zum einbetten von SVG-Bild und haben dann Zugriff auf die SVG-Elemente über CSS. Es gibt verschiedene Methoden der
HTML Problem bei der Cursorpositionierung in Chrome, wenn der Wert leer ist
8 Antworten
Erst vor kurzem habe ich bemerkt, text-Eingänge haben ein Problem bei der Anzeige in Google Chrome, aber nur, wenn der text leer ist. Beachten Sie, wie im oberen Bild, wenn die Eingabe leer ist, wird der cursor
CSS-Bildlaufleistenbreite
7 Antworten
Leute, ist es möglich, erhöhen Sie die Breite der Bildlaufleiste auf eine <div> element im Innern der <body>? Ich spreche nicht über die Standard-scrollbar auf der browser selbstdiese Seite wird in den Vollbildmodus und da die browser-scrollbar
MarginLeft mit jQuery animieren
3 Antworten
Kann ich nicht herausfinden, zu animieren marginLeft mit jQuery. Ich brauche es, um zu subtrahieren 938px jedes mal, wenn ein Benutzer klickt auf einen link, der war in Ordnung arbeiten, wenn ich mit .css()aber ich kann nicht
Vollbild-Iframe mit einer Höhe von 100%
11 Antworten
Ist iframe height=100% wird in allen Browsern? Ich bin mit doctype: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> In mein iframe-code, wenn ich sage: <iframe src="xyz.pdf" width="100%" height="100%" /> Meine ich, wird es tatsächlich in der
Wie man die Mindesthöhe auf den Tisch drückt
11 Antworten
Habe ich diese code : <table cellspacing="0" cellpadding="0" border="0" style="width:415px"> <tbody> <tr valign="top"> <td style="font-family:Arial;min-height:60px;font-size:12px;line-height:14px;"> This is my text that I need in 2 lines </td> </tr> <tr valign="top"> <td style="font-size:12px;line-height:14px"> Second Line </td> </tr> </tbody> </table>
Wie man bootstrapp Dropdown über dem Gegenstand rendert?
1 Antworten
Habe ich diese HTML -, das macht eine bootstrap-dropdown unter dem Objekt. Es ist möglich, es erscheinen oben die Schaltfläche "Titel"? <div class="btn-group"> <a class="btn dropdown-toggle" data-toggle="dropdown"> Title <span class="caret"></span> </a> <ul class="dropdown-menu"> <li class="dropdown-submenu"><a>Option 1</a></li> <li
Überprüfen Sie, ob Element ein Div ist
10 Antworten
Wie kann ich überprüfen, ob $(this) ist ein divul oder blockquote? Beispiel: if ($(this) is a div) { alert('its a div!'); } else { alert('its not a div! some other stuff'); } InformationsquelleAutor der Frage James |
So erhalten Sie die Rahmenbreite in jQuery / javascript
6 Antworten
Wie kann ich analysieren, die Rahmenbreite aus style="border: solid 1px black;" in jQuery/javascript? $elem.css('border-width') nicht tun. Hinweis: ich muss analysieren, die Breite aus dem css, da das element display:none Dank Bearbeiten ich bin eigentlich nicht mit einem
CSS-Werte mit Javascript ändern
9 Antworten
Es ist einfach zu set-inline-CSS-Angaben mit javascript. Wenn ich will, um die Breite zu ändern, und ich habe in html so: <div style="width: 10px"></div> Alles, was ich zu tun ist: document.getElementById('id').style.width = value; Es wird sich ändern,
Absolute Position und Überlauf: versteckt
5 Antworten
<div id="parent" style="overflow:hidden; position:relative;"> <div id="child" style="position:absolute;"> </div> </div> Ich muss child-element, die größer ist, als es die Eltern-element, aber ohne entfernen overflow:hidden; ist das möglich? das parent-element hat position:relative; child-Elements wird abgestreift, sobald es aus dem
Wie bekomme ich ein dreispaltiges Layout mit Twitter Bootstrap?
4 Antworten
Ich bin versuchen, um eine drei-Spalten-layout ist wie folgt: http://www.manisheriar.com/holygrail/index.htm Sollte es ein fixed width - fluid width - fixed width layout. Mit Twitter Bootstrap der linken Seitenleiste und Flüssigkeitshaushalt große Arbeit. Aber ich brauche die Zugabe
Zentrieren von FontAwesome Icons vertikal und horizontal
6 Antworten
Ich bin derzeit mit FontAwesome, und habe eine wirklich harte Zeit, die Zentrierung der Symbole sowohl vertikal als auch horizontal in Ihrem container. Ich habe versucht, es zu tun über die Positionierung und lief in Probleme v.
Wie bekomme ich Box-Shadow auf die linke & amp; nur rechte Seiten
11 Antworten
Irgendeiner Weise zu bekommen, box-shadow auf Links & rechts (horizontal?) Seiten nur mit keine hacks oder Bilder. Ich bin mit: box-shadow: 0 0 15px 5px rgba(31, 73, 125, 0.8); Aber es gibt Schatten ringsum. Ich habe keine
Wie standardisiert man die Höhe einer Auswahlbox zwischen Chrome und Firefox?
10 Antworten
Check-out http://demo.neeraj.name/admin_data in Chrome und Firefox. In Firefox wählen Sie die box hat große Höhe. In Chrome die Höhe der select-box ist sehr klein. Wie mache ich die select-box von chrome und safari sehen aus wie die
horizontale Bildlaufleiste oben und unten am Tisch
11 Antworten
Habe ich eine sehr große table auf meiner Seite. Also habe ich beschlossen, eine horizontale Bildlaufleiste, die auf den unteren Rand der Tabelle. Aber ich möchte diese scrollbar sein, auch auf der Oberseite auf dem Tisch. Was
Schriftgröße: 62,5% vs. Schriftgröße: 10px
2 Antworten
Für eine lange Zeit habe ich mit body {font-size:62.5%;} in CSS-Dokumenten, da es eigentlich zu machen 1em gleich 10px. Allerdings habe ich vor kurzem bemerkt, dass dies nicht der Fall bei mir im Internet Explorer. Anstatt also,
Css Pseudoklassen Eingabe: nicht (deaktiviert) nicht: [Typ = "Senden"]: Fokus
3 Antworten
Ich möchte einige css für die Elemente Eingänge und ich möchte, dass nur für Eingänge, die nicht deaktiviert werden und sind nicht senden-Typ, unter css nicht funktioniert, vielleicht, wenn jemand kann mir erklären, wie diese Hinzugefügt werden
Text zentrieren in div?
13 Antworten
Ich habe eine div 30px hoch und 500px breit. Diese div können zwei Zeilen text eine unter der anderen, und ist gestaltet (gepolstert) entsprechend. Aber manchmal ist es enthält nur eine Zeile, und ich möchte es zentriert
Fügen Sie einen Inline-Stil mit Javascript hinzu
10 Antworten
Ich bin versucht, fügen Sie diesen code, um einen dynamisch erzeugten div-element style = "width:330px;float:left;" Die den code erstellt die dynamische div ist var nFilter = document.createElement('div'); nFilter.className = 'well'; nFilter.innerHTML = '<label>' + sSearchStr + '</label>';
Zentrum & lt; ul & gt; & lt; li & gt; in div
16 Antworten
Nach einiger Suche habe ich nicht gefunden, einen richtigen Weg zum center, eine Liste der <li> in einer festen Breite div. Werfen Sie einen Blick auf die Seite.. Es funktioniert auch nicht! InformationsquelleAutor der Frage menardmam |
Wie man eine Fußzeile an die Unterseite der Seite drückt, wenn der Inhalt kurz ist oder fehlt?
6 Antworten
Ich habe eine Seite mit einem äußeren div umschließt, die einen header -, content-und footer-div. Ich möchte die Fußzeile mit div-umarmen und den Boden des browser, auch wenn das content-div ist nicht groß genug, um zu füllen
jQuery Sparklines und Twitter Bootstrap 3 - Tooltip Style Overrides?
4 Antworten
Hier geht es: ich bin versucht, jQuery Sparklines mit Twitter Bootstrap 3. In dem Prozess, der tooltip von Sparklines lose styling, und es ist klar, dass die Bootstrap-css überschreiben, etwas in der Sparklines JS. Soweit ich kann,
Horizontal zentriert / gleichmäßig verteilt & lt; li & gt; innerhalb von & lt; ul & gt; innerhalb eines & lt; div & gt;
8 Antworten
Haben eine Navbar <div>innen ist eine <ul> und jede <li> enthält eine <a> mit einem link (dieser wird für eine Navigationsleiste) Schaute ich auf google und dieser Website und ich konnte nicht genau das finden, was ich
Fügen Sie CSS3-Übergang hinzu, erweitern / reduzieren
5 Antworten
Wie füge ich einem erweitern/reduzieren-übergang? http://jsfiddle.net/Bq6eK/1 InformationsquelleAutor der Frage Felix | 2012-07-16
show / hide HTML-Tabellenspalten mit CSS
4 Antworten
Möchte ich anzeigen, um eine einfache html-Tabelle mit Steuerelementen zu wechseln zum ein-und ausblenden zusätzlicher Spalten: <table id="mytable"> <tr> <th>Column 1</th> <th class="col1">1a</th> <th class="col1">1b</th> <th>Column 2</th> <th class="col2">2a</th> <th class="col2">2b</th> </tr> <tr> <td>100</td> <td class="col1">40</td> <td
SASS: nicht Selektor
1 Antworten
Ich habe eine :not css-Selektor in SASS-mixin, aber es nicht tun: Code-Snippet: @mixin dropdown-pos($pos:right) { &:not(.notip) { @if $comp-tip == true{ @if $pos == right { top:$dropdown-width * -0.6; @include tip($pos:$pos); } } } &.notip { @if
Chrome-Entwicklertools: Wie finde ich heraus, was eine CSS-Regel überschreibt?
3 Antworten
Gut, das ist ziemlich einfach. Wenn Chrome die Developer Tools zeigt mir, dass ein Stil ist außer Kraft gesetzt, wie um zu sehen, welche CSS-Regel überschreiben? Ich will wissen, ob es so etwas wie "Zeigen Sie mir,
Begrenzen Sie die Textlänge mit CSS auf n Zeilen
9 Antworten
Ist es möglich, zu begrenzen, einen text Länge "n" - Zeilen die Verwendung von CSS (oder schneiden Sie es, wenn überläufe vertikal). text-overflow: ellipsis; funktioniert nur für 1 Zeile text. original text: Ultrices natoque mus mattis, aliquam,
Text um ein Bild mit Einrückung und Rechtfertigung einwickeln
1 Antworten
Ich etwas machen will, wie dies Das problem ist, ich brauche die p auf einen Einzug und Blocksatz als Ausrichtung. Ich konnte schweben, das Bild auf der linken Seite und legen Sie dann die Anzeige der h3
CSS-Selektor (ID enthält einen Teil des Textes)
2 Antworten
Ich habe eine Frage. Ich habe Elemente, so etwas wie dieses: <a> element mit id = someGenerated Einige:Gleich:0:name <a> element mit id = someGenerated Einige:Gleich:0:Familienname <a> element mit id = someGenerated Einige:das Gleiche:1:name <a> element mit id
Gibt es einen Grund, warum das Padding zur Größe eines Elements beiträgt?
7 Antworten
War ich sehr überrascht, als ich fand, dass <div> mit einer Größe von - sagen wir - 200px wird 220px breit, wenn man ihm 10px padding. Es macht einfach für mich keinen Sinn, die externe Größe, sollten
Bild mysteriös ignorieren maximale Breite in Firefox & amp; IE
2 Antworten
Ich versuche also, um die Bilder so groß wie möglich ohne Beschnitt auf jeder Bildschirmgröße. Dies bedeutet height: 100%; width: auto im landscape und width: 100%; height: auto im portrait. Ich bin die Bilder, die sind groß
Wie wird Internet Explorer 8 zur Unterstützung des nten child () CSS-Elements verwendet?
4 Antworten
Möchte ich ein zebra-Streifen-Effekt auf meine Zeilen. In allen anderen Browsern, es kann getan werden, mithilfe von CSS-nth-child-element. Aber ich will es tun, IE 8 auch. ALSO, wie kann ich es tun? InformationsquelleAutor der Frage surajR |
Text zu lang in dividieren
5 Antworten
<div style="display:inline-block;width:100px;"> very long text </div> irgendeiner Weise mit reinem css zu schneiden Sie den text, der zu lang eher als show auf die nächste Zeile und zeigen nur max 100px InformationsquelleAutor der Frage cometta | 2010-09-12
Ist CSS Turing abgeschlossen?
6 Antworten
CSS ist das nicht, soweit ich weiß, Turing-vollständig. Aber meine Kenntnisse von CSS ist sehr begrenzt. Ist CSS Turing-vollständig? Sind die bestehenden Entwurf oder Ausschüsse unter Berücksichtigung der Sprache-Funktionen, die möglicherweise aktivieren Turing-Vollständigkeit, wenn es nicht gerade
Bootstrap v2 Dropdown-Navigation funktioniert nicht auf mobilen Browsern
14 Antworten
Ich habe ein Problem mit der Bootstrap-Menü-dropdowns auf mobilen Geräten (Bootstrap-2). Eine ähnliche Frage wurde hier mit dropdown-buttons, aber die Antwort war ein inhärente Fehler in bootstrap wurde gelöst in einem update. Ich zu sein scheinen mit
IE - ausgeblendetes Optionsfeld nicht aktiviert, wenn auf das entsprechende Label geklickt wird
9 Antworten
Nur ich habe ein seltsames Verhalten im IE7. Habe ich radio-buttons mit den dazugehörigen Etiketten wie folgt: <input type="radio" name="filter" id="filter_1" value="Activities" checked="checked" /> <label for="filter_1">Activities</label> <input type="radio" name="filter" id="filter_2" value="Services" /> <label for="filter_2">Services</label> Den radio-button versteckt
Verhindern & lt; button & gt; vom Verschieben während des Klicks in IE
4 Antworten
Wenn Sie haben ein einfaches element in eine Seite und klicken Sie darauf (halten Sie die Maustaste beim klicken um den Effekt zu sehen) in IE8/9 klicken Sie auf die Schaltfläche verschiebt sich ein wenig nach unten
Google Chrome kopiert den CSS-Pfad in den Entwicklertools
4 Antworten
Google Chrome Developer Tools zeigt die CSS-Pfad (oder einen großen Teil davon) für das ausgewählte element an der Unterseite der Symbolleiste. In Firebug, Sie sind in der Lage, rechts-klicken Sie auf einen Selektor im CSS-Pfad, und schnappen
Parallax Scrollen nur mit CSS?
5 Antworten
Ich habe an einem Projekt arbeiten und ich bin mit dem Inhalt geschieht. Für das design jedoch, ich denke, mit dem parallax-scrolling-Technik. Jedoch, alles, was ich in der Lage gewesen, zu erfahren, es wurde mit JavaScript oder
Müssen beim Brennen in Chrome die href-Werte entfernen
5 Antworten
Ich versuche, passen Sie die Druck-CSS, und zu finden, der es druckt die links aus, mit der href Wert sowie den link. Dies ist in Chrom. Für dieses HTML: <a href="http://www.google.com">Google</a> Er druckt: Google (http://www.google.com) Und ich
SCSS / SASS: Wie man eine Liste von Klassen mit Kommas dynamisch erzeugt, die sie trennen
3 Antworten
Arbeite ich mit der SCSS-syntax von SASS zum erstellen einer dynamischen grid-system, aber ich habe getroffen einen Haken. Ich versuche zu machen das grid-system komplett dynamisch wie diese: $columns: 12; dann Erzeuge ich die Spalten so: @mixin
Box-Shadow auf IE9 rendert nicht korrektes CSS, funktioniert bei Firefox, Chrome
11 Antworten
Ich versuche zu simulieren, die eine schwebende modale box-Typ-Sache, aber habe ein Problem mit IE9 und seine box-shadow Umsetzung. Hier finden Sie eine übersicht der code, den ich verwende, die duplizieren können, das Problem: <html> <head> <title>Sample
Autosizing Textarea mit Prototype
17 Antworten
Zur Zeit arbeite ich an einer internen sales-Anwendung für die Firma für die ich arbeite, und ich habe eine form, die dem Benutzer ermöglicht, die Lieferanschrift zu ändern. Nun ich denke, es würde viel schöner Aussehen, wenn
Nexus 7 screen.width gibt 800 zurück, aber media query max-width: 720px gilt weiterhin
1 Antworten
Ich habe ein Google Nexus 7 tablet verwende ich zum testen einige responsive designs. In Javascript, die screen.width kehrt als 800px, wie erwartet (die native Auflösung). Kommen, wie die folgende media query nahm von dem Tablett, wenn