[Erledigt] Module auf XHTML umschreiben

Eismann1976 · 18 September 2008, 13:35:20

Hi

ich hab gerade die ganze Zeit wo ich das Thema zuordne ...

Ich bräuchte Hilfe bei anpassen von Modulen die nicht XHTML fähig sind. Da ich mich nun doch auf ein neues XHTML Theme festgelegt habe komm ich da nicht drumrum.
Bestes Beispiel ist die Landkarte. Im FF wirds zwar Alles passend angezeigt aber der IE zickt da doch rum.
Da ich davon nun wirklich keinen Plan habe wäre es nett wenn mir da Jemand helfen könnte.

Gruß Eismann

Sitki · 18 September 2008, 18:31:15

Hi

das Landkartenmodul kenne ich nicht. Nachfolgendes lediglich als erster Einstieg zum Thema XHTML.

Nachfolgende Informationen dienen lediglich als Einstieg zum Thema XHTML und haben keinen Anspruch auf Vollständigkeit.

Fehler und Lösungen

1. Es dürfen keine Großbuchstaben verwendet werden.

Falsch:

Code Auswählen

<SCRIPT type=text/javascript>

oder

Code Auswählen

<BR />
u.ä.

Richtig:

Code Auswählen

<script type=text/javascript>

oder

Code Auswählen

<br />

2. Tags, die nicht geöffnet und geschlossen werden müssen (<br> oder <meta> oder <img> o.ä.) sind immer mit einem Schrägstrich "/" zu schließen.

Falsch:

Code Auswählen

<br>

oder

Code Auswählen

<meta name="googlebot" content="index, follow">

oder

Code Auswählen

<img alt="" src="BILD" width="158" height="233">

Richtig:

Code Auswählen

<br />

oder

Code Auswählen

<meta name="googlebot" content="index, follow" />

oder

Code Auswählen

<img alt="" src="BILD" width="158" height="233" />

3. <img> Tags müssen immer diese Attribute beinhalten ==> alt=""

Falsch:

Code Auswählen

<img src="BILD" width="158" height="233" />

Richtig:

Code Auswählen

<img alt="" src="BILD" width="158" height="233" />

4. Bei <table> oder <td> Tags dürfen keine Breite (width) und Höhe (height) verwendet werden, anstelle wird der class="" Attribute verwendet und die Breite und Höhe wird über die style.css abgerufen.

Falsch:

Code Auswählen

<td width="150" height="50"></td>

Richtig:

Code Auswählen

<td class="test"></td>

in der style.css dann:

Code Auswählen

.test {
                width: 150px;
                height: 50px;
                }

5. Verwechseln Sie nicht valign und align!

align Tags sind left - center - right - top u.ä.
valign Tags sind top - bottom - baseline u.ä.

Falsch:

Code Auswählen

valign="center"

Richtig:

Code Auswählen

valign="top"

6. <font> Attribute wird nicht verwendet, anstelle ist <span> zu verwenden. Aber die class Attribute innerhalb von <span>..

Falsch:

Code Auswählen

<font size="5" color="#000000"></font>

Richtig:

Code Auswählen

<span class="test"></span>

In der style.css dann:

Code Auswählen

.test {
                        font-size:5px;
                        color:#000000;
                }

7. Auf die <table> <td> und <tr> Tags sind besonders zu achten. Wenn hierbei etwas fehlt oder zuviel ist, kann das viele Fehler verursachen. Nachfolgend ein Beispiel mit korrekter Struktur:

Code Auswählen

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

8. Einer der Hauptprobleme sind, nicht geschlossene oder nicht geöffnete Tags...

Beispiel..
<table> (Tabelle öffnen) das hier </table> (Tabelle schließen)!

9. Das "&" darf nicht verwendet werden, anstelle ist "& " zu verwenden!

10. Der target="blank_" in Links gibt im Allgemeinen einen Fehler aus, anstelle kann onclick="target='_blank';" verwendet werden.

11. Innerhalb eines <img> Tags darf kein <align> Attribute verwendet werden.

Falsch:

Code Auswählen

<img alt="" src="BILD" align="left" width="102" height="55" class="img" />

Richtig:

Code Auswählen

<img alt="" src="BILD" width="102" height="55" class="img" />

Eismann1976 · 18 September 2008, 19:01:07

Hi

Daaaanke Dir Sitki. Das war doch schon recht ausführlich und wird mir mit Sicherheit helfen wenn ich in Zukunft selber was baue.

Erschreckend wirds teilweise nur, wenn ich in die besagten Module schaue. Ich glaub da hilft manchmal nur wegwerfen und neuschreiben.

