Auf Thema antworten 2026

JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Beitrag: <blockquote data-quote="RollyRocket" data-source="post: 1788324" data-attributes="member: 479653">Hi Community. Ich bin etwas überfragt, was die Umsetzung bzw. Optimierung einer Homepage für verschiedene Bildschirmauflösungen betrifft.Die Startseite der website.Jap, das ganze sieht verwirrend aus und das soll es auch <img src="/styles/default/xenforo/smilies/tongue.gif"  class="smilie" loading="lazy" alt=":P" title="Stick Out Tongue    :P" data-shortname=":P" /> (btw, nich meine Idee.^^) Das Template der website ist momentan für eine bildschirmauflösung von 1280x1024px (viewport: 1224x832px) gebaut. Natürlich soll die Seite auch für andere Nutzer vernünftig aussehen. Die grünen links führen wie zu erwarten zu den jeweiligen Seiten. der Name der website sollte halt egal bei welcher Auflösung unten in der Ecke bleiben, und die anderen Links sollten ja auch weiterhin passen. Wenn ich jetz aus allen weißen Wörtern ein background baue, der dann meinetwegen ca. 1900x1200px hat, und ich die grünen Links als einzelne Grafiken mache, würden diese ja bei den verschiedenen bildschirmgrößen nicht mehr korrekt in den Lücken sitzen richtig.!? Es müsste also bei egal welcher Bildschirmauflösung genauso aussehen wie im Beispielbild, ohne das man irgendwie scrollen muss. Hat jemand ne idee wie ich es in html / css aufbauen könnte? Bin grad total verwirrt vom vielen ausprobieren.^^Bin für jede Hilfe dankbar.Mal ein kleines Update: Habe mal den aktuellen Stand anhand von 3 Screenshots beigefügt. Ich habe nun die grünen Links raus gelöscht und alle weißen Wörter als ein großes Hintergrundbild gespeichert. Dann habe ich die grünen Links als einzelne PNG´s(24) gespeichert und per css dem Lücken angepasst:bei 1024x768pxbei 1280x1024pxbei 1600x1200pxWie ihr seht passt es wie gehabt nur für die Größe 1280x1024px. Logischerweise muss man bei dieser Methode bei 1024... scrollen und bei einer größeren Auflösung als 1280... sitzen alle Links höher. Ich suche halt nach einer Möglichkeit das es möglichst bei jeder Auflösung gleich aussieht. Vielleicht mit einem Java Script !? oder geht es auch ausschl. mit css ? Wer mir helfen kann, bitte melden <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="smilie smilie--sprite smilie--sprite1" alt=":)" title="Smile    :)" loading="lazy" data-shortname=":)" /></blockquote> 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?