Servus! > > nun sind ja schon einige Monate ins Land gegangen und die damals noch schwer im Bau befindliche Homepage ist endlich online. > > Sieht gut aus! Das *headerimage* würde ich aber als Text / SVG realisieren - wäre besser für die Auffindbarkeit durch Suchmaschinen. Ich hab mal einen Versuch gemacht: * [neue Variante mit responsiver SVG-Grafik](http://www.jsr-hersbruck.de/apps/audiobibel/beispiel.htm) Die Einstellungen sind alle mit CSS festgelegt und deshalb veränderbar. Die Grafiken habe ich aus der Wikipedia (Lizenzfrei) übernommen - sie können in Farbe und Größe auch mit CSS geändert werden. Im Inhaltsbereich gibt es auch noch einige Sachen, die man verbessern könnte, angefangen von `<div class="dokumentinhalt">` würde ich eher `<main>` nehmen und dem Tabellenlayout, das man heute (2017) auch eher anders umsetzen würde. Wiki-Artikel zum Thema: * [Warum SVG einsetzen?](https://wiki.selfhtml.org/wiki/SVG/Warum) * [HTML5-Seitenstrukturierung](https://wiki.selfhtml.org/wiki/HTML/Tutorials/HTML5-Seitenstrukturierung) Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}

Servus! > > nun sind ja schon einige Monate ins Land gegangen und die damals noch schwer im Bau befindliche Homepage ist endlich online. > > Sieht gut aus! Das *headerimage* würde ich aber als Text / SVG realisieren - wäre besser für die Auffindbarkeit durch Suchmaschinen. Ich hab mal einen Versuch gemacht: * [neue Variante mit responsiver SVG-Grafik](http://www.jsr-hersbruck.de/apps/audiobibel/beispiel.htm) Die Einstellungen sind alle mit CSS festgelegt und deshalb veränderbar. Die Grafiken habe ich aus der Wikipedia (Lizenzfrei) übernommen - sie können in Farbe und Größe auch mit CSS geändert werden. Im Inhaltsbereich gibt es auch noch einige Sachen, die man verbessern könnte, angefangen von `<div class="dokumentinhalt">` würde ich eher `<main>` nehmen und dem Tabellenlayout, das man heute (2017) auch eher anders umsetzen würde. Herzliche Grüße Matthias Scharwies -- Es gibt viel zu tun: *[ToDo-Liste](http://wiki.selfhtml.org/wiki/Kategorie:ToDo)*{: style="display:list-item;list-style-type:disc;font-style:normal;margin:1em 0 0 2em;"}