xmjay · 18 September 2008, 19:09:57

Hi !

Jau, ziemlich verständlich erklärt ! Dankeschön Sitki !!!
Nutze zwar das Landkartenmodul nicht, allerdings ist XHTML n Thema für mich.
Auch die Links sind sehr gut !

Eismann1976 · 18 September 2008, 20:00:05

Das mit der Lankarte sieht dann so aus

Klick mich

Im FF kein Problem, im IE siehts auf der rechten Seite ned mehr so schön aus.

breakdancer · 18 September 2008, 20:34:29

Die Karte ist einfach zu groß mit den rechten Blöcken... Sie ragt auch im FF deutlich in die rechten Blöcken rein.

Eismann1976 · 18 September 2008, 21:18:33

Das wäre sogar was, was ich garned soooo schlecht finde.

Ich mein aber das (und das bleibt auch wenn ich die linken Blöcke wegnehme)

.

Andi · 18 September 2008, 23:25:35

Moin

http://validator.w3.org/check?uri=http%3A%2F%2Fbeta.winner-team-joiner.de

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fbeta.winner-team-joiner.de%2Fmodules.php%3Fname%3DLandkarte

So wird das nichts werden, da ist nicht nur die Landkarte ein problem, dort wird es nur sichtbar

FreeMind · 19 September 2008, 00:00:20

Und so jemand ist Beta-Tester.. find ich lustig!

Andi · 19 September 2008, 00:22:10

Zitat von: FreeMind am 19 September 2008, 00:00:20
Und so jemand ist Beta-Tester.. find ich lustig!

Betatester >> testet !!

Das ist kein Status wegen bestimmten Fachkenntnissen, sondern ein Status der auf positiver und konstruktiver Zusammenarbeit basiert.
Die Betatester wurden alle von uns angesprochen und eingeladen. Wir brauchen keine php/html-Spezialisten, sondern Leute, die uns hier in irgendeiner Weise positiv auffallen und von denen wir meinen, dass sie ins Testerteam passen..

Und "so jemand" ist Eismann1976 in ganz besonderem Maße!

Eismann1976 · 19 September 2008, 07:00:12

Moin

@ Andi Danke für die Blumen

@FreeMind Jetzt sei mal bitte nicht ganz so hart mit mir.
Das ganze hier ist Hobby, im richtigen Leben mach ich was völlig Anderes. Bisher hatte ich Alles HTML 4.01 Transitional! und dabei so gut wie keine Fehler. Ich versuch das hier gerade zu verstehen, damit ich mir (und vielleicht irgendwann auch mal Anderen) helfen kann aber so langsam kommen mir Zweifel ob MIR das ein neues Theme wirklich wert ist.

Liegt übrigneds scheinbar wirklich nur am Modul. Wenn die Blöcke weg sind gibts zwar weniger Fehler aber keine Besserung.

Eismann1976 · 19 September 2008, 09:22:44

Danke nochmal Sitki und Andi.

Für die Zukunft wird mir das helfen (und sicher einiges Kopfweh machen).

Für den Moment konnte ich die Probleme innerhalb des Themes lösen.

Da es das Outline betrifft hier mal mein Ansatz. Vielleicht kann noch wer was damit anfangen.

Ich hab die Tabellenbreite des bodyarea von 100% auf 894 festgelegt. Dadurch bricht das nicht XHTML konforme Modul dann schonmal nicht mehr nach rechts aus. Leider verschiebt sich dafür der gesammte DIV Container nach links.
Das kann man verhindern wenn man für den body des Theme einfach

Code Auswählen

text-align: center;

festlegt. Hier wird ja kein Text verwendet also ist das egal. Außerdem vererbt sich diese Eigenschaft auf den DIV Container. Der ist damit jetzt korrekt center.
Innerhalb des Containers kann man das dann wieder left setzen.

Mit den Antworten von oben (und meiner Zwischenlösung) erledigt.

FreeMind · 19 September 2008, 10:32:53

Entschuldige bitte, das sollte nicht abwertend sein. Ich bin nur davon ausgegangen das man eine fehlerfreie installation braucht, damit man fehler am cms erkennt.

Nichts für ungut.

Eismann1976 · 19 September 2008, 11:08:51

Hi

Wie kommst du darauf, dass das CMS nicht fehlerfrei installiert wäre ?

Mal davon abgesehen, dass man als Betatester meist schon die Ressourcen hat um das CMS auf X reinen Testseiten gleichzeitig zu installieren, ist das CMS auf der kleinen "noch" Bastelseite (welche keine der o.g. Testseiten ist) fehlerfrei installiert.

