Als «css» getaggte Fragen

ich habe body { background: url(images/background.svg); } Der gewünschte Effekt ist, dass dieses Hintergrundbild eine Breite hat, die der der Seite entspricht, wobei sich die Höhe ändert, um die Proportionen beizubehalten. Wenn das Originalbild beispielsweise 100 * 200 (beliebige Einheiten) ist und der Körper 600 Pixel breit ist, sollte das …

365 html  css 

Im folgenden Code soll ein Tooltip angezeigt werden, wenn der Benutzer die Zeitspanne überschreitet. Wie mache ich das? Ich möchte keine Links verwenden. <span> text </span>

364 html  css 

Manchmal verwende ich Anker, die als Knöpfe gestaltet sind, und manchmal benutze ich nur Knöpfe. Ich möchte bestimmte Clicky-Dinge deaktivieren, damit: Sie sehen behindert aus Sie werden nicht mehr angeklickt Wie kann ich das machen?

360 jquery  html  css  twitter-bootstrap 

Ich habe eine Stilregel, die ich auf ein Tag anwenden möchte, wenn es zwei Klassen hat. Gibt es eine Möglichkeit, dies ohne JavaScript durchzuführen? Mit anderen Worten: <li class='left ui-class-selector'> Ich möchte meine Stilregel nur anwenden, wenn lisowohl beide .leftals auch .ui-class-selectorKlassen angewendet wurden.

360 css  css-selectors 

Wie kann ich Farbe, Größe und Schatten von Symbolen aus den Symbolen von Font Awesome stylen ? Auf der Website von Font Awesome werden beispielsweise einige Symbole in Weiß und einige in Rot angezeigt, aber nicht, CSSwie sie auf diese Weise gestaltet werden sollen ...

358 css  twitter-bootstrap  icons  styles  font-awesome-4 

Auf http://github.com behalten Entwickler die HTML-, CSS-, JavaScript- und Bilddateien des Projekts. Wie kann ich die HTML-Ausgabe im Browser sehen? Zum Beispiel: https://github.com/necolas/css3-social-signin-buttons/blob/master/index.html Wenn ich dies öffne, wird der gerenderte HTML-Code des Autorencodes nicht angezeigt. Es zeigt die Seite als Quellcode. Ist es möglich, es direkt als gerendertes HTML zu …

355 html  css  git  github  github-pages 

Ich implementiere die Paginierung und sie muss zentriert werden. Das Problem ist, dass die Links als Block angezeigt werden müssen, sodass sie verschoben werden müssen. Aber dann text-align: center;funktioniert es nicht. Ich könnte es erreichen, indem ich das Wrapper-Div-Padding von links gebe, aber jede Seite hat eine andere Anzahl von …

354 css-float  center  css 

Der Hauptteil meines HTML-Dokuments besteht aus 3 Elementen, einer Schaltfläche, einem Formular und einer Zeichenfläche. Ich möchte, dass die Schaltfläche und das Formular rechtsbündig sind und die Leinwand linksbündig bleibt. Das Problem ist, wenn ich versuche, die ersten beiden Elemente auszurichten, sie nicht mehr aufeinander folgen und stattdessen horizontal nebeneinander …

351 css  html 

Wie schreibe :hoverund :visitedkonditioniere ich a:before? Ich versuche es, a:before:hoveraber es funktioniert nicht

346 css  css-selectors  pseudo-element  pseudo-class 

Ich möchte, dass mein Körper nicht mehr scrollt, wenn ich das Mausrad benutze, während das Modal (von http://twitter.github.com/bootstrap ) auf meiner Website geöffnet ist. Ich habe versucht, das unten stehende Stück Javascript aufzurufen, wenn das Modal geöffnet wird, aber ohne Erfolg $(window).scroll(function() { return false; }); UND $(window).live('scroll', function() { …

346 javascript  jquery  css  scroll 

Ich möchte diese Technik http://css-tricks.com/svg-fallbacks/ verwenden und die SVG-Farbe ändern, konnte dies aber bisher nicht. Ich habe dies in die CSS gestellt, aber mein Bild ist immer schwarz, egal was passiert. Mein Code: .change-my-color { fill: green; } <svg> <image class="change-my-color" xlink:href="https://svgur.com/i/AFM.svg" width="96" height="96" src="ppngfallback.png" /> </svg> Führen Sie das …

346 css  svg 

Ich bin neu in ReactJS und JSX und habe ein kleines Problem mit dem folgenden Code. Ich versuche, dem classNameAttribut jeweils mehrere Klassen hinzuzufügen li: <li key={index} className={activeClass, data.class, "main-class"}></li> Meine Reaktionskomponente ist: var AccountMainMenu = React.createClass({ getInitialState: function() { return { focused: 0 }; }, clicked: function(index) { this.setState({ …

345 javascript  css  reactjs  ecmascript-6 

Also habe ich eine Texteingabe <input type="text" value="3" class="field left"> Hier ist mein CSS dafür background:url("images/number-bg.png") no-repeat scroll 0 0 transparent; border:0 none; color:#FFFFFF; height:17px; margin:0 13px 0 0; text-align:center; width:17px; Gibt es eine Einstellung oder einen Trick dazu? Ich habe darüber nachgedacht, stattdessen ein Label zu machen, aber wie …

344 html  css  html-input 

Problem: Entfernen Sie die Polsterung / den Rand rechts und links von col-md- * in Bootstrap 3. HTML Quelltext: <div class="col-md-12"> <h2>OntoExplorer<span style="color:#b92429">.</span></h2> <div class="col-md-4"> <div class="widget"> <div class="widget-header"> <h3>Dimensions</h3> </div> <div class="widget-content" id=""> <div id='jqxWidget'> <div style="clear:both;margin-bottom:20px;" id="listBoxA"></div> <div style="clear:both;" id="listBoxB"></div> </div> </div> </div> </div> <div class="col-md-8"> <div class="widget"> …

342 css  twitter-bootstrap  html 

Ich habe eine Site mit dem Raster der Zurb Foundation 3 erstellt . Jede Seite hat eine große h1: body { font-size: 100% } /* Headers */ h1 { font-size: 6.2em; font-weight: 500; } <div class="row"> <div class="twelve columns text-center"> <h1> LARGE HEADER TAGLINE </h1> </div> <!-- End Tagline --> …

341 css  responsive-design  font-size  zurb-foundation  em