blog.skandaloid.com - Das Ministerium für Schlimmerheit

agm · 01.02.2006, 20:38

Ein fröhliches Hallo in die Runde!

Nachdem mir in diesem Forum schon so nett geholfen wurde und ich hier sicher ein häufiger Gast sein werde, wollte ich doch mal die Gelegenheit nutzen und "mein" Blog vorstellen. Ich betreibe es nicht alleine, bin aber der arme Hund, der die rechtliche Verantwortung dafür trägt...

http://blog.skandaloid.com

Unser Blog gab es schon, bevor das Wort "Blog" überhaupt als solches bekannt war. Im Grunde ist unsere Site auch gar kein richtiges Blog, aber das technische Grundprinzip ist so ähnlich, dass WP sehr schnell unser selbstgeschriebenes CMS ablöste.

Mir geht es eigentlich gar nicht so sehr um Euer Feedback in Bezug auf Design und Inhalt, denn diese Sachen sind ja immer sehr geschmacksabhängig. Aber wenn es etwas Konstruktives zu sagen gibt, findet Ihr natürlich ein offenes Ohr. Wichtiger wäre mir Eure Hilfe dabei, die Seite anständig XHTML 1.0 kompatibel zu machen. Früher war mir sowas immer völlig egal und so war ich doch erstaunt, dass der XHTML Validator über 70 Fehler auswarf, obwohl die Darstellung soviele Probleme nicht vermuten ließ.

68 Fehler konnte ich selbst beheben, aber zwei sind immer noch übrig:
http://validator.w3.org/check?uri=ht...skandaloid.com

Ich wäre sehr dankbar, wenn Euch etwas dazu einfallen würde!

Danke für Eure Reaktionen im Voraus,
Das A, das G & das M

peti · 01.02.2006, 20:54

HTML-Code:

<a href="http://blog.skandaloid.com" title="blog.skandaloid.com">
<div id="header">
</div>
</a>

Das geht nicht. So, wenn dann:

HTML-Code:

<div id="header">
<a href="http://blog.skandaloid.com" title="blog.skandaloid.com"></a>
</div>

2. Fehler. Mach da ein <ul> oder <ol> drum.

HTML-Code:

<li>Ananas. Mmmhh… Ananase? Ananasen? Ananässe? Ananässer! </li>

Schöne Beiträge ;)

agm · 01.02.2006, 21:13

Hallo peti!

Vielen Dank für Deine Antwort...

Zitat:

Zitat von peti

<a href="http://blog.skandaloid.com" title="blog.skandaloid.com">
<div id="header">
</div>
</a>

Das geht nicht. So, wenn dann:

<div id="header">
<a href="http://blog.skandaloid.com" title="blog.skandaloid.com"></a>
</div>

Gerade gemacht. Nun ist zwar der Fehler weg, dafür ist das Headerimage nicht mehr als Link anklickbar. Zumindest bei mir unter Opera 8.51, Firefox 1.5 und dem doofen IE. Hast Du eine Idee, wie sich das richten lässt? Die momentane Version der Site enthält Deinen Code.

Zitat:

Zitat von peti

2. Fehler. Mach da ein <ul> oder <ol> drum.

<li>Ananas. Mmmhh… Ananase? Ananasen? Ananässe? Ananässer! </li>

Das irritiert mich ein bisschen. Die Tags <li> und </li> wurden über die Quicktags des WP-Editors eingefügt. Warum setzt dieser nicht der XHTML-Kompabilität wegen die <ul> Tags eigenständig? Aber ich habe das geändert!

Klasse. Das ging ja schnell mit meinen zwei Fehlern!
Dank Dir!

Jetzt wäre es nur noch toll, wenn wir meinen Header wieder zum funktionierenden Link ummodeln könnten!

Zitat:

Zitat von peti

Schöne Beiträge

Danke schön...

peti · 01.02.2006, 23:03

Zitat:

Zitat von agm

