Problem mit Tabellen

Symon

Also hallo erstmal ich brauche 2 nebeneinanderliegende Tabellen: eine für die Navigation, eine für Text. soll so aussehen:

______________ ________________________________
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | |
|____________ | |_______________________________ |

| - 1.Tabelle -| | - 2. Tabelle - |

ich hab mir jetzt schon überlegt, das ganze (also halt die beiden Tabellen) in eine Tabelle zu packen und den zwischenraum der beiden tabellen als eine 3. zu .. ähh.. definieren . also so:

<html>
<body>
<table width="90%" cellspacing=0 cellpadding=0 border=0>
<td width="20%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 1 solid black">navigation
<td width="5%">
<td width="75%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 1 solid black">text
</table>
</body>
</html>

so dürfte es ja gehen, nich? zumindest hab ich die zwei "Tabellen". Aber ich will in der navigationstabelle (Tabelle 1) ja noch weitere Tabellen, also für Kategorien. und einen <table> oder noch einen <td>-Tag geht in einem <td>-Tag einzubauen, geht wahrscheinlich nich.Also ändere ich den Html-Code folgendermaßen:

aber wenn ich das jetzt öffne, isses nich neben-, sondern übereinander, und das will ich ja nich ^^.

Ich hoffe ihr versteht mein problem und könnt mir helfen... ich hab kopfweh...

Cyberlord

Du mußt die Tabelle in einer Tabelle immer in einem <td></td> erstellen.
Also:

Code

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

Alles anzeigen

Symon

woah danke ich liebe dich... scherz

vielen dank

Symon

jetzt nochn problem: ich will, dass die texttabelle genauso weit geht, wie der text auch lang ist. die tabelle ist jetzt so lang wie wie die navigation. wie mach ich das?

Cyberlord

Meinst sowas?

oder

Symon

ähh... nö glaub nich...

ich hab dir mal die seite angehängt wie du dann siehst sieht da mit der navigation seltsam aus...

Cyberlord

Bei <table width="100%"> einfach width weglassen.

Symon

bei welchem?

Cyberlord

Wo der Text drinnensteht.

Symon

nö.. geht bei mir nich.. kannst du mir bitte die optimierte version anhängen?

Cyberlord

Du hast Fehler bei den Tables.
Schaus dir nochmal genau an!

Dann kannst du bei Table width=90% oder in Pixel die Breite angeben.

Symon

sorry... ich find nix.. tut mir leid... eigentlich stimmts doch...

Cyberlord

Schließe oben das Table komplett ab und beginne ein neues Table.

Symon

wo...oben

Cyberlord

Ja.

Symon

ja wo?

Cyberlord

Nach dem Menü beginnst du eine neue unabhängige Tabelle.

Symon

ach so.. geht das dann nebeneinander?

Cyberlord

Ja

Symon

so:

<html><head>
<title>Azure Dreams</title>
<style>
a:link {text-decoration: none; color: #0000FF}
a:visited {text-decoration: none; color: #0000FF}
a:hover {text-decoration: none; color: #33CCFF}
</style>
</head>
<body background="bg.gif" style="font-family:Verdana" style="font-size:8">

<table valign="top" halign="center" align="center" border="0" width="90%" cellpadding="0" cellspacing="0"

style="font-family:Verdana" style="font-size:10"><tr><td align="left" width="50%" bgcolor="#626262" style="border-right: 0

solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 0 solid black">[b]<font color=white>Azure Dreams | <font color=white>Links | huber.andreas@vr-web.de</td> <td bgcolor="#626262" align="right"

style="border-right: 1 solid black; border-top: 1 solid black; border-left: 0 solid black; border-bottom: 0 solid

black"><font color=white>
<script LANGUAGE="Javascript">

function makeArray(len) {
for (var i = 0; i < len; i++) this[i] = null;
this.length = len;
}
var dayNames = new makeArray(7);
dayNames[0] = "Sonntag";
dayNames[1] = "Montag";
dayNames[2] = "Dienstag";
dayNames[3] = "Mittwoch";
dayNames[4] = "Donnerstag";
dayNames[5] = "Freitag";
dayNames[6] = "Samstag";

var monthNames = new makeArray(12);
monthNames[0] = "Januar";
monthNames[1] = "Februar";
monthNames[2] = "März";
monthNames[3] = "April";
monthNames[4] = "Mai";
monthNames[5] = "Juni";
monthNames[6] = "Juli";
monthNames[7] = "August";
monthNames[8] = "September";
monthNames[9] = "Oktober";
monthNames[10] = "November";
monthNames[11] = "Dezember";

var now = new Date();
var day = now.getDay();
var month = now.getMonth();
var year = now.getYear();
var date = now.getDate();

if (year < 100) {
if (year <= 36) {
if (year < 10) {
document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", 200" + year);
}
else {
document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", 20" + year);
}
}
else {
document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", 19" + year);
}
}
else if (year >= 2000) {
document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", " + year);
}
else {
document.write(dayNames[day] + "," + date + " . " + monthNames[month] + ", 2000");
}
// -->

