[HTML] Problem im I-Exploter

kampfmuecke

Cadet 4th Year
Registriert
Aug. 2004
Beiträge
121
Hi ich habe was in html gebastelt und habe jetzt ein Problem im I-Explorer. Das ist mein bisheriges Ergebnis:
Hier

Der Quelltext

HTML:
<html>
<head>
<title>
Mücke's Seite
</title>
</head>
<body background=images/bg.jpg>
<center>
<table width=790 cellspacing=0 cellpadding=0 border=0 colspan=2>
<tr>
	<td width=790>
	<img src=images/head.gif>
	</td>
</tr>
</table>
<table width=790 cellspacing=0 cellpadding=0 border=0 colspan=2>
<tr>
	<td width=590 nowrap>
	<img src=images/navi.gif>
	</td>
	<td width=200 nowrap>
	<img src=images/news1.gif>
	</td>
</tr>
<tr>
	<td wight=590>
	<table wight=590 cellspacing=0 cellpadding=0 border=0 colspan=3>
	 <tr>
		<td>
		</td>
	 </tr>
	 <tr>
		<td width=31 hight=10 nowrap>
		<img src=images/main_oben_l.gif>
		</td>
		<td width=530 hight=10 nowrap>
		<img src=images/main_oben_m.gif>
		</td>
		<td width=29 hight=10 nowrap>
		<img src=images/main_oben_r.gif>
		</td>
	 </tr>
	 <tr>
		<td hight=100% wight=31 background=images/main_mitte_l.gif nowrap>
		</td>
		<td hight=100% wight=530 bgcolor=#3A3A3E nowrap>
 
			Seite
 
		</td>
		<td hight=100% wight=29 background=images/main_mitte_r.gif nowrap>
		</td>
	 </tr>
	 <tr>
		<td wight=31 height=15 nowrap>
		<img src=images/main_unten_l.gif>
		</td>
		<td wight=530 height=15 nowrap>
		<img src=images/main_unten_m.gif>
		</td>
		<td wight=29 height=15 nowrap>
		<img src=images/main_unten_r.gif>
		</td>
	 </tr>
	</table>
	</td>
</tr>
</table>
</center>
</body>
</html>




Bitte helft mir bitte!
 
Zuletzt bearbeitet von einem Moderator: (HTML-Tags in Code-Fenster eingebunden)
Schreib erst einmal die ganzen Tags und so weiter richtig ;)
Es heißt nicht wight oder hight sondern sondern width und height.
Die darauf folgenden Angaben musst du in Gänsefüßchen setzen (auch bei den Pfadangaben zu den Bilderm). Weiter hab ich mir das jetzt auch nicht angeguckt da es, nicht übel nehmen, zu konfus ist. Warum ein halbes Dutzend Tabelen? Geht doch auch mit einer.

Code:
<table width="700" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="20">&nbsp;</td>
    <td colspan="5">&nbsp;</td>
    <td width="21">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20">&nbsp;</td>
    <td colspan="5">&nbsp;</td>
    <td width="21">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20">&nbsp;</td>
    <td colspan="5">&nbsp;</td>
    <td width="21">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="7">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20">&nbsp;</td>
    <td width="400">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="200">&nbsp;</td>
    <td width="20">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20">&nbsp;</td>
    <td width="400">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="20" rowspan="3">&nbsp;</td>
    <td width="200" rowspan="3">&nbsp;</td>
    <td width="20" rowspan="3">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20">&nbsp;</td>
    <td width="400">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="20">&nbsp;</td>
  </tr>
  <tr> 
    <td>&nbsp;</td>
    <td width="400">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="20">&nbsp;</td>
  </tr>
  <tr> 
    <td>&nbsp;</td>
    <td width="400">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="200">&nbsp;</td>
    <td width="20">&nbsp;</td>
  </tr>
</table>

So, du hast nun Boxen mit runden Ecken. Ich offe, du findest dich selber in dem obigen COde zurecht. Die Ecken der Boxen packst du als einfache Images in die jeweiligen Ecken der Tabelle. Die Bilder geben Höhe und Breite für die gesamte Tabellenzeile und und Tabellenspalte vor. Letzten Endes musst du nur noch im table-Tag die gewünschte Breite angeben.

An den längs und Querseiten der Boxen musst du in den entsprechenden Tabellenfeldern die Bilder als Hintergrund einbinden.
 
Zuletzt bearbeitet:
Sooo, ich hab dir mal die entsprechenden Felder farbig makiert.

Code:
<table width="700" border="0" cellspacing="0" cellpadding="0">
  <tr> 
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td colspan="5" bgcolor="#0000FF">&nbsp;</td>
    <td width="21" bgcolor="#FF0000">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20"  bgcolor="#0000FF">&nbsp;</td>
    <td colspan="5">&nbsp;</td>
    <td width="21"  bgcolor="#0000FF">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td colspan="5" bgcolor="#0000FF">&nbsp;</td>
    <td width="21" bgcolor="#FF0000">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="7">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td width="400"  bgcolor="#0000FF">&nbsp;</td>
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td width="20" rowspan="6" >&nbsp;</td>
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td width="200" bgcolor="#0000FF">&nbsp;</td>
    <td width="21" bgcolor="#FF0000">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20" bgcolor="#0000FF">&nbsp;</td>
    <td width="400">&nbsp;</td>
    <td width="20" bgcolor="#0000FF">&nbsp;</td>
    <td width="20" rowspan="5" bgcolor="#0000FF">&nbsp;</td>
    <td width="200" rowspan="5">&nbsp;</td>
    <td width="21" rowspan="5" bgcolor="#0000FF">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td width="400"  bgcolor="#0000FF">&nbsp;</td>
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
  </tr>
  <tr> 
    <td colspan="3">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td width="400" bgcolor="#0000FF">&nbsp;</td>
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20" bgcolor="#0000FF">&nbsp;</td>
    <td width="400">&nbsp;</td>
    <td width="20" bgcolor="#0000FF">&nbsp;</td>
  </tr>
  <tr> 
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td width="400" bgcolor="#0000FF">&nbsp;</td>
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td width="20">&nbsp;</td>
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
    <td width="200" bgcolor="#0000FF">&nbsp;</td>
    <td width="20" bgcolor="#FF0000">&nbsp;</td>
  </tr>
</table>

In die roten Felder setzt du die Eckbilder als normale Bilder, in die blauen die Bilder als Hintergrund* (du brauchst nur einen wenige Pixel breiten/hohen Streifen des jeweiligen Bildes). Alle Höhenangaben bis auf die Breitenangaben im table-tag kannst du erst einmal entfernen. Dann schauen wir weiter ...

*background="pfad zu deinem/bild.gif"
 
Zuletzt bearbeitet:
Zurück
Oben