Suchergebnisse

Welcher Safari? Die Entwicklung von Safari für Windows wurde bereits offiziell 2012 eingestellt. Den als negatives Beispiel für aktuelles CSS zu verwenden ist genau so unsinnig wie auf veraltete IE zu verweisen.

Es handelt sich um eine Unterstreichung. Du empfindest sie vielleicht als ungewöhnlich, weil du in HTML / CSS nur noch border kennst. Das die Unterstreichung direkt unter dem Wort steht ist aber vollkommen korrekt. border als Unterstreichung zu mißbrauchen ist hingegen nicht korrekt. Auch wenn...

176px Breite oder ähnlich geringe Breiten kommen in der Praxis wohl kaum vor. Probleme mit langen Worten treten hingegen immer mal wieder auf. a) Zunächst sollten bei schmalen Fenstern Leerflächen wie in deinem Fall der body-Bereich vermieden werden. b) In lange Worte können Leerzeichen...

Klar. In dem Fall verwendest du ein ein ul-Element. Ohne weitere Angaben hat es einen linken Innenabstand (padding-left) von 40px. Den musst du auf 0px setzen.

Super Problembeschreibung. Nur kann damit außer dir leider niemand etwas anfangen. Die Media Querie funktioniert wie im CSS angegeben. Häufig liegen Probleme im HTML / CSS an ganz anderer Stelle. Von daher sind Quellcodeschnipsel wie von dir nicht sinnvoll. Es ist sinnvoller wenn du...

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