Suchergebnisse

Dazu werden die Worte, die nicht getrennt werden sollen, in span-Elemente eingebettet und mit der Anweisung white-space: nowrap; Zeilenumbrüche verhindert. Vorteil: Falls die Worte bei schmalen Bildschirmen doch umgebrochen werden sollen kann dies mittels CSS einfach erlaubt werden...

Das wird schwierig werden oder gar nicht funktionieren. In HTML und CSS ist so eine Darstellung überhaupt nicht vorgesehen. Deshalb haben findige Webseitenentwickler dafür verschiedene Lösungen entwickelt, die aber alle Nachteile haben. Die laufen unter dem Begriff "Sticky Footer". Danach...

Der IE11 ist schon lange tot. Vergiß ihn also. Wenn du den berücksichtigen willst machst du dir nur selbst vollkommen unnötige Arbeit. Ansonsten gilt: Eine Webseite muss nicht auf allen Rechnern und in allen Browsern gleich aussehen. Mit dem IE11 ist Flexbox nur eingeschränkt nutzbar. Du musst...

Entweder ist das Bild nicht vorhanden oder der Pfad-/Dateiname stimmen nicht. Zu 99% Pfad-/Dateiname. Ob die mit deinem Bild übereinstimmen können wir leider nicht prüfen. Bei den funktionierenden Bildern hast du eine eins "1" im Dateinamen, beim nicht angezeigten nicht. Vielleicht liegt es daran.

Die Frage können wir nur beantworten wenn wir den gesamten Quelltext (HTML und CSS) kennen. Am sinnvollsten wäre wohl ein Link zu der Seite.

Du kannst ja mal der Textbox einen Inhalt geben, zum Beispiel <div id="textbox"> <h2>textbox</h2> </div> und der CSS-Anweisung dazu eine andere Hintergrundfarbe als weiß geben, zum Beispiel #textbox { background-color: yellow; width: 75%; margin: 40px...

Du verwendest CSS-Anweisungen wie float und position ohne dich über ihre Funktion und ihre Auswirkungen informiert zu haben. Die Browser richten sich jedoch nach den HTML- und CSS-Regeln. In deinem Beispiel hast du den Dokumentenfluß nicht beachtet. Durch deine float- und position-Angaben...

Ohne die Seite zu kennen kann dir niemand die Frage seriös beantworten. Es kann sein dass der Quellcode Fehler enthält, du Denkfehler machst oder die Endgeräte die CSS-Angaben uminterpretieren. min-width und max-width gleichzeitig zu setzen ist in der Praxis aber überflüssig. Webseitenersteller...

Zu diesem Quelltext <section class="spalten"> <nav> <h2>Verlinkung</h2> <a href="">Hamburg</a> <a href="">Bremen</a> <a href="">Flensburg</a> <a href="">Lübeck</a> <a href="">Hannover</a> <a href="">München</a> </nav> <article>...

Um dir helfen zu können bräuchten wir deinen bisherigen HTML- und CSS-Quellcode. Grundsätzlich ist das eine Aufgabe für Flexbox oder CSS-Grid. Trennlinien werden in der Regel mit der CSS-Eigenschaft "border" erstellt.

Wo ist das Problem? Du kannst die Seite ja mit Flexbox und Mobile First erstellen. Dann die 3 Zeilen CSS-Grid zusätzlich, Flexbox als Fallback verwendet (das gibt's dann ja schon, also keine zusätzliche Arbeit) und die Seite wird für alle Besucher vernünftig angezeigt. Das ist doch das...

Die Anordnung der Bilder von Rand zu Rand mit Abstand dazwischen ist mit aktuellem HTML und CSS ganz einfach, dazu sind nur 3 Zeilen erforderlich: display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 0.5rem; Die restlichen...

Ich sehe auch eine Lösung mit Flexbox und MediaQueries. Mein Beispiel funktioniert folgendermaßen: HTML: <article class="cardlayout"> <section> <a href=""> <img src="http://lorempixel.com/600/300/transport/2"> </a> <h3>Ein...

Mit HTML und CSS können Ecken nur abgerundet werden. Zum Erstellen von Kreisen sind sie nicht geeignet. Border kann zwar zu vermeintlichen Kreisen angepasst werden. Allerdings funktionieren die nur solange der Inhalt sich nicht ändert. Verschieden lange Wörter mit gleichgroßen Kreisen zu...

Hallo Dafür gibt es mehrere Lösungen. Mit deinen Quellcodeschnipseln lässt sich aber nicht sagen welche am sinnvollsten ist. Du kannst dem ul-Element entweder eine Klasse vergeben oder dich mit CSS-Selektoren beschäftigen. Gruss MrMurphy

Hallo Es gibt leider viele Web-Dozenten die mit aktuellem HTML / CSS-Lösungen überfordert sind. Dazu scheint deiner zu gehören. Wie Sempervivum bereits schrieb sollten feste Größen nach Möglichkeit vermieden werden. Zudem haben heutzutage viele Smartphones höhere Auflösungen als Tablets oder...

Hallo Zunächst solltest du die beiden von mir genannten Rechtschreibfehler (focuse = focus und hove = hover) ändern. Danach die Fehler im HTML-Quelltext: Validator Gruss MrMurphy

Hallo Mit deinen Angaben kann ich nichts anfangen. Der HTML-Quelltext ist unvollständig. Zudem enthält er Klassen, die im CSS nicht vorkommen. Das Problem kann sich also im fehlenden CSS verstecken. Wenn du uns nur ein paar Quelltextschnipsel hinschmeißt können wir dir kaum helfen. Wir...

Hallo So ganz habe ich dein Problem eventuell nicht verstanden. Füge mal im CSS zu ".main" die CSS-Anweisung "align-items: flex-start;" hinzu. Gruss MrMurphy

Hallo Das hast du leider komplett falsch verstanden. Die dwt-Datei wird auf dem eigenen Rechner bearbeitet. Beim Speichern der dwt-Datei auf dem eigenen Rechner werden die damit verknüpften html-Dateien aktualisiert. Die geänderten Einträge werden also direkt in die html-Dateien geschrieben...