Natürlich fängt man irgendwann an auszuprobieren, ob die neue Version aus dem Betatest auch in einem aktuellen/neuen Projekt fehlerfrei arbeitet. Den Zeitpunkt ab dem eine neue Version so weit ist legt noch immer das Team fest.
Natürlich muss man dann schauen ob ein Fehler von der neuen CMS Version kommt oder halt, wie hier, von einem alten "Fremdmodul" (die Blöcke lass ich jetzt mal aussen vor).
Fehler die ich feststelle und bei denen ich meine es könnte an der neuen CMS Version liegen probiere ich

auf ner reinen Testseite nochmal aus

und

wenn ich meine es ist ein solcher Fehler, stelle ich die obige Frage im Betaforum oder benutze den Bugtracker.

Sicher frage ich dann nicht hier.

Also bitte nicht vergessen, Betatester haben auch noch ganz normale Projekte an denen sie arbeiten und mit denen sie ganz normale, vom Betatest unabhängige Probleme haben.

So, das war jetzt völlig OT. Können wir glaub ich zumachen.

FreeMind · 19 September 2008, 11:20:56

Zitat von: Eismann1976 am 19 September 2008, 11:08:51

Wie kommst du darauf, dass das CMS nicht fehlerfrei installiert wäre ?

Irgendwie scheine ich mich unklar auszudrücken. Ich meinte mit fehlerfreie Installation nicht das CMS an sich, sondern alles was du danach noch aufgespielt hast. Also z.B. das Theme welches bei der Validation so viele errors ausgibt:

http://validator.w3.org/check?uri=http%3A%2F%2Fbeta.winner-team-joiner.de

Eismann1976 · 19 September 2008, 12:38:21

Hi

Du drückst Dich nicht unklar aus aber langsam zweifle ich etwas daran, dass du wirklich weißt wovon du sprichst.

Dieses Theme findest du hier in den Downloads. Es ist eins der Neuesten (mx-Outline) und für pragmaMX und XHTML angepasst.
Nach meinen wenigen Änderungen am Theme ändert sich an der Validierung nichts. Es werden wie vorher 7 Fehler ausgegeben. Damit kann ich gut leben.

Wenn du es nicht glaubst schau selbst http://validator.w3.org/check?uri=http%3A%2F%2Fbeta.winner-team-joiner.de/clanarea

Deine "Feststellungen" sind also eher unzutreffende Vermutungen.

Das CMS läuft fehlerfrei.
Das Theme läuft fehlerfrei.

Die Validierungsfehler kommen

erstens von Blöcken -> und die wurden von mir hier garnicht thematisiert (deshalb zum testen abgeschaltet) und

zweitens von Fremdmodulen -> genau die wurden aber von mir thematisiert.

Das Fehler da sind wurde garnicht in Abrede gestellt. Sie sind das offensichtliche Problem bei deren endgültiger Lösung ich Mangels ausreichend Ahnung von XHTML noch Probleme habe.

Das man an einer Stelle anfangen muss sollte logisch sein. Und das mache ich grds. mit den Problemen die mir am meisten wehtun. Das sind halt nicht die Validierungsprobleme durch die Blöcke sondern die Probleme bei der Darstellung der Module welche halt nicht für XHTML ausgelegt sind.

Versuch es mal damit:

Frage lesen -> Überlegen ob du ne sinnvolle Antwort hast -> Antworten oder wegklicken

Spam, Spot und dumme Kommentare helfen weder mir noch Jemandem anders.

Und nun lies einfach nochmal meinen letzten Post. Die hier gestellte Frage hatte Nichts mit einem Betattest zu tun. Ob und wie ich da meine Aufgabe erfülle kannst du sicher als einer der Letzten beurteilen.
Meine Frage bezog sich genau auf das Problem was ich habe. Hierfür habe ich von den Leuten, denen ich gedankt habe sinnvolle Hinweise und Hilfe bekommen. Eine kurzfristig funktionierende Lösung habe ich selbst gefunden.

Was kam von Dir

Und nun nicht sauer sein (ich bins auch nicht), die Frage ist für mich ausreichend beantwortet und das Thema danach auch keine weitere Diskussion wert. Daher klinke ich mich hier aus.
Hier kann dann geschlossen werden.

Gruß Eismann

Sitki · 19 September 2008, 12:48:24

Zum Thema sollte soweit alles Wesentliche gesagt sein. Daher schließe ich diesen Thread als erledigt ab. Dann, neue Frage -> neuer Thread.

[Erledigt] Module auf XHTML umschreiben

breakdancer