Jetzt wäre es nur noch toll, wenn wir meinen Header wieder zum funktionierenden Link ummodeln könnten!

Probier's mal damit:

HTML-Code:

<div id="header" onclick="location.href='http://blog.skandaloid.com/';" onkeypress="location.href='http://blog.skandaloid.com/';">
<h1 style="letter-spacing: -9999em;">blog.skandaloid.com</h1>
</div>

agm · 01.02.2006, 23:26

Danke für Deine Antwort!

Ja, das funktioniert grundsätzlich.
Aber...

1.) Funktioniert es nicht, wenn Javascript im Browser deaktiviert ist.

2.) Wird der Mauszeiger bei Überfahren des Headers nicht zur üblichen Hand, die einen Link signalisiert. So kommen einige nicht auf die Idee, dass es sich beim der Headergrafik um ein Navigationsinstrument handeln könnte.

Ganz optimal ist es also leider nicht.
Ich lasse es jetzt erst mal so, aber es wäre toll, wenn es Alternativen dazu gäbe. Eine Forumssuche bringt mich da leider auch nicht weiter. Es gibt zwar haufenweise Threads dazu, aber letztendlich funktioniert von allen Suchergebnissen nur Dein Code, jedoch mit den angeführten Einschränkungen.

Schade, dass meine bisherige Lösung nicht XHTML-compliant war. Die funktionierte nämlich...

Hast Du vielleicht noch eine Idee?

Vielen Dank für Deine Hilfe,
agm

peti · 02.02.2006, 01:17

Keine Ahnung. Binde das Headerbild als Bild ein und verlinke das Bild. Aber darauf kommst du ja allein.

Zu 2:

#header {
cursor: pointer;
}

Bisher ist mir nichts anderes eingefallen. Nur das ich, sollte der User JS deaktiviert haben, noch einen Textlink parat habe.

Wäre das mein Header würde ich nur den/die Titel/Beschreibung als Bild verlinken und den Rest als Hintergrund einbinden.

agm · 02.02.2006, 17:01

Hallo Peti!

Nochmal Danke für Deine Antwort.

Leider schlägt bei mir gerade massiv das Berufsleben zu, so dass ich erst in ein paar Tagen wieder an einer alternativen Lösung herumspielen kann. Mal schauen, was mir (mit Deinen Anregungen) so einfällt. Auf jeden Fall ist die Seite jetzt endlich XHTML-kompatibel und das war ja ein wichtiges Ziel.

Was aber doch noch von Interesse für mich wäre:
Fallen jemandem massive Design- oder Ergonomieprobleme bei der Site auf, die mir vielleicht untergegangen sind? Anregungen und Kritik sind gerne gesehen!

Liebe Grüße,
alex

01.02.2006, 20:38	#1 (permalink)
agm PostRank: 1 Registriert seit: 11.01.2006 Beiträge: 27	blog.skandaloid.com - Das Ministerium für Schlimmerheit Ein fröhliches Hallo in die Runde! Nachdem mir in diesem Forum schon so nett geholfen wurde und ich hier sicher ein häufiger Gast sein werde, wollte ich doch mal die Gelegenheit nutzen und "mein" Blog vorstellen. Ich betreibe es nicht alleine, bin aber der arme Hund, der die rechtliche Verantwortung dafür trägt... http://blog.skandaloid.com Unser Blog gab es schon, bevor das Wort "Blog" überhaupt als solches bekannt war. Im Grunde ist unsere Site auch gar kein richtiges Blog, aber das technische Grundprinzip ist so ähnlich, dass WP sehr schnell unser selbstgeschriebenes CMS ablöste. Mir geht es eigentlich gar nicht so sehr um Euer Feedback in Bezug auf Design und Inhalt, denn diese Sachen sind ja immer sehr geschmacksabhängig. Aber wenn es etwas Konstruktives zu sagen gibt, findet Ihr natürlich ein offenes Ohr. Wichtiger wäre mir Eure Hilfe dabei, die Seite anständig XHTML 1.0 kompatibel zu machen. Früher war mir sowas immer völlig egal und so war ich doch erstaunt, dass der XHTML Validator über 70 Fehler auswarf, obwohl die Darstellung soviele Probleme nicht vermuten ließ. 68 Fehler konnte ich selbst beheben, aber zwei sind immer noch übrig: http://validator.w3.org/check?uri=ht...skandaloid.com Ich wäre sehr dankbar, wenn Euch etwas dazu einfallen würde! Danke für Eure Reaktionen im Voraus, Das A, das G & das M

