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.

css erstellen abgerundeten Schatten unter ein quadratisches Bild

Anzahl der Antworten 1 Antworten
Ist es ein Weg, um erstellen Sie eine abgerundete Schatten-Effekt unter einem quadratischen Bild wie das in der Bild? Ich war auch auf der Suche bei diese website, die sagt, dass diese Art von Effekt möglich ist,

flex-container mit min-height im IE ignoriert

Anzahl der Antworten 3 Antworten
Soweit ich in der Lage gewesen, sich zu versammeln, wenn die Arbeit mit IE10 /IE11 ich sollte in der Lage sein, die Verwendung der standardisierten flex-Bezug. Ich habe einen div-container und 2 child-divs. Den 2 child-divs sind

Wie kann ich ausblenden ein bestimmtes div mit der css-in-Internet-Explorer 8?

Anzahl der Antworten 2 Antworten
Ich habe ein CSS-Formular erstellt, das ist toll-in allen Browsern, Bildschirmgrößen, etc. außer dem IE 8. Es ist nicht wichtig genug, um Durcheinander mit es, und ich will einfach nur verstecken, es für die Nutzer des IE

Gebäude Bootstrap mit Less zu ändern @icon-font-path

Anzahl der Antworten 2 Antworten
Benutze ich boostrap mit bower und gulp. Erste mal, dass ich kopiert die bootstrap.css von der bower_components auf meiner Website dist Ordner und alles seemd zu arbeiten. Hovever, die ich beobachtet habe, dass ich kein glyphicons. Dies,

Html-Grenze-Trennzeichen in der Kopfzeile zwischen ul-li-tags

Anzahl der Antworten 2 Antworten
Blick auf mein problem: Jetzt habe ich: , Was ich tun muss: Ich habe versucht zu tun, mit Rand, aber nichts happends. Hier ist mein code: <ul id="tabMenu"> <li class="dropdown"><div><a class="tab1"><div class="dropdown_text">поиск по производителю</div></a></div></li> <li class="dropdown"><div><a class="tab2"><div

Klebrige Navigationsleiste im header

Anzahl der Antworten 2 Antworten
Hallo, ich versuche, meine navigation im Menü bleiben Sie an der Spitze meiner Seite. Dem Suchfeld der Hilfe sind auf top-aber ich will main, die navigation und auf die Stelle zu, wo ist StackExchange aber mehr in

Display overlay zu decken ganze Seite

Anzahl der Antworten 2 Antworten
Ich habe eine web-app, die Belastung innerhalb einer iframe. Ich brauche zur Anzeige von overlay-div bedecken die ganze Seite. Das problem ist, dass das overlay zeigt derzeit nur in der iframe Bereich und nicht für die ganze

Halten Fußzeile am unteren Rand, aber nicht klebrig?

Anzahl der Antworten 3 Antworten
Meine grundlegende layout ist einfach: <header></header> <main></main> <footer></footer> Wenn ich meine Fußzeile position:fixed es hält sich an der Unterseite der Seite, aber ist ein "sticky" footer und bedeckt content beim scrollen erforderlich ist. Ich würde gerne zu

So ordnen Sie eine Klasse Eigenschaft textarea-tag?

