Tabelle oben auf Html-Seite anzeigen

von Eisstiel Mi 12 Aug 2009 - 16:25

Hallo,
ich weiß nicht ob es so ein Thema schon gibt. Ich habe gesucht aber nichts gefunden.

Also mein Problem ist:
Ich habe mich in letzter Zeit mit "Html-Codes" beschäftigt und habe mir eine Html-Seite erstellt. Den Code möchte ich dann später unter "Module"->"Html-Seitenverwaltung"->"neue Html-Seite hinzufügen" reinsetzen.

So jetzt habe ich allerdings bei dem Code das Problem, das ich eine Tabelle vertikal-mittig angezeigt bekomme, aber diese vertikal-oben angezeigt bekommen möchte.(die rechte Tabelle mit den beiden Texteingabefeldern)

Code:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Der Lagerbestand</title> <meta name="author" content="Administrator"> <meta name="editor" content="html-editor phase 5"> </head> <body background="http://i89.servimg.com/u/f89/13/99/90/77/imag0110.jpg" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <p><font size="+4"><font color="#008000"><font face="Georgia">Der Lagerbestand der Stadt <u>Cheserquin</u></font></font></font></p> <br> <table summary="" width="100%" border="1"> <colgroup> <col width="60%"> <col width="40%"> </colgroup> <tr> <td> <form action="input_text_tabelle.htm"> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Hölzer:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Bretter:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Buche</font></td> <td><input name="Buche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Buche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Birke</font></td> <td><input name="Birke" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Birke" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Esche</font></td> <td><input name="Esche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Esche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eiche</font></td> <td><input name="Eiche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eiche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eibe</font></td> <td><input name="Eibe" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eibe" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Steine:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Ziegel:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Kalk</font></td> <td><input name="Kalk" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Kalk" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Sand</font></td> <td><input name="Sand" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Sand" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Schiefer</font></td> <td><input name="Schiefer" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Schiefer" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Granit</font></td> <td><input name="Granit" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Granit" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Mamor</font></td> <td><input name="Mamor" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Mamor" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Erze:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Barren:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Kupfer</font></td> <td><input name="Kupfer" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Kupfer" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eisen</font></td> <td><input name="Eisen" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eisen" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Sorandil</font></td> <td><input name="Sorandil" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Sorandil" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Adamant</font></td> <td><input name="Adamant" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Adamant" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Mithril</font></td> <td><input name="Mithril" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Mithril" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Stützbalken:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Dachkonstrukte:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Buche</font></td> <td><input name="Buche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Buche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Birke</font></td> <td><input name="Birke" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Birke" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Esche</font></td> <td><input name="Esche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Esche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eiche</font></td> <td><input name="Eiche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eiche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eibe</font></td> <td><input name="Eibe" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eibe" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Bodenplatten:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Mauerstücke:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Kalk</font></td> <td><input name="Kalk" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Kalk" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Sand</font></td> <td><input name="Sand" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Sand" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Schiefer</font></td> <td><input name="Schiefer" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Schiefer" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Granit</font></td> <td><input name="Granit" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Granit" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Mamor</font></td> <td><input name="Mamor" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Mamor" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> </form> </td> <td> <table width="100%" summary="" border="1" cellpadding="6"> <tr> <td> <form action="textarea.htm"> <p><font face="Georgia"><font size="+3"><font color="#800080"><u>Waffen:</u></font></font></font><br> <textarea name="user_eingabe" cols="50" rows="10"></textarea> </p> </form> </td> </tr> <tr> <td> <form action="textarea.htm"> <p><font face="Georgia"><font size="+3"><font color="#800080"><u>Rüstungen:</u></font></font></font><br> <textarea name="user_eingabe" cols="50" rows="10"></textarea> </p> </form> </td> </tr> </table> </td> </tr> </table> </body> </html>

Ich möchte also, das die rechte Tabellen in der Spalte, oben angezeigt wird(unter der Überschrift) und nicht wie jetzt mittig.

Ich hoffe ihr könnt mir helfen.

Mit freundlichen Grüßen
Eisstiel

von LouiXIV Mi 12 Aug 2009 - 23:21

hmm, auf anhieb weiss ich auch keine Lösung.
Du kannst natürlich eine leere Zeile unten einfügen, damit die 3 Zellen zusammen genau so gross sind wie die Tabelle links.
Hier mal der letzte Teil des Codes mit leerer Zelle:

Code:: <td height="268"> <form action="textarea.htm"> <p><font face="Georgia"><font size="+3"><font color="#800080"><u>Waffen:</u></font></font></font><br> <textarea name="user_eingabe" cols="50" rows="10"></textarea> </p> </form> </td> </tr> <tr> <td height="268"> <form action="textarea.htm"> <p><font face="Georgia"><font size="+3"><font color="#800080"><u>Rüstungen:</u></font></font></font><br> <textarea name="user_eingabe" cols="50" rows="10"></textarea> </p> </form> </td> </tr> <tr> <td height="666"> </td> </tr> </table> </td> </tr> </table> </body> </html>

von jumpy Mi 19 Aug 2009 - 18:33