01.02.2006, 20:54	#2 (permalink)
peti PostRank: 10 Registriert seit: 26.03.2005 Ort: Berlin Beiträge: 1.551	HTML-Code: <a href="http://blog.skandaloid.com" title="blog.skandaloid.com"> <div id="header"> </div> </a> Das geht nicht. So, wenn dann: HTML-Code: <div id="header"> <a href="http://blog.skandaloid.com" title="blog.skandaloid.com"></a> </div> 2. Fehler. Mach da ein <ul> oder <ol> drum. HTML-Code: <li>Ananas. Mmmhh… Ananase? Ananasen? Ananässe? Ananässer! </li> Schöne Beiträge ;) Geändert von Olaf (01.02.2006 um 21:05 Uhr).

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

01.02.2006, 23:26	#5 (permalink)
agm PostRank: 1 Registriert seit: 11.01.2006 Beiträge: 27	Danke für Deine Antwort! Ja, das funktioniert grundsätzlich. Aber... 1.) Funktioniert es nicht, wenn Javascript im Browser deaktiviert ist. 2.) Wird der Mauszeiger bei Überfahren des Headers nicht zur üblichen Hand, die einen Link signalisiert. So kommen einige nicht auf die Idee, dass es sich beim der Headergrafik um ein Navigationsinstrument handeln könnte. Ganz optimal ist es also leider nicht. Ich lasse es jetzt erst mal so, aber es wäre toll, wenn es Alternativen dazu gäbe. Eine Forumssuche bringt mich da leider auch nicht weiter. Es gibt zwar haufenweise Threads dazu, aber letztendlich funktioniert von allen Suchergebnissen nur Dein Code, jedoch mit den angeführten Einschränkungen. Schade, dass meine bisherige Lösung nicht XHTML-compliant war. Die funktionierte nämlich... Hast Du vielleicht noch eine Idee? Vielen Dank für Deine Hilfe, agm

02.02.2006, 01:17	#6 (permalink)
peti PostRank: 10 Registriert seit: 26.03.2005 Ort: Berlin Beiträge: 1.551	Keine Ahnung. Binde das Headerbild als Bild ein und verlinke das Bild. Aber darauf kommst du ja allein. Zu 2: #header { cursor: pointer; } Bisher ist mir nichts anderes eingefallen. Nur das ich, sollte der User JS deaktiviert haben, noch einen Textlink parat habe. Wäre das mein Header würde ich nur den/die Titel/Beschreibung als Bild verlinken und den Rest als Hintergrund einbinden.

02.02.2006, 17:01	#7 (permalink)
agm PostRank: 1 Registriert seit: 11.01.2006 Beiträge: 27	Hallo Peti! Nochmal Danke für Deine Antwort. Leider schlägt bei mir gerade massiv das Berufsleben zu, so dass ich erst in ein paar Tagen wieder an einer alternativen Lösung herumspielen kann. Mal schauen, was mir (mit Deinen Anregungen) so einfällt. Auf jeden Fall ist die Seite jetzt endlich XHTML-kompatibel und das war ja ein wichtiges Ziel. Was aber doch noch von Interesse für mich wäre: Fallen jemandem massive Design- oder Ergonomieprobleme bei der Site auf, die mir vielleicht untergegangen sind? Anregungen und Kritik sind gerne gesehen! Liebe Grüße, alex