Als «css» getaggte Fragen

379

CSS, damit die Fußzeile der HTML-Seite mit einer Mindesthöhe am unteren Rand der Seite bleibt, die Seite jedoch nicht überlappt

Ich hatte die folgende Seite (Deadlink :) http://www.workingstorage.com/Sample.htmmit einer Fußzeile, die ich nicht am Ende der Seite platzieren kann. Ich möchte, dass die Fußzeile bleiben Sie am unteren Fensterrand, wenn die Seite kurz ist und der Bildschirm nicht ausgefüllt ist, und Bleiben...

css footer

378

Flex-Box: Richten Sie die letzte Zeile am Raster aus

Ich habe ein einfaches Flex-Box-Layout mit einem Container wie: .grid { display: flex; flex-flow: row wrap; justify-content: space-between; } Jetzt möchte ich, dass die Elemente in der letzten Zeile mit den anderen ausgerichtet werden. justify-content: space-between;sollte verwendet werden, da die...

css flexbox grid-layout

378

Festlegen des Hintergrundbilds mithilfe der jQuery CSS-Eigenschaft

Ich habe eine Bild-URL in einer imageUrlVariablen und versuche, sie mit jQuery als CSS-Stil festzulegen: $('myObject').css('background-image', imageUrl); Dies scheint nicht zu funktionieren, da: console.log($('myObject').css('background-image')); kehrt zurück none. Irgendeine Idee, was ich falsch...

javascript jquery css

376

Bootstrap 3 Navbar mit Logo

Ich möchte die Bootstrap 3-Standardnavigationsleiste mit einem Bildlogo anstelle von Textbranding verwenden. Was ist der richtige Weg, um dies zu tun, ohne Probleme mit unterschiedlichen Bildschirmgrößen zu verursachen? Ich gehe davon aus, dass dies eine häufige Anforderung ist, habe aber noch kein...

css twitter-bootstrap twitter-bootstrap-3 navbar

376

Lass die Höhe von Div mit seinem Inhalt wachsen

Ich habe diese verschachtelten Divs und ich brauche den Hauptcontainer zum Erweitern (in der Höhe), um die DIVs darin aufzunehmen  ...  <body class="main"> <div id="container"> <div id="header"> <!--series of divs in here, graphic banner...

css height

375

Richten Sie ein Element mit der Flexbox nach unten aus

Ich habe eine divmit einigen Kindern: <div class="content"> <h1>heading 1</h1> <h2>heading 2</h2> <p>Some more or less text</p> <a href="/" class="button">Click me</a> </div> und ich möchte das folgende Layout:

html css flexbox

375

Soll ich in meinem CSS px- oder rem-Werteinheiten verwenden? [geschlossen]

Geschlossen . Diese Frage basiert auf Meinungen . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage, damit sie mit Fakten und Zitaten beantwortet werden kann, indem Sie diesen Beitrag bearbeiten .

html css distance units-of-measurement

374

Deaktivieren Sie die Rundung der iPhone / Safari-Eingabeelemente

Meine Website wird im iPhone / Safari-Browser gut wiedergegeben, mit einer Ausnahme: Meine Texteingabefelder haben einen seltsam abgerundeten Stil, der mit dem Rest meiner Website überhaupt nicht gut aussieht. Gibt es eine Möglichkeit, Safari (über CSS oder Metadaten) anzuweisen, die Eingabefelder...

html css iphone mobile-safari css-reset

373

img src SVG Ändern der Stile mit CSS

html <img src="logo.svg" alt="Logo" class="logo-img"> CSS .logo-img path { fill: #000; } Das obige SVG wird geladen und ist nativ, fill: #fffaber wenn ich das Obige verwende css, um es in Schwarz zu ändern, ändert es sich nicht. Ich spiele zum ersten Mal mit SVG und bin mir nicht sicher,...

css image svg

373

jQuery-Zählelemente nach Klasse - wie lässt sich dies am besten implementieren?

Ich versuche, alle Elemente auf der aktuellen Seite mit derselben Klasse zu zählen und sie dann zu verwenden, um sie einem Namen für ein Eingabeformular hinzuzufügen. Grundsätzlich erlaube ich Benutzern, auf ein zu klicken <span>und dann ein weiteres hinzuzufügen, um mehr von derselben Art...

javascript jquery css element

371

Unterschied zwischen Rand und Polsterung?

Was genau ist der Unterschied zwischen Marge und Polsterung in CSS? Es scheint wirklich nicht viel Sinn zu haben. Können Sie mir ein Beispiel geben, wo die Unterschiede liegen (und warum es wichtig ist, den Unterschied zu

css

371

Wie kann ich alle untergeordneten Elemente eines Elements außer dem letzten untergeordneten Element auswählen?

Wie würde ich alle außer dem letzten Kind mit CSS3-Selektoren auswählen? Zum Beispiel wäre es nur das letzte Kind zu bekommen

css-selectors css

371

CSS-Selektor für Texteingabefelder?

Wie kann ich Eingabefelder vom Typ 'Text' mithilfe von CSS-Selektoren ausrichten?

html css forms css-selectors html-input

371

Twitter Bootstrap 3: Wie verwende ich Medienabfragen?

Ich verwende Bootstrap 3, um ein ansprechendes Layout zu erstellen, in dem ich einige Schriftgrößen entsprechend der Bildschirmgröße anpassen möchte. Wie kann ich Medienabfragen verwenden, um diese Art von Logik zu

css twitter-bootstrap media-queries

370

Ich möchte die untergeordnete Deckkraft nicht vom übergeordneten Element in CSS erben

Ich möchte die untergeordnete Deckkraft nicht vom übergeordneten Element in CSS erben. Ich habe eine Div, die das Elternteil ist, und ich habe eine andere Div innerhalb der ersten Div, die das Kind ist. Ich möchte die Opazitätseigenschaft im übergeordneten Div festlegen, aber ich möchte nicht, dass...

css

370

Wie platziere ich zwei Divs nebeneinander?

Betrachten Sie den folgenden Code : #wrapper { width: 500px; border: 1px solid black; } #first { width: 300px; border: 1px solid red; } #second { border: 1px solid green; } <div id="wrapper"> <div id="first">Stack Overflow is for professional and enthusiast programmers, people who write...

css html

369

CSS: nicht (: letztes Kind): nach Selektor

Ich habe eine Liste von Elementen, die so gestaltet sind: ul { list-style-type: none; text-align: center; } li { display: inline; } li:not(:last-child):after { content:' |'; } <ul> <li>One</li> <li>Two</li> <li>Three</li> <li>Four</li>...

css css-selectors pseudo-element

368

CSS-Textüberlauf: Auslassungspunkte; funktioniert nicht?

Ich weiß nicht, warum dieses einfache CSS nicht funktioniert ... .app a { height: 18px; width: 140px; padding: 0; overflow: hidden; position: relative; margin: 0 5px 0 5px; text-align: center; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; color: #000; } <div...

overflow ellipsis css

368

Flexbox, die Elementen nicht die gleiche Breite verleiht

Versuchen Sie es mit einem Flexbox-Navi, das bis zu 5 Elemente und nur 3 Elemente enthält, aber die Breite nicht gleichmäßig auf alle Elemente verteilt. Geige Das Tutorial, nach dem ich dies modelliere, ist http://www.sitepoint.com/responsive-fluid-width-variable-item-navigation-css/ SASS *...

html css flexbox

366

Was ist der Unterschied zwischen Align-Content und Align-Items?

Kann mir jemand den Unterschied zwischen align-itemsund zeigen

css layout flexbox alignment