Probleme mit Templates

[mandypb2001]

Hallo!

Ich habe mir conPresso vor 2 Tagen runtergeladen und komme so sehr gut damit zurecht. Es ist genau das, was ich für den Internet-Auftritt meines Vereins gesucht hab. Also erstmal großes Lob!

Doch dann hätte ich mal einige Fragen zu den Templates.

1.) Mir ist nämlich aufgefallen, dass z.B. in den <td>-Tags ein "class"-Attribut definiert ist, was ja normalerweise in so einem Tag nicht vorkommt, auch nicht in HTML4. Jetzt meine Frage: Wozu dient genau dieses Attribut? Benötigt man das, wenn man selber Templates erstellen will?

Und damit wär ich auch gleich bei meiner 2. Frage.

Ich habe damit begonnen mir ein eigenes Template zu erstellen. Dabei handelt es sich mehr oder weniger um die komplette Startseite meiner Homepage. Ich habe nur mit blinden Tabellen gearbeitet und die erste Tabelle wird mir auch so angezeigt, wie ich sie formatiert habe (800pix breite und zentriert). Die zweite Tabelle (direkt darunter), die eigentlich total die gleichen Attribute aufweist, wird allerdings 1. nicht zentriert und 2. ist sie nicht 800pix breit. Was das zentriert angeht, so hab ich schon alle Möglichkeiten ausprobiert (<center>, <div align="center">, <table align="center"> und sogar <table hspace="120"> z.B. )doch die Tabelle wollte um nichts in der Welt auch nur einen Pixel zur Mitte hin rutschen.

<table align="center" border="0" width="750" cellspacing="0" cellpadding="0" valign="top">
<tr>
<td colspan="5" bgcolor="#FFFFFF"><p align="center">
<%IMG ALIGN="absmiddle" SRC="../_data/logo.gif" width="54" height="52" border="0"%><font face="BeagleExtended" size="5">Paderborner Frauenchor e.V.</font></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="746" height="2" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
</tr>
<tr>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="746" height="2" border="0"%></td>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="746" height="2" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
</tr>
<tr>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="746" height="2" border="0"%></td>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
<td bgcolor="#8D1212"><%IMG SRC="../_data/leer.gif" width="1" height="2" border="0"%></td>
</tr>
</table>

Das ist die erste Tabelle, die korrekt angezeigt wird...


<table align="center" border="0" width="800" height="100%" cellspacing="0" cellpadding="0" valign="top">
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="25" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="25" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="25" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="25" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="25" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/home-button.gif" width="125" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/Newsletter-button.gif" width="125" height="34" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/aktuell-button.gif" width="125" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="25" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/ueberuns-button.gif" width="125" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="34" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/unterwegs-button.gif" width="125" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="34" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/kontakt-button.gif" width="125" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="34" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/Kommunikation-button.gif" width="125" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="34" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/archiv-button.gif" width="125" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="34" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/service-button.gif" width="125" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="34" border="0"%></td>
</tr>
<tr>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/links-button.gif" width="125" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="546" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="2" height="34" border="0"%></td>
<td bgcolor="#FFFFFF"><%IMG SRC="../_data/leer.gif" width="125" height="34" border="0"%></td>
</tr>
</table>

Das wäre die zweite. Vielleicht habe ich mich ja auch bei irgendwelchen Breiten-angaben verrechnet und es sind mehr als 800, wodurch diese Verschiebung, bzw. Streckung zu stande kommt, doch ich fange langsam wirklich an, an meinen (eigentlich recht guten) HTML-Kenntnissen zu zweifeln.

Ich wäre über Hilfe doch sehr verbunden. Schonmal danke im Vorraus.

MfG
Marina Knieling

[mandypb2001]

Also, fällt mir gerade auf und bevor ich dafür "angekreidet" werde. In der zweiten Tabelle hatte ich gerade versucht das Ganze auf 750pix zu verkleinern, nur im <table>-Tag steht noch 800, also 750 kommt sonst aber raus.... nicht, dass hier irgendwer meint, ich könnte wirklich nicht rechnen..

[toby]

Hallo Marina!

Zunächst einmal kann ich dir versichern, dass Dir hier niemand was
"ankreiden" wird. Im Gegenteil, wir sind immer offen für Fragen.

Jetzt zu Deinen Problemen:

zu 1)
Wenn Du den Inhalt auf den Ausgabeseiten zentrieren möchtest, geht
dies am Besten in der Datei '_category_header.php' die in jedem
Rubrikverzeichnis zu finden ist. Diese Datei bestimmt zusammen mit der
'_category_footer.php' das individuelle Aussehen jeder einzelnen Rubrik.
Hier besteht die Möglichkeit den Inhalt zu zentrieren.

zu 2)
Das Deine zweite Tabelle breiter ist, liegt daran, dass in der dritten
Spalte der dritten Zeile fälschlicherweise ein Bild die Zelle aufspannt.

Hierzu ein keiner Tip, wie ich so einem Fehler auf die Spur komme.
Wenn eine Tabelle mal Ärger macht, einfach den Rand/Border der Tabelle
auf „1“ setzten und ggf. auch die der Bilder innerhalb der Tabelle. Meistens
fällt einem der Übeltäter dann sofort auf.

Und noch eine Frage zur „class“-Definition: Wie hattest Du das gemeine, das diese an der Stelle falsch sein sollte oder habe ich etwas falsch verstanden. Sollte auf jeden Fall so richtig sein!

MfG
Tobias H. Musholt