Programmierung css

25

Wie würde ich den Rand von einem in meine Web-App eingebetteten Iframe entfernen? Ein Beispiel für den Iframe ist: <iframe src="myURL" width="300" height="300">Browser not compatible.</iframe> Ich möchte, dass der Übergang vom Inhalt meiner Seite zum Inhalt des Iframes nahtlos verläuft, vorausgesetzt, die Hintergrundfarben sind konsistent. Der Zielbrowser ist nur IE6 …

707 html css iframe internet-explorer-6 noborder

20

Kann ich ein: vor oder: nach dem Pseudoelement in einem Eingabefeld verwenden?

Ich versuche, das :afterCSS-Pseudoelement für ein inputFeld zu verwenden, aber es funktioniert nicht. Wenn ich es mit a benutze span, funktioniert es OK. <style type="text/css"> .mystyle:after {content:url(smiley.gif);} .mystyle {color:red;} </style> Dies funktioniert (setzt den Smiley nach "buu!" Und vor "etwas mehr") <span class="mystyle">buuu!</span>a some more Dies funktioniert nicht - es …

685 html css pseudo-element css-content

15

Verwalten der CSS-Explosion

Ich habe mich bei einer Website, an der ich arbeite, stark auf CSS verlassen. Im Moment werden alle CSS-Stile pro Tag angewendet, und jetzt versuche ich, sie auf ein externes Styling zu verschieben, um bei zukünftigen Änderungen zu helfen. Aber jetzt ist das Problem, dass ich bemerkt habe, dass ich …

682 css organization

12

Wie kann ich das Flex-Element nach rechts ausrichten?

Gibt es eine flexiblere Möglichkeit, "Kontakt" nach rechts auszurichten, als sie zu verwenden position: absolute? .main { display: flex; } .a, .b, .c { background: #efefef; border: 1px solid #999; } .b { flex: 1; text-align: center; } .c { position: absolute; right: 0; } <h2>With title</h2> <div class="main"> <div …

680 html css flexbox

25

So zentrieren Sie ein Element „Position: absolut“

Ich habe ein Problem beim Zentrieren eines Elements, für das das Attribut positionfestgelegt ist absolute. Weiß jemand, warum die Bilder nicht zentriert sind? body { text-align: center; } #slideshowWrapper { margin-top: 50px; text-align: center; } ul#slideshow { list-style: none; position: relative; margin: auto; } ul#slideshow li { position: absolute; } …

676 html css css-position centering

5

Warum gibt es in CSS Flexbox keine Eigenschaften für "Elemente rechtfertigen" und "Selbst rechtfertigen"?

Betrachten Sie die Hauptachse und die Querachse eines Flexcontainers: Quelle: W3C Zum Ausrichten von Flex-Elementen entlang der Hauptachse gibt es eine Eigenschaft: justify-content Zum Ausrichten von Flex-Elementen entlang der Querachse gibt es drei Eigenschaften: align-content align-items align-self Im obigen Bild ist die Hauptachse horizontal und die Querachse vertikal. Dies sind …

675 css flexbox language-lawyer w3c

12

Flexbox: horizontal und vertikal zentrieren

So zentrieren Sie div mithilfe der Flexbox horizontal und vertikal innerhalb des Containers. Im folgenden Beispiel möchte ich jede Zahl untereinander (in Zeilen), die horizontal zentriert sind. .flex-container { padding: 0; margin: 0; list-style: none; display: flex; align-items: center; justify-content: center; } row { width: 100%; } .flex-item { background: …

669 html css flexbox

4

Platzhalter * in CSS für Klassen

Ich habe diese Divs, mit denen ich style .tocolor, aber ich brauche auch die eindeutige Kennung 1,2,3,4 usw., also füge ich hinzu, dass es sich um eine andere Klasse handelt tocolor-1. <div class="tocolor tocolor-1"> tocolor 1 </div> <div class="tocolor tocolor-2"> tocolor 2 </div> <div class="tocolor tocolor-3"> tocolor 3 </div> <div …

668 css css-selectors wildcard

30

Warum nicht Tabellen für das Layout in HTML verwenden? [geschlossen]

Diese Frage passt derzeit nicht zu unserem Q & A-Format. Wir erwarten, dass die Antworten durch Fakten, Referenzen oder Fachwissen gestützt werden, aber diese Frage wird wahrscheinlich zu Debatten, Argumenten, Umfragen oder erweiterten Diskussionen führen. Wenn Sie der Meinung sind, dass diese Frage verbessert und möglicherweise erneut geöffnet werden kann, …

665 html css

16

CSS-Hintergrund dehnen und skalieren

Gibt es eine Möglichkeit, einen Hintergrund in CSS zu dehnen oder zu skalieren, um seinen Container zu füllen?

653 html css

10

Kann ich einen CSS-Selektor schreiben, der Elemente auswählt, die KEINE bestimmte Klasse oder kein bestimmtes Attribut haben?

Ich möchte eine CSS-Auswahlregel schreiben, die alle Elemente auswählt, die keine bestimmte Klasse haben. Zum Beispiel mit folgendem HTML: <html class="printable"> <body class="printable"> <h1 class="printable">Example</h1> <nav>  </nav> <a href="javascript:void(0)" onclick="javascript:self.print()">Print me!</a> <p class="printable"> This page is super interresting and you should print it! </p> </body> …

641 html css css-selectors

23

Feste Position, aber relativ zum Container

Ich versuche, ein Problem zu beheben, divdamit es immer am oberen Bildschirmrand haftet. position: fixed; top: 0px; right: 0px; Das divbefindet sich jedoch in einem zentrierten Behälter. Wenn ich es benutze position:fixed, wird das divVerhältnis zum Browserfenster korrigiert, z. B. auf der rechten Seite des Browsers. Stattdessen sollte es relativ …

639 css position css-position fixed

26

Konvertieren Sie ein Bild in HTML / CSS in Graustufen

Gibt es eine einfache Möglichkeit, eine Farbbitmap in Graustufen mit nur anzuzeigen HTML/CSS? Es muss nicht IE-kompatibel sein (und ich kann mir vorstellen, dass es nicht kompatibel sein wird) - wenn es in FF3 und / oder Sf3 funktioniert, ist das gut genug für mich. Ich weiß, dass ich es …

619 image css grayscale

11

Nur auf Firefox mit CSS abzielen

Mit bedingten Kommentaren ist es einfach, Internet Explorer mit browserspezifischen CSS-Regeln zu erreichen:  Manchmal ist es die Gecko-Engine (Firefox), die sich schlecht benimmt. Was wäre der beste Weg, um nur Firefox mit Ihren CSS-Regeln und nicht einem einzigen anderen Browser als Ziel …

616 css firefox css-hack

8

Mehrere Klassen entfernen (jQuery)

Gibt es einen besseren Weg, dies umzuschreiben: $('element').removeClass('class1').removeClass('class2'); Ich kann nicht verwenden, removeClass();da es ALLE Klassen entfernen würde, die ich nicht möchte.

615 jquery css

Als «css» getaggte Fragen