Hi,

da gibt es einen ganz simplen Trick um das zu bewerkstelligen. Du mußt eine LEERE Grafik in Deine
Programmierung einbinden, die Zeile, die ich Dir dort eingebaut habe ist folgende:

Code:: <img src="images/trans.gif" width="239" height="647" border="0">

Die Grafik heißt schlicht und einfach trans.gif und ist im URSPRUNG 4x4 Px groß.

Hier Deine Programmierung, klar den Pfad zu Deiner Grafik, die du uploaden mußt, mußt Du selber setzen, die Größe ist FREI skalierbar, logisch, OHNE Rand! (Border=0)!

Code:: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Der Lagerbestand</title> <meta name="author" content="Administrator"> <meta name="editor" content="html-editor phase 5"> </head> <body background="http://i89.servimg.com/u/f89/13/99/90/77/imag0110.jpg" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000"> <p><font size="+4"><font color="#008000"><font face="Georgia">Der Lagerbestand der Stadt <u>Cheserquin</u></font></font></font></p> <br> <table summary="" width="100%" border="1"> <colgroup> <col width="60%"> <col width="40%"> </colgroup> <tr> <td> <form action="input_text_tabelle.htm"> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Hölzer:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Bretter:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Buche</font></td> <td><input name="Buche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Buche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Birke</font></td> <td><input name="Birke" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Birke" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Esche</font></td> <td><input name="Esche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Esche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eiche</font></td> <td><input name="Eiche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eiche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eibe</font></td> <td><input name="Eibe" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eibe" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Steine:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Ziegel:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Kalk</font></td> <td><input name="Kalk" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Kalk" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Sand</font></td> <td><input name="Sand" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Sand" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Schiefer</font></td> <td><input name="Schiefer" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Schiefer" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Granit</font></td> <td><input name="Granit" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Granit" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Mamor</font></td> <td><input name="Mamor" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Mamor" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Erze:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Barren:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Kupfer</font></td> <td><input name="Kupfer" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Kupfer" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eisen</font></td> <td><input name="Eisen" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eisen" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Sorandil</font></td> <td><input name="Sorandil" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Sorandil" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Adamant</font></td> <td><input name="Adamant" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Adamant" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Mithril</font></td> <td><input name="Mithril" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Mithril" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Stützbalken:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Dachkonstrukte:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Buche</font></td> <td><input name="Buche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Buche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Birke</font></td> <td><input name="Birke" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Birke" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Esche</font></td> <td><input name="Esche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Esche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eiche</font></td> <td><input name="Eiche" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eiche" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Eibe</font></td> <td><input name="Eibe" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Eibe" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> <table width="100%" summary="" border="0" cellpadding="6"> <colgroup> <col width="20%"> <col width="40%"> <col width="40%"> </colgroup> <thead> <tr> <td align="left"></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Bodenplatten:</u></font></font></td> <td align="left"><font size="+2"><font color="#EC7B0E"><u>Mauerstücke:</u></font></font></td> </tr> </thead> <tr> <td align="left"><font size="+1">Kalk</font></td> <td><input name="Kalk" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Kalk" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Sand</font></td> <td><input name="Sand" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Sand" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Schiefer</font></td> <td><input name="Schiefer" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Schiefer" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Granit</font></td> <td><input name="Granit" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Granit" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> <tr> <td align="left"><font size="+1">Mamor</font></td> <td><input name="Mamor" type="text" size="8" maxlength="4" dir="rtl"></td> <td><input name="Mamor" type="text" size="8" maxlength="4" dir="rtl"></td> </tr> </table> </form> </td> <td> <table width="100%" summary="" border="1" cellpadding="6"> <tr> <td> <form action="textarea.htm"> <p><font face="Georgia"><font size="+3"><font color="#800080"><u>Waffen:</u></font></font></font><br> <textarea name="user_eingabe" cols="50" rows="10"></textarea> </p> </form> </td> </tr> <tr> <td> <form action="textarea.htm"> <p><font face="Georgia"><font size="+3"><font color="#800080"><u>Rüstungen:</u></font></font></font><br> <textarea name="user_eingabe" cols="50" rows="10"></textarea> </p> </form> </td> </tr> </table> <br> <img src="images/trans.gif" width="239" height="647" border="0"></td> </tr> </table> </body> </html>

Hoffe Dir geholfen zu haben...

xoxo
jumpy

Ps.: mit diesem Trick umgehst Du zusätzliche Zeilen, bist flexibler in Html und Php, im setzen von Abständen, wo immer diese benötigt werden!

	Neue Beiträge seit dem letzten Besuch.	
	Textbausteine des MODERATIONSTOOL	
	AB > PFAD > GENERATOR	
	FORUM > PFAD > GENERATOR	
	Unterstützung Lösungs-Probleme	
	Auffällige User	
	Der Runde Tisch	
	HÄUFIG GESTELLTE FRAGEN	

Tabelle oben auf Html-Seite anzeigen

Tabelle oben auf Html-Seite anzeigen

Re: Tabelle oben auf Html-Seite anzeigen

Re: Tabelle oben auf Html-Seite anzeigen