[HTML] Fehler im Code! Wo?

Allison

Hy, sorry, das ich schon wieder ein neues Thema dafür eröffne, aber in letzter Zeit ist HTML nicht gerade mein Freund!

Ich versteh nicht wieso das nicht in der mitte angezeigt wird. Der Text sollte im Endprodukt in der Mitte der Seite angezeigt werden, das tut er jedoch nicht, das ist bei all meinen Seiten der fall!

Hier der Code:

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>agility</title>
  <style type="text/css">
<!--
BODY {
scrollbar-face-color: #F7E2F3;
scrollbar-highlight-color: #F7E2F3;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #F7E2F3;
scrollbar-shadow-color: #F7E2F3;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #F7E2F3;
}
-->
<style type="text/css">
<!--
A:link { text-decoration: none; }
A:active { text-decoration: none; }
A:visited { text-decoration: none; }
A:hover { text-decoration: none; }
-->
  </style>
</head>
<body style="background-color: transparent;" scroll="yes">
<table class="t"
 style="width: 712px; height: 102px; text-align: left; margin-left: auto; margin-right: auto;">
  <tbody>
    <tr align="center">
      <td
 style="text-align: center; font-family: Helvetica,Arial,sans-serif; background-color: rgb(227, 223, 228);"
 colspan="2"><small><span style="font-weight: bold;">Wichtige
Informationen</span><br>
      </small></td>
    </tr>
    <tr align="center">
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>Vorraussetzungen</small></small></td>
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>Grundkommandos,
Folgen </small></small></td>
    </tr>
    <tr align="center">
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); width: 50%; font-family: Helvetica,Arial,sans-serif;"><small><small>Gruppenstunde</small></small></td>
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>10
$</small></small></td>
    </tr>
    <tr align="center">
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>Einzelstunde</small></small></td>
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>20
$</small></small></td>
    </tr>
    <tr align="center">
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>Stundel&auml;nge</small></small></td>
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>60
min</small></small></td>
    </tr>
    <tr align="center">
      <td style="background-color: rgb(249, 229, 253);"
 colspan="2"><small><small><span
 style="font-family: Helvetica,Arial,sans-serif;">Agility
ist eine Sportart f&uuml;r Hund und Mensch, besonders am Anfang
spielt
vertrauen eine gro&szlig;e Rolle. Wenn der Hund die Ger&auml;te
soweit
kann kommt es auf die Zusammenarbeit von Hund und Mensch an, beide
m&uuml;ssen ein Team bilden die auf einander reagieren.</span></small></small></td>
    </tr>
  </tbody>
</table>
<br>
<table
 style="width: 654px; height: 120px; text-align: left; margin-left: auto; margin-right: auto;"
 class="t">
  <tbody>
    <tr align="center">
      <td
 style="text-align: center; background-color: transparent; width: 50%; font-family: Helvetica,Arial,sans-serif;">
      <p><img id="imgElement" title="" alt=""
 src="http://i49.tinypic.com/ri9a4y.jpg" jquery1264708422890="2"></p>
      </td>
      <td
 style="text-align: center; background-color: transparent; font-family: Helvetica,Arial,sans-serif;">
      <p><img id="imgElement" title="" alt=""
 src="http://i45.tinypic.com/nys4xy.jpg" jquery1264708912703="2"></p>
      </td>
    </tr>
    <tr align="center">
      <td colspan="2">
      <p><img id="imgElement" title="" alt=""
 src="http://i45.tinypic.com/5ee1c8.jpg" jquery1264708977968="2"></p>
      </td>
    </tr>
  </tbody>
</table>
<br>
</body>
</html>

Tatjana

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
  <meta http-equiv="content-type"
 content="text/html; charset=ISO-8859-1">
  <title>agility</title>
  <style type="text/css">
<!--
BODY {
scrollbar-face-color: #F7E2F3;
scrollbar-highlight-color: #F7E2F3;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-darkshadow-color: #F7E2F3;
scrollbar-shadow-color: #F7E2F3;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #F7E2F3;
}
-->
<style type="text/css">
<!--
A:link { text-decoration: none; }
A:active { text-decoration: none; }
A:visited { text-decoration: none; }
A:hover { text-decoration: none; }
-->
  </style>
</head>
<body style="background-color: transparent;" scroll="yes"><center>
<table class="t"
 style="width: 712px; height: 102px; text-align: left; margin-left: auto; margin-right: auto;">
  <tbody>
    <tr align="center">
      <td
 style="text-align: center; font-family: Helvetica,Arial,sans-serif; background-color: rgb(227, 223, 228);"
 colspan="2"><small><span style="font-weight: bold;">Wichtige
Informationen</span><br>
      </small></td>
    </tr>
    <tr align="center">
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>Vorraussetzungen</small></small></td>
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>Grundkommandos,
Folgen </small></small></td>
    </tr>
    <tr align="center">
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); width: 50%; font-family: Helvetica,Arial,sans-serif;"><small><small>Gruppenstunde</small></small></td>
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>10
$</small></small></td>
    </tr>
    <tr align="center">
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>Einzelstunde</small></small></td>
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>20
$</small></small></td>
    </tr>
    <tr align="center">
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>Stundel&auml;nge</small></small></td>
      <td
 style="text-align: center; background-color: rgb(249, 229, 253); font-family: Helvetica,Arial,sans-serif;"><small><small>60
min</small></small></td>
    </tr>
    <tr align="center">
      <td style="background-color: rgb(249, 229, 253);"
 colspan="2"><small><small><span
 style="font-family: Helvetica,Arial,sans-serif;">Agility
ist eine Sportart f&uuml;r Hund und Mensch, besonders am Anfang
spielt
vertrauen eine gro&szlig;e Rolle. Wenn der Hund die Ger&auml;te
soweit
kann kommt es auf die Zusammenarbeit von Hund und Mensch an, beide
m&uuml;ssen ein Team bilden die auf einander reagieren.</span></small></small></td>
    </tr>
  </tbody>
</table>
<br>
<table
 style="width: 654px; height: 120px; text-align: left; margin-left: auto; margin-right: auto;"
 class="t">
  <tbody>
    <tr align="center">
      <td
 style="text-align: center; background-color: transparent; width: 50%; font-family: Helvetica,Arial,sans-serif;">
      <p><img id="imgElement" title="" alt=""
 src="http://i49.tinypic.com/ri9a4y.jpg" jquery1264708422890="2"></p>
      </td>
      <td
 style="text-align: center; background-color: transparent; font-family: Helvetica,Arial,sans-serif;">
      <p><img id="imgElement" title="" alt=""
 src="http://i45.tinypic.com/nys4xy.jpg" jquery1264708912703="2"></p>
      </td>
    </tr>
    <tr align="center">
      <td colspan="2">
      <p><img id="imgElement" title="" alt=""
 src="http://i45.tinypic.com/5ee1c8.jpg" jquery1264708977968="2"></p>
      </td>
    </tr>
  </tbody>
</table>
<br></center>
</body>
</html>

probiers mal so

McLissy

Selbst beim ersten Code wirds bei mir samt Bild und Tabelle zentriert ausgegeben.

Forensoftware: Burning Board, entwickelt von WoltLab GmbH