Gunnar Bittersmann: Website anpassen

Beitrag lesen

@@Martl

wie ich sehe hast du die Anregung von JürgenB aufgenommen, und eine Image Map eingebaut.

Hehe, es war nicht JürgenB, der das anregte. ;-)

  1. Statt <meta content="text/html; charset=ISO-8859-1"> aktuell <meta charset="utf-8"> verwenden. (Den Quelltext natürlich auch in diesem Format speichern!)

In dieser Zeichencodierung.[1] „Format“ wäre eher sowas wie HTML.

		<a href="#" class="zeile1 spalte11" title="link-1-1"><span>LINK-1-1</span></a>

Wozu die spans?

Und da sollten natürlich vernünftige Linktitel stehen, nicht „LINK-1-1“.

body {
	background-image: url(index.png);
	background-size: 100vw 100vh;
}

Das verzerrt doch aber das Bild‽

vw und vh werden weitgehend unterstützt, aber % sollte es hier auch tun.

span, h1 {
	visibility: hidden;
}

Nein! Damit wird der Inhalt auch vor Screenreadern versteckt. Damit der Inhalt zugänglich bleibt, darf er nur visuell versteckt werden.

LLAP 🖖

--
„Wenn du eine weise Antwort verlangst, musst du vernünftig fragen.“ —Johann Wolfgang von Goethe

  1. Was’n das für’n blöder gelber Kasten in der deutschen Übersetzung‽ Gleich mal einen Knoten ins Taschentuch machen … ↩︎