Anzahl der Antworten 2 Antworten
Ich habe eine text-area-tag, wollte schreiben-water-mark-Funktionalität. So, ich habe zugewiesen, eine Klasse (css) zu diesem tag. aber es ist nicht immer anerkannt. wenn ich Schreibe, css-Stil für die textarea ID, es funktioniert. function renderhtml(subgrid_id, row_id) {debugger; var

Gibt es eine Möglichkeit zum deaktivieren von media queries unter bestimmten Bedingungen?

Anzahl der Antworten 3 Antworten
Ich bin mit dem gleichen stylesheet für die Haupt-Website, sowie eine "Vorschau" der Seite (NICHT in einem iframe, weil ich es brauche interaktiv). Die Fragen, die Vorschau nicht bis 100% der Bildschirmbreite, so dass, wenn media queries

Popup-Div-Anker bei mouse-hover/Klick

Anzahl der Antworten 2 Antworten
Ich bin neu in Web-Programmierung. Ich will etwas umsetzen, wie in facebook, wenn wir schweben unsere Maus über den link, ein Pfeil-floating-div, der Anker auf den der link zeigte auf es. Wie Sie alle Adressen, die Art

Flexbox: Wie rechtfertigen Sie Inhalte mit Raum-zwischen-UND haben alles zentriert?

Anzahl der Antworten 2 Antworten
Ich in ein problem mit flexbox. Ich habe einen div, der eine max-Breite von 920px. Ich will die Boxen Inhalt zu füllen, ist das div von Links nach rechts, um die max mögliche Breite, mit allem, was

Kann ich das überschreiben der Stylesheet-css für td mit bgcolor?

Anzahl der Antworten 1 Antworten
Brauche ich fix eine Website, die eine Standard-Formatvorlagen-Satz für TD: #cmsContent table td { background-color: #d7d7d9; } aber der client, mit dem CMS-editor will fügen Sie einige HTML-Code in dreamweaver erstellt, um den hintergrund von einigen tds,

jquery engsten finden frühere Geschwister, die keine Klasse haben

Anzahl der Antworten 2 Antworten
Ich bin ratlos bei dem Versuch, die nächste Vorherige element mit der Klasse "slide', die NICHT enthalten Klasse 'subsection' mit jQuery Beispiel-HTML: <section id="p1" class="slide"></section> <section id="p2" class="slide"></section> <section id="p3" class="slide"></section> <!--I AM TRYING TO GET THIS

jQuery Isotope Animation Verzögerung

Anzahl der Antworten 1 Antworten
Gespannt, ob jemand da draußen war in der Lage zu ändern, die CSS3-übergänge verwendet werden, mit jquery Isotope, um eine Verzögerung hinzufügen, wie die Elemente shuffle mit so etwas wie "transition-delay: 0s, 1s;". Ich würde gerne shuffle

Simulation von Farbe Haltestellen in Steigungen für den IE

Anzahl der Antworten 3 Antworten
Ich möchte ein div ein Verlauf mit mehreren Farben-Haltestellen, die IE filter-Eigenschaft nicht unterstützt. Jemand eine kreative Abhilfe zu simulieren, die Farbe hält im IE? Ich dachte schon schaffen, mehrere divs nebeneinander... sonst noch etwas? Dank! Ich

Wie man div erweiterbar mit Inhalt bei der Einstellung min-height-Eigenschaft als auch in CSS

Anzahl der Antworten 2 Antworten
Habe ich eine master-Seite in asp.net die haben keinen server-Seite Steuern als jetzt. Ich verwendet, div, wo jeder lieber als Tabelle. Es gibt nicht einmal einen einzigen Tisch, der gerade jetzt in der Seite. Nun, Wenn ich

Onclick-Ereignis auszulösen, ein weiteres overlay div

Anzahl der Antworten 2 Antworten
Ich habe ein Bild, möchte ich hinzufügen, dass einige Effekte. Hover-overlay div ich war in der Lage, um es hinzuzufügen. Nun, was ich tun möchte hinzufügen onclick Ereignis und zu einem anderen overlay div. Hier ist mein

cache-Header für dynamische css (erzeugt mittels PHP)

Anzahl der Antworten 2 Antworten
Meine CSS-Datei ist eigentlich eine PHP-Datei, das serviert wird mit content-type text/css so dass ich verwenden können PHP-Variablen in dieser Datei. style.php sieht wie folgt aus: <?php header('Content-Type: text/css'); $bgColor = '#000'; ?> body { background:<?php print

Kann Asp.net MVC-Bundle Transformation WENIGER in CSS?

Anzahl der Antworten 1 Antworten
Habe ich ein Projekt in Visual Studio 2015 mit Asp.Net MVC 5. Alle meine css-und js-Dateien verwiesen wird, die von bundle (BundleConfig Klasse + @Styles, @Scripts im cshtml Seiten). Nun bin ich mit dem Gedanken ein .weniger-Datei,

Hinzufügen von benutzerdefinierten hintergrund Bild, span, innen bootstrap-button?

Anzahl der Antworten 2 Antworten
Ich verwenden möchten, die benutzerdefinierte icon als Hintergrundbild innerhalb Spanne für einen bootstrap toggle-button. Ist es möglich, es zu erreichen, ohne Verwendung von fontawesome oder glyphicons? CSS: .icon-search { background-image: url("https://dl.dropboxusercontent.com/u/23295105/search.png"); background-repeat: no-repeat; background-position: center center; }

CSS Text unterstreichen zu lange, wenn letter-spacing angewendet wird?

Anzahl der Antworten 7 Antworten
Wenn letter-spacing angewendet wird, um etwas zu unterstreichen oder einen unteren Rand, wie es scheint, die Linie erstreckt sich über den text auf der rechten Seite. Gibt es irgendeine Möglichkeit, das zu tun verhindern, dass die Linie

jQuery fading "back to top" - link. Das laden der Seite link-Transparenz

Anzahl der Antworten 2 Antworten
Ich bin versucht, die Implementierung einer "back to top" link, der eingeblendet wird auf meine Seite, sobald ein Benutzer nach unten gescrollt die Seite einen bestimmten Betrag. Habe ich bemerkt, dass auf einigen meiner Seiten, die "back

Ändern der schriftart in iPython notebook markdown-Zellen

Anzahl der Antworten 1 Antworten
Wollte ich nur ändern Sie die Standard-schriftart in Ipython (1.0.0) notebook markdown-Zellen, um etwas anderes, und versucht, das mit den style-tags in eine markdown Zelle statt über den Weg der Schaffung einer Gewohnheit.css. Ich weiß nicht, CSS,

Markieren Sie das ausgewählte Menüelement in einer web-Seite

Anzahl der Antworten 4 Antworten
Mein Menü html wie folgt Aussehen: <i class="icon-remove menu-close"></i> <a class="scroll" href="#intro">Home</a> <a class="scroll" href="#about">About</a> <a class="scroll" href="#services">Services</a> <a class="scroll" href="#team">Team</a> <a class="scroll" href="#portfolio">Portfolio</a> <a class="scroll" href="#contact">Contact</a> CSS .menu a:hover { background:#e9d319; color: #000; } .menu a.active

DIVs flackern bei der Positionierung von Ihnen behoben, die beim scrollen innerhalb eines Div

Anzahl der Antworten 5 Antworten
Ich habe 4 DIVs, und ich bin wechselnden Positionen der 4 Elemente auf Blättern wie unten function adjustPositions(e) { var div = e ? $(this) : $('.parent'); div.find('.left').css({ left: div.scrollLeft() + "px" }); var right = div.find('.right');

Woocommerce Kürzlich Aufgerufene Artikel WordPress

Anzahl der Antworten 2 Antworten
Ich möchte in meiner website die "Kürzlich Angesehen Produdcts" - widget. Ich fand heraus, dass ich tun kann, dass Sie mit einem shortcode, wie Sie hier erwähnt: http://www.wpexplorer.com/woocommerce-recently-viewed-products-shortcode/ Nach der Umsetzung dieses Kodex und die Erstellung von

hide scrollbar, wenn nicht scrollen

Anzahl der Antworten 3 Antworten
Ich würde gerne ausblenden der scrollbar, wenn der Benutzer nicht scrollen, das heißt, wenn der Benutzer scrollt, wird die Bildlaufleiste angezeigt werden sollte (nur die scrollbar nicht dem scroll-track), während, wenn der Benutzer nicht scrollen, es sollte

Django Formulare Template-design-Klassen

Anzahl der Antworten 4 Antworten
Forms-framework Django ist hervorragend und macht die ganze form, indem Sie einfach die folgenden. {{ form.as_p }} Für ein Anmeldeformular, er wandelt oben in: <p><label for="id_username">Username:</label> <input id="id_username" type="text" name="username" maxlength="30" /> Required. 30 characters or fewer.

Deaktivieren Sie die erste zoom beim betrachten einer Seite mit mobile

Anzahl der Antworten 3 Antworten
Gibt es eine Möglichkeit zum deaktivieren das erste zoom-bekommen Sie beim betrachten einer Seite mit Ihrem smartphone? Möchte ich nicht deaktivieren, zoom, ich möchte nur die Benutzer anzeigen, um die gesamte Seite (=> Breite) beim laden und

Ist es möglich, erstellen Sie eine CSS-only-Akkordeon?

Anzahl der Antworten 2 Antworten
Ich bin denken über die Verwendung eines Akkordeons in einer "bitte Javascript aktivieren" - Seite, aber ich weiß nicht, ob es ist möglich, mit CSS nur. Ich bin mir fast sicher, dass es für die meisten Browser,

Unterschied size font-rendering unter Windows VS MacOS. Wie zu lösen?

Anzahl der Antworten 3 Antworten
Ich habe mich schon gewundert, warum auf windows meine Schrift kleiner aussieht und noch viel beschissener ist, als auf OSX. Screenshot Mac VS Windows : http://screencast.com/t/UUxqLRhM Ist, dass, weil ich "em" über einige Regeln, anstatt "px" ?

css nur horizontaler subnav

Anzahl der Antworten 1 Antworten
Ich Baue eine CSS-nur zwei-level horizontal navigation bar mit relativen sub-navigation zu den Eltern. Alle Menü-Elemente sind inline. Abhängig von den Klassen 'rechts' oder 'Links', die sub-nav, ausgerichtet auf die Eltern. Dies ist, was ich es geschafft

Wie man den owl-Karussell-die navigation außerhalb der div

Anzahl der Antworten 3 Antworten
Ich versuche zu machen, die app carousel für meine website, aber ich bin stecken in diesem Teil bekomme ich nicht, wie bekomme ich die nav-Tasten-stick an den Seiten. ich bin mit Eule Karussell nav-Tasten Hier ist, wie

CSS Zentrierung tricks

Anzahl der Antworten 9 Antworten
So wie es momentan steht, diese Frage ist nicht eine gute Passform für unsere Q&A-format. Wir erwarten Antworten auf Tatsachen gestützt, Referenzen und know-how, aber diese Frage wird wahrscheinlich werben Debatte, Argumente, polling, oder erweiterte Diskussion. Wenn

Vaadin - Färbung Tabelle-Zellen basierend auf dem Inhalt

Anzahl der Antworten 1 Antworten
Habe ich ein sehr einfaches Beispiel hier, wo ich versuche, die Farbe bestimmter Zellen, die basierend auf einem bestimmten string-Wert vorhanden in Zelle. Ich habe in print-Anweisungen, und ich bin der return - "grün" zurück "orange", etc...

Änderung div Höhe nach Bildschirmauflösung javascript

Anzahl der Antworten 1 Antworten
Hier ist das problem. Ich habe <div id="main"></div> Möchte ich überprüfen, Benutzer Auflösung und ändert seine Höhe nach user-Auflösung, mit javascript? Javascript: window.onload = function() { var height = screen.height document.getElementById(main).style.height = height; }; Ich auch versuchen,

IE, klicken Sie auf Kind nicht konzentrieren, Elternteil, Elternteil hat tabindex=0

Anzahl der Antworten 5 Antworten
BEARBEITEN: Siehe meine Antwort unten: https://stackoverflow.com/a/25953721/674863 Demo: http://jsfiddle.net/fergal_doyle/anXM3/1/ Ich habe ein div-Element mit tabindex=0, und ein Kind div mit einer festen Breite. Wenn ich auf das untergeordnete div ich erwarte, dass der äußere div-Element zu erhalten konzentrieren.

Scale und center image in variable-size-div mit JS

Anzahl der Antworten 3 Antworten
http://jsfiddle.net/3qMnM/1/ HTML: <div class="info-panel"></div> <div class="image"> <img src="http://placehold.it/960x1400"> </div> CSS: .image { height: 100%; width: auto; margin-right: 200px; } .info-panel { position: fixed; width: 200px; height: 100%; background-color: red; right: 0px; } Ich versuche skalieren Sie die

knockout.js Sicht nicht funktioniert, wenn der css-Stil angewendet wird

Anzahl der Antworten 5 Antworten
Ich habe ein Problem wo knockout.js 2.0 nicht angezeigt, in meinem Element, wenn ein CSS-Stil angewendet. Es wird nicht aktualisieren Sie die Anzeige mit dem Stil versehen wird. Wenn es ausgeschaltet ist, funktioniert es. CSS .success {

So fügen Sie eine Klasse je nach Bildschirm-Abmessungen mit AngularJS

Anzahl der Antworten 2 Antworten
Wie kann ich eine Klasse für ein element, abhängig von der aktuellen Bildschirm-Dimensionen? Nun, ich verwende Bootstrap ist hidden-xs und visible-xs es zu handhaben, aber dies erfordert duplizierten code und-Elemente in den DOM. Update: Überschreiben von Bootstrap

CSS: Einstellung einer bestimmten Tabellenzelle Höhe in Prozent auf dem Bildschirm?

Anzahl der Antworten 2 Antworten
Sagen, dass ich eine Tabelle mit zwei Zeilen und einer Zelle in jedem. Ich möchte die erste Zelle, die eine Höhe von 70% des Bildschirms oder webbrowser-Fenster. Wenn Sie die height-Eigenschaft festgelegt ist, in den tr-oder td-Zelle

CSS - Formatierung, Formulare mit label-tags

Anzahl der Antworten 3 Antworten
Ich habe ein Formular, dass ich versuche, layout semantisch und formatieren mit CSS. Wie es produziert wird dynamisch (von ASP.NET MVC), einige Elemente können dargestellt werden als text anstatt als input-tags, wie Sie gelesen werden können-nur für

Verpackung DIV in Anker-Tags oder sonst

Anzahl der Antworten 2 Antworten
Angenommen ich habe einen anklickbaren komplexe div - element-Struktur, die links zu einer anderen Seite wie folgt. Dies ist die Sache, die erreicht wird, die sich derzeit auf klicken Sie auf. Auf klicken (css :active-Zustand) ändern der

Flexbox außerhalb seines Containers

Anzahl der Antworten 3 Antworten
Ich versuche einen header-bar, in der es sind 3 Elemente, die zuerst nimmt man genau so viel Platz wie Sie können, während die anderen 2 nehmen so viel, wie Sie benötigen. | title | button | button

Wie zum ausblenden von div, wenn der browser in der Größe verändert?

Anzahl der Antworten 3 Antworten
Es ist schwer zu sagen, was hier gefragt. Diese Frage ist mehrdeutig, unklar, unvollständig, zu breit, oder der rhetorischen und nicht sinnvoll zu beantworten, die in seiner aktuellen form. Für Hilfe bei der Klärung dieser Frage, so

@Import von less-Dateien in begrenztem Umfang

Anzahl der Antworten 3 Antworten
Möchte ich alle importieren von Stilen aus einem anderen weniger-Datei, aber in begrenztem Umfang. Ich versuche dieses: "meine-Website.weniger" .wrapper-class { @import "path/to/styles.less"; } Aber das funktioniert überhaupt nicht. Ich bin mit dem browser-basierten less.js option, und ich

text-align innen div

Anzahl der Antworten 1 Antworten
Habe ich ein verschachteltes div-element: <div id="footer"> <div id="footer_text"> <p>My foooo text</p> </div> </div> und seine CSS-code: #footer { position: absolute; bottom: 0px; margin-bottom: 5px; margin-right:50px; margin-left:50px; width:90%; height:16px; color:white; font-size:12px; background:#000000; border-style:solid; border-width:1px; border-color:#F0FFFF; text-align: center;

Ziel ie8 und ie9 (nicht ie7)

Anzahl der Antworten 3 Antworten
Habe ich eine einfache Seite, und alles funktioniert wunderbar außer ie8 und ie9 bewegt sich eines meiner Elemente 1px nach rechts, und seine bedeutende b/c es ergibt sich eine 1px weiße Linie, gerade auf schwarzem hintergrund. Schrecklich.

kann ich divs marquee-element

Anzahl der Antworten 1 Antworten
ich weiß, dass ich text in Laufschrift oder ich kann Bilder aber ich Frage mich, wenn ich Blöcke Elemente wie div in Festzelt wie diese HTML: <marquee> <div> other content </div> <div> other content </div> <div> other