</script> <NOSCRIPT> Script nicht verfügbar</NOSCRIPT></td></table>

<!- Banner ->

<table valign="top" halign="center" align="center" border="0" width="90%" cellpadding="0" cellspacing="0"

style="font-family:Verdana" style="font-size:8"><tr><td align="left" bgcolor="#FFFFFF" width="100%" style="border-right: 1

solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 0 solid black"></tr></table>

<!- Bannerend ->

<table valign="top" halign="center" align="center" border="0" width="90%" cellpadding="0" cellspacing="0"

style="font-family:Verdana" style="font-size:8">
<tr>
<td align="left" width="25%" bgcolor="#626262" style="border-right: 0 solid black; border-top: 1 solid black;

border-left: 1 solid black; border-bottom: 1 solid black" onMouseOver="bgColor='c1c1c1'"

onMouseOut="bgColor='626262'"><center><FONT FACE="verdana" size="2">[b]<a href="index.html"><font color=white>Azure

Dreams</a></td>
<td align="left" width="25%" bgcolor="#626262" style="border-right: 0 solid black; border-top: 1 solid black;

border-left: 1 solid black; border-bottom: 1 solid black" onMouseOver="bgColor='c1c1c1'"

onMouseOut="bgColor='626262'"><center><FONT FACE="verdana" size="2">[b]<font color=white>Hilfe</td>
<td align="left" width="25%" bgcolor="#626262" style="border-right: 0 solid black; border-top: 1 solid black;

border-left: 1 solid black; border-bottom: 1 solid black" onMouseOver="bgColor='c1c1c1'"

onMouseOut="bgColor='626262'"><center><FONT FACE="verdana" size="2">[b]<font color=white>Links</td>
<td align="left" width="25%" bgcolor="#626262" style="border-right: 1 solid black; border-top: 1 solid black;

border-left: 1 solid black; border-bottom: 1 solid black" onMouseOver="bgColor='c1c1c1'"

onMouseOut="bgColor='626262'"><center><FONT FACE="verdana" size="2">[b]<font color=white>Forum</td>
</tr>
</table>

<!- °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°OBEN°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° ->

<!- °°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°UNTEN°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°°° ->

<center>
<table width="90%" cellpadding=0 cellspacing=0 border=0 style="font-family:Verdana" style="font-size:8">
<tr>
<td width="100%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom:

1 solid black">
<table width="100%" cellpadding=0 cellspacing=0 border=0 style="font-family:Verdana" style="font-size:11">
<tr>
<td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">Page
</td>
<tr>
<td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">>>home
>>links
>>impressum
</td>
<tr>
<td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">Wichtiges
</td>
<tr>
<td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">>>überblick
>>azure dreams?
>>faqs
>>codes
>>bugs
>>steuerung
</td>
<tr>
<td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">Infos
</td>
<tr>
<td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">>>gebäude
>>turm
>>fallen
</td>
<tr>
<td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">Zauber
</td>
<tr>
<td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">>>natürl. Zauber
>>Mischzauber
>>Alle Zauber
</td>
<tr>
<td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">Mädchen
</td>
<tr>
<td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">>>Cherrl
>>Fur
>>Mia
>>Nico
>>Patty
>>Selfi
>>Vivian
</td>
<tr>
<td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">Items
</td>
<tr>
<td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">>>Essbares
>>Ausrüstung
>>Wichtige
>>Bälle
>>Nützliche
</td>
<tr>
<td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">Monster
</td>
<tr>
<td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">>>Feuer
>>Wasser
>>Wind
>>Erwachsen
>>Fusionen
</td>
<tr>
<td bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 1 solid black">Strategien
</td>
<tr>
<td style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 0 solid black">>>Anfänger
>>Barong
>>Kämpfen
>>Geld und die Stadt
</td>
<tr>
</table>
</td>
</table>
<table width="90%" cellpadding=0 cellspacing=0 border=0 style="font-family:Verdana" style="font-size:8">
<td width="5%"></td>
<td width="95%" style="border-right: 1 solid black; border-top: 1 solid black; border-left: 1 solid black; border-bottom: 1

solid black">
<table height="90%" cellpadding=0 cellspacing=0 border=0 style="font-family:Verdana" style="font-size:11">
<tr>
<td height="5%" bgcolor="#626262" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid

black; border-bottom: 1 solid black">Content/Information
</td>
<tr>
<td height="95%" style="border-right: 0 solid black; border-top: 0 solid black; border-left: 0 solid black;

border-bottom: 0 solid black">TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble.TExtblabliblubloble... TExtblabliblubloble...

TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble... TExtblabliblubloble...

</td>
</table>
</td>
</table>
</center>
</body>
</html>

jetzt isses aber wieder untereinander....

Problem mit Tabellen

Tags

Benutzer online in diesem Thema