Suchergebnisse

Ich verstehe das Problem von manya folgendermaßen: Neben einem Bild steht ein Text, der bei breitem Browserfenster nicht über den unteren Bildrand herausragt: Wenn das Browserfenster schmaler wird und der 3. Absatz nur teilweise über den unteren Bildrand hinausragt soll der überstehende Teil...

<p style="display: table-cell; display: inline-block;"> In dem Beispiel hast du inline-block angegeben.

Mit "disssplay" wirst du nur wenig ausrichten. Zudem wird bei mehreren display-Angaben hintereinander gemäß den CSS-Regeln nur die letzte berücksichtigt.

Weder noch. CSS3 ist eine Weiterentwicklung von CSS2. Gleichzeitig wurde mit CSS3 festgelegt, das weitere Entwicklungen von CSS keine Versionsstufen mehr erhalten. Dabei wird darauf geachtet, das CSS abwärtskompatibel bleibt. Für neue CSS-Anweisungen gibt es deshalb auch keine Freigaben zu...

Für deine Vorstellung gibt es keine Lösung mit HTML und CSS. Technischer Hintergrund: Mit float werden nur optisch zwei Spalten erzeugt, nicht aber sachlich. Deshalb können Absätze nicht zusammengehalten werden, falls ein Teil von ihnen unter das Bild rutscht. Je nach Inhalt der Webseite...

Wenn du die Seite auf einem Desktop-Bildschirm in einem Browser anschaust kann es sein, das dein Browser sich überhaupt nicht auf eine Breite von unter 375px zusammenschieben lässt. Das ist zum Beispiel bei meinem Firefox der Fall. Die meisten Browser bieten Smartphone- oder Tablet-Ansichten um...

Das ul-Element hat ja bereits einen oberen Abstand von Null. Hinter /* Text zweispaltig anlegen */ .zweispaltig { text-align: justify; ... } könntest du folgendes einfügen: .zweispaltig li:nth-of-type(1) { margin-top: 0; }

Hallo Für eine konkrete Lösung müssten wir deinen kompletten Quelltext (HTML und CSS) kennen. Deshalb kann ich dir nur allgemein antworten. Deine Beobachtung stimmt zwar grundsätzlich, deine Schlussfolgerungen stimmen aber nicht. Beim Spaltensatz (columns) wird das erste Element in der...

Die Homepage hat mich schon abgeschreckt. Das Scrollen hoch und runter ist unglaublich zäh und damit zugleich ein Zeitdiebstahl von den Besuchern. Unter "Start for free" werden dann auch noch persönliche Daten (wie zum Beispiel die E-Mail-Adresse) abgefragt, die teuer gehandelt werden. Da war...

Die Collapsing Margins sind für Texte durchaus sinnvoll. Sie gehören von Beginn an zum HTML und stammen somit aus der Zeit vor dem Layouten mit Containern. Container sind in dem Beispiel section und footer. Das sind wieder mal die Vorgaben, damit änderst du also gar nichts. Damit die...

Mit html, body {margin: 0; padding: 0;} setzt du nur die margins und paddings von html und body auf Null. Wobei für die paddings Null bei den beiden Elementen sowieso die Vorgabe ist und die margins von html sind als Vorgabe auch Null. Also viel Gewese um einfach den margin von body auf Null...

Gar nichts. Die Lücke war das ganz normale Browserverhalten. Es geht also um die Grundlagen von HTML und CSS. Ein wichtiger Grund für den Erfolg von HTML und CSS ist die Abwärtskompatibilität. Heißt: Auch (sehr) alte Webseiten sollen noch von aktuellen Browsern dargestellt werden. Aktuell kann...

Ohne die Seite zu kennen können wir nur raten. Dabei kann es sich um die Auswirkungen von "Collapsing Margins" handeln.

float ist dem Zusammenhang sachlich falsch. float ist nur dafür gedacht, damit Text andere Objekte (in der Regel Bilder) umfließt. Aber nicht, um Objekte nebeneinander anzuordnen. Für die Lösung deines Problems ist mit aktuellem HTML und CSS "CSS-Grid" entwickelt worden (display: grid;). Die...

Geht es um ein oder mehrere Bilder im HTML-Quelltext oder Hintergrundbilder? Weil "img" sind Bilder im HTML-Quelltext, "background-size" bezieht sich auf Hintergrundbilder. Mit Flexbox "display: flex;" hat das eher nichts zu tun. Sollen die Bilder nur so breit werden wie der sie umgebende...

Solche Angaben helfen leider überhaupt nicht weiter. Wir benötigen den HTML- und CSS-Quellcode. Verwendest du eventuell ein Content-Management-System oder ähnliche Vorlagen?

Wenn nichts passiert hast du uns anderen entscheidenden Code verheimlicht.

Lass mal align-items: center; justify-content: center; weg. Die Anweisungen erscheinen mir überflüssig.

Berechnungen kannst du nur auf korrekten und konkreten Grundlagen vornehmen. Mit "dachte" wirst du nie zu einem richtigen Ergebnis kommen. Du willst offensichtlich die erforderliche Breite des umgebenden Containers ausrechnen. Dann musst du zunächst entscheiden, ob der umgebende Container...

Der grundsätzliche Fehler sind wohl die mm. Mit mm kannst du bei Ausdrucken rechnen, in der Regel in Textprogrammen. In HTML und CSS für die Bildschirmausgabe haben die nichts verloren. Der Browser muss dann immer mit einer eigentlich für ihn unsinnigen Einheit umrechnen. Wobei es keine festen...