Suchergebnisse

Ich habe es so verstanden, dass die Liste länger werden kann, wobei die Anzahl der dd-Elemente zu jedem dt-Element variieren kann. Dann sehe ich zwei Lösungsansätze: 1. Über jedem dt-Element außer dem ersten wird ein Abstand eingefügt: dt:nth-of-type(1n+2) { margin: 1rem 0rem 0rem 0rem; }...

Wie m.scatello bereits schrieb ist die Verwendung des table-Elements bei Formularen nach den HTML-Regel verkehrt und damit sachlich falsch. Spätestens wenn du dein Formular an unterschiedliche Bildschirmbreiten anpassen willst hast du komplett verloren. Ja. Dazu solltest du per CSS die...

@gnude: Deine Tabelle enthält zwei grundlegende Probleme, die eine responsive Darstellung verhindern: 1. HTML-Tabellen sind ausschließlich für Tabellendaten gedacht. Dein Inhalt ist hingegen eine Auflistung von Kontaktdaten. 2. Du füllst die Tabelle zudem vollkommen falsch. Außer in der...

Auch in Bootstrap kannst du eigene Klassen erstellen, dort dann die Inhalte der von dir gewünschten Klassen reinkopieren und die dann verwenden.

Ja, indem du die Einheit vw statt Prozent verwendest. Wobei mir das von dir gewünschte Verhältnis nicht klar ist: Breite: 1 zu Höhe 2,5 (= Hochformat) oder Breite 2,5 zu Höhe 1 (= Breitformat)?

Die Anweisungen in CSS-Dateien werden grundsätzlich von Beginn zum Ende der Datei ausgewertet und zugewiesen. Schleifen und Sprünge wie in Programmen gibt es nicht. In einem anderen Zusammenhang können CSS-Anweisungen höherwertiger als andere sein, so dass spätere CSS-Anweisungen frühere...

Höherwertig gibt es in dem Zusammenhang nicht. Deine Angaben sind recht mager. CSS-Dateien werden von oben nach unten vom Browser ausgewertet. Die 768px folgen im Quelltext wahrscheinlich nach den 992px.

Ich schätze mal dass die h1-Überschrift in dem div-Container stehen muss: <div class="bg"> <h1>Text</h1> </div>

Nein, dann ist das h1-Element 2em groß. Einfach mal eine Testseite erstellen und ausprobieren.

Darauf gibt es keine Antwort. em ist eine virtuelle Größe. Da gibt es keine Normung wie bei mm oder cm, die sich aus dem genormten m ergeben. Das Elternelement vom h1-Element ist das html-Element. Dazwischen sitzt noch das body-Element. Je nach dem Quelltext noch weitere Elemente wie header...

Jo, da habe ich dich wohl verwechselt. Der kann doch weg, oder? Ja, wenn du den CSS-Effekt nicht haben willst. AchimB scheint das ja wichtig zu sein.

Nö. In dem Ursprungsposting (deinem) und meinem daraus online erstellten Quelltext gibt es die Klasse ".button a:active" nicht. Keine Ahnung wo du sie dort siehst. Ob sie Sinn macht kannst du selbst ausprobieren. Du wolltest es doch so haben. In dem Online-Beispiel kannst du in der linken...

Lösung mit deinem Quelltext: Online-Lösung dazu: https://www.w3schools.com/code/tryit.asp?filename=GT422E2TKS3L Auf den grünen Run-Button klicken. Mit aktuellen HTML und CSS könnte eine Lösung so aussehen: https://www.w3schools.com/code/tryit.asp?filename=GT42499NGHD4 Falls das bei dir...

Den Quelltext für den zweiten Button fügst du einfach hinter dem ersten ein. Zum Beispiel <div align="center"> <a href="https://www.google.com/" rel="nofollow" class="Button1">Google</a> <a href="https://www.google.com/" rel="nofollow" class="Button2">Youtube</a>...

Die Angaben werden übernommen. Wenn nicht, ist der Link zu der CSS-Datei falsch gesetzt, beziehungsweise die CSS-Datei ist nicht vorhanden oder an anderer Stelle gespeichert. Das können wir aber nicht überprüfen. Da du offensichtlich noch in der Lernphase bist gehe ich auf dein HTML nicht...

Und wie soll das auf Touchscreengeräten funktionieren, die keinen Hover-Effekt kennen?

Ich gehe davon aus, dass kein JavaScript verwendet werden soll. Dann: Nein. Masonry beinhaltet, dass die Bilder bei Bedarf, damit sie in das Grid passen, automatisch anders angeordnet werden, als im HTML vorgegeben. Gleichzeitig wird die Größe angepasst. Mit display: flex muss aber die Größe...

Hintergrundbilder sind im HTML- / CSS-Kosmos nur schmückendes Beiwerk. Sie enthalten keinerlei Informationen. Von daher haben sie im Browser bestimmte Verhaltensweisen. Sie können sich zum Beispiel keinen Platz schaffen, sondern werden immer im umgebenden Container angezeigt. Wenn der nicht...

Gib zum Test mal bei height statt 75% bitte 600px ein und schau, ob das Bild dann angezeigt wird.

Die Schriftgrößen an umgebende Elemente anzupassen hat sich nicht bewährt (um es mal freundlich auszudrücken). Wenn du es trotzdem machen willst solltest du dich mit den Einheiten vw und vh beschäftigen. Sinnvoller wird sein die Schriftgröße mittels Media Queries stufenweise anzupassen. Ohne...