Suchergebnisse

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...

Noch mal deutlich: Es gibt keinen "Eins-zu-Eins" Ersatz. Erst korrektes HTML, dann die Gestaltung mit CSS.

Einerseits schreibst du "Simples Layout-Beispiel", andererseits enthält dein Beispiel jede Menge grundlegende Fehler. - head-Bereich - komplettes table-Element - öffnendes body-Tag - öffnendes table-Tag - öffnendes table-Tag - öffnendes body-Tag - komplettes table-Element, aber ohne die...

Das hat nichts mit "in" zu tun, sondern mit sachlicher korrekter Anwendung. So gesehen gibt es auch keine Alternativen. Das table-Element mit seinen zugehörigen Elementen ist für Tabellendaten gedacht. Tabellendaten sind allerdings selten, so dass das table-Element heutzutage kaum noch...

Frage: Wie sollen Besucher von Geräten mit kleinen Viewports (zum Beispiel Smartphones) an die ausgeblendeten Daten kommen, deren Geräte mit Touchscreens keinen hover-Effekt kennen?

Du kannst dich ja mal auf den beiden folgenden Seiten umtun: https://mediaqueri.es/ und https://designmodo.com/responsive-design-examples/