2 Tabellen nebeneinander

mh:design

Hi.

Ich habe ein Problem. Zunächst einmal sollte gesagt sein, dass es meine erste Homepage mit HTML ist...
So: Ich versuche 2 Tabellen nebeneinander zu bekommen. Links soll die Navigationsleiste enthalten sein, im rechten Feld soll man Text schreiben können.

Das Erstellen der Navigationsleiste habe ich halbwegs gut überstanden, allerdings kann ich nebendran keine Texttabelle erstellen.

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Name</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="FFFF73">
</body>
<body>
[img]Logo.jpg[/img] 
<hr color="red" size="+3" /hr>


<table width="200" height="25" border="0">
  <tr>
    <td></td>
  </tr>
</table>
<table width="180" border="0" cellspacing="0" cellpadding="4"><body><tr><td style="background-color: #999999;">[b]Name[/b]</td></tr><tr><td style="background-color: #cccccc;">[url='kontakt.html']Kontakt[/url]</td></tr><tr><td style="background-color: #cccccc;">[url='impressum.html']Impressum[/url]</td></tr>
<table width="200" height="25" border="0">
  <tr>
    <td></td>
  </tr>
</table>
<table width="180" border="0" cellspacing="0" cellpadding="4"><body><tr><td style="background-color: #999999;">[b]Ueberschrift1[/b]</td></tr><tr><td style="background-color: #cccccc;">[url='test1.html']Test1[/url]</td></tr><tr><td style="background-color: #cccccc;">[url='test2.html']Test2[/url]</td></tr><tr><td style="background-color: #cccccc;">[url='test3.html']Test3[/url]</td></tr><tr><td style="background-color: #cccccc;">[url='test4.html']Test4[/url]</td></tr><tr><td style="background-color: #cccccc;">[url='test5.html']Test5[/url]</td></tr>
<table width="200" height="25" border="0">
  <tr>
    <td></td>
  </tr>
</table>
<table width="180" border="0" cellspacing="0" cellpadding="4"><body><tr><td style="background-color: #999999;">[b]Ueberschrift2[/b]</td></tr><tr><td style="background-color: #cccccc;">[url='test6.html']Test6[/url]</td></tr><tr><td style="background-color: #cccccc;">[url='test7.html']Test7[/url]</td></tr><tr><td style="background-color: #cccccc;">[url='test8.html']Test8[/url]</td></tr><tr><td style="background-color: #cccccc;">[url='test9.html']Test9[/url]</td></tr><tr><td style="background-color: #cccccc;">[url='test10.html']Test10[/url]</td></tr>
 
      </p>



</body>
</html>

Alles anzeigen

Wie kann ich neben diese Tabellen, in denen die Navigationsleiste vorhanden ist, nun den gewöhnlichen Text schreiben?

Danke für Eure Antworten,
Marc

MrJava

Mach doch eine Tabelle mit zwei Spalten.
In die linke Spalte kommt die Navigation.
In die rechte spalte kommt der Content.

mh:design

Hi.

Danke für die Antwort.
Kannst du vielleicht mal ein Beispiel machen weil ich nicht genau weiß, wie ich die tabelle mit zwei Spalten erstelle.
Kann ich dann auch die Spaltenbreite unabhängig voneinander variieren?

Danke,
Marc

MrJava

Hier eine Tabelle mit zwei spalten und einer Zeile

Code

<TABLE border="1px">
<TR>
	<TD width="200px">
		Navigation
	</TD>
	<TD width="600px">
		Content
	</TD>
</TR>
</TABLE>

Am besten du kuckst dir das hier mal an:
http://de.selfhtml.org/html/tabellen/aufbau.htm

mh:design

Hallo.

Also es hat jetzt soweit funktioniert. Allerdings erscheint die Navigationsleiste in etwa im mittleren Abschnitt des Bildschirms, wo sie normalerweise nicht hinsollte.

align="left" bringt keine Änderung.

Schon mal vielen Dank,
Marc

GreenRover

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Name</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
 <td colspan="2">
  [img]Logo.jpg[/img]



  <hr size="3" color="#FF0000">
 </td>
</tr>
<tr valign="top">
 <td width="180">


	<table width="180" border="0" cellspacing="0" cellpadding="0" valign="top">
	<tr>
	 <td style="background-color: #999999;">
		[b]Name[/b]
         </td>
	</tr>
	<tr>
	 <td style="background-color: #cccccc;">
		[url='kontakt.html']Kontakt[/url]


		[url='impressum.html']Impressum[/url]
 	 </td>
	</tr>
	<tr height="25"><td></td></tr>
	<tr>
	 <td style="background-color: #999999;">
		[b]Ueberschrift1[/b]
	 </td>
	</tr>
´	<tr>
 	 <td style="background-color: #cccccc;">
		[url='test1.html']Test1[/url]


		[url='test2.html']Test2[/url]


		[url='test3.html']Test3[/url]


		[url='test4.html']Test4[/url]


		[url='test5.html']Test5[/url]
 	 </td>
	</tr>
	<tr height="25"><td></td></tr>
	<tr>
	 <td style="background-color: #999999;">
		[b]Ueberschrift2[/b]
	 </td>
	</tr>
	<tr>
 	 <td style="background-color: #cccccc;">
		[url='test6.html']Test6[/url]


		[url='test7.html']Test7[/url]


		[url='test8.html']Test8[/url]


		[url='test9.html']Test9[/url]


		[url='test10.html']Test10[/url]
 	 </td>
	</tr>
	</table>
 </td>
 <td width="787">
 	<a>Mein inhalt!!!</a>
 </td>
</tr>
</table>
</body>
</html>

Alles anzeigen

Tags