Auf Thema antworten 2026

Beitrag

<blockquote data-quote="dn3d_fanboy" data-source="post: 2598165" data-attributes="member: 547472">Der Code ist auch etwas durcheinander. Du hast so gesehen zwei Möglichkeiten:1. du lädst die CSS in seperaten Dateien im HTML-Header (also nach der bestehenden style.css, oder wie auch immer sie heißen mag)[html]&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;only screen and (max-device-width: 480px)&quot; href=&quot;small.css&quot; /&gt;&lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; media=&quot;only screen and (max-device-width: 960px)&quot; href=&quot;big.css&quot; /&gt;[/html]^^ Die Monitorbreiten und Dateinamen musst du dann entsprechend anpassen.Diese Methode hat allerdings den Nachtteil, dass weitere Requests beim LAden der Seite auf dem Server ausgeführt werden müssen.Da ist2.) die Media-Queries direkt ans Ende der bestehenden CSS-Datei zu schreiben wesentlich besser (mMn):[code=CSS]@media screen and (max-width: 550px){deine CSS-Angaben}[/code]Da du ja in dieser Datei schon sämtliche Angaben für breitere Monitore hast, musst du in den Media-queries nur noch das angeben, was bei niedriger Auflösung anders aussehen soll.Du kannst natürlich auch noch weitere Media Queries angeben.</blockquote>

[QUOTE="dn3d_fanboy, post: 2598165, member: 547472"] Der Code ist auch etwas durcheinander. Du hast so gesehen zwei Möglichkeiten: 1. du lädst die CSS in seperaten Dateien im HTML-Header (also nach der bestehenden style.css, oder wie auch immer sie heißen mag) [html]<link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 480px)" href="small.css" /> <link rel="stylesheet" type="text/css" media="only screen and (max-device-width: 960px)" href="big.css" />[/html] ^^ Die Monitorbreiten und Dateinamen musst du dann entsprechend anpassen. Diese Methode hat allerdings den Nachtteil, dass weitere Requests beim LAden der Seite auf dem Server ausgeführt werden müssen. Da ist 2.) die Media-Queries direkt ans Ende der bestehenden CSS-Datei zu schreiben wesentlich besser (mMn): [code=CSS]@media screen and (max-width: 550px){ deine CSS-Angaben }[/code] Da du ja in dieser Datei schon sämtliche Angaben für breitere Monitore hast, musst du in den Media-queries nur noch das angeben, was bei niedriger Auflösung anders aussehen soll. Du kannst natürlich auch noch weitere Media Queries angeben. [/QUOTE]

Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.

Authentifizierung

Wenn ★ = 12, ◇ = 4 und die Hälfte von ★ zu ◇ addiert wird, was ist das Ergebnis?