Mit dem Abstand der Tabelle bin ich am verzweifeln Wer kann mir helfen?

Status
Nicht offen für weitere Antworten.
T

ThaticanSuN

Grünschnabel
Hallo ich habe ein neues Layout erstellt mit versch. Tabellen, allerdings wollte ich auf der linken Seite im Navibereich nachträglich 2 Navitabellen einfügen.

cellspacing und cellpadding klappen nicht. Über CSS hab ich´s auch probiert, da krieg ich den Tabellenrand etc. Aber padding or padding-bottom (alles versucht) klappte nicht. :confused:

Bin am verzweifeln und brauch nen Profi, der mir sagt was ich falsch gemacht hab
Meinen HTML Code habe ich hinzugefügt

Wär echt dankbar...wenn mir hier jemand helfen kann.
Danke :-(

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
	<title>was hab ich falsch gemacht?</title>
	<link rel="stylesheet" href="" TYPE="text/css">
</head>

<body bgcolor="#000000">
<br>
<br>
<!--ANFANG -->
<div align="center"><table width="750" cellspacing="2" cellpadding="2" border="0">
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">

<tr>
<td>
<table width="100%" cellspacing="1" cellpadding="3" border="0" style="border: 1px solid #6699FF">
<tr>
<td height="65">

<font face="KMP_Clyde">

<!------------------ BANNER ODER LOGO ---------------------->
</font>
<b>

<font face="SurrealDB" size="7" color="#6495ED">

&nbsp;</font><font face="SurrealDB" size="4" color="#6495ED">...I see you again!</font></b></td>
</tr>
<tr>
<td height="20">

<!------------------ LINKS ODER HINWEISE ---------------------->

<font size="1" face="Verdana" color="#6495ED">www.onside.de/vu</font></td>
</tr>
</table>
</td></tr></table>

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

<table width="750" cellspacing="2" cellpadding="2" border="0">

<tr>
<td valign="top" width="160">
	

<table width="156" cellspacing="0" cellpadding="0" border="0">

<tr>
<td>
<table width="156" cellspacing="1" cellpadding="3" border="0" style="border: 1px solid #6699FF">
<tr>
<td height="20">

<font size="1">

<!------------------ LINKS ODER HINWEISE ---------------------->
</font><font face="Verdana" size="2" color="#6495ED">Navigation</font></td>
</tr>
<td height="150" valign="top">
<table border="0" width="100%" id="table1">
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font><font face="Verdana" color="#6495ED" size="1">.::Ego::.</font></td>
	</tr>
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font><font face="Verdana" color="#6495ED" size="1">.::Lyrics::.</font></td>
	</tr>
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font><font face="Verdana" color="#6495ED" size="1">.::Photografic::.</font></td>
	</tr>
	<tr>
		<td>
<font face="Verdana" color="#6495ED" size="1">.::Philosophie::.</font></td>
	</tr>
	<tr>
		<td>
<font face="Verdana" color="#6495ED" size="1">.::The other side::.</font></td>
	</tr>
	<tr>
		<td>
<font face="Verdana" color="#6495ED" size="1">.::dm::.</font></td>
	</tr>
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font><font face="Verdana" color="#6495ED" size="1">.::Hold me::.</font></td>
	</tr>
</table>
</td>
</tr>
</table>
</td></tr></table>	

<table width="156" cellspacing="1" cellpadding="3" border="0" style="border: 1px solid #6699FF" id="table3">
<tr>
<td height="20">

<font size="1">

<!------------------ LINKS ODER HINWEISE ---------------------->
</font>

<font size="2" color="#6495ED" face="Verdana">

Zitat</font></td>
</tr>
<td height="100" valign="top">
<table border="0" width="100%" id="table4">
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font></td>
	</tr>
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font></td>
	</tr>
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font><font face="Verdana" color="#6495ED" size="1"></font></td>
	</tr>
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font></td>
	</tr>
</table>
</td>
</tr>
</table>

</td>

<td valign="top" width="100%">

<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table  width="100%" cellspacing="1" cellpadding="3" border="0" style="border: 1px solid #6699FF">
<tr>
<td height="20">

<font size="1">

<!------------------ LINKS ODER HINWEISE ---------------------->
</font>

<font size="2" color="#6495ED" face="Verdana">

Herzlich Willkommen....</font></td>
</tr>
<td height="400" valign="top">
<!------------------ HAUPTINHALT EINFÜGEN ---------------------->
<font face="Verdana" size="2" color="#6495ED">Hallo ich krieg den Zeilenabstand 
per cellpadding, cellspacing nicht hin. Habe alles ausprobiert, aber ich mach 
wahrscheinlich einen entscheidenden Fehler. Auf der linken Seite. Eine dritte 
Navtabelle wollt ich eigentlich auch noch unter Zitat setzen.</font><p>&nbsp;</p>
<p><font face="Verdana" size="2" color="#6495ED">keine Ahnung, aber vielleicht 
kann mir ein Profi ja dabei etwas helfen! Wie gesagt hab alles ausprobiert! Auch 
mit CSS, da krieg ich nur Rahmen hin, allerdings mit padding verschiebt sich mit 
einem Mal das ganze Layout.</font></p>
<p><font face="Verdana" size="2" color="#6495ED">Für jede schnelle Hilfe bin ich 
dankbar!</font></p>
<p>&nbsp;</p>

<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
</td>
</tr>
</table>
</td></tr></table>	


</td>


<td valign="top" width="160">
	

<table width="156" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<table width="156" cellspacing="1" cellpadding="3" border="0" style="border: 1px solid #6699FF">
<tr>

<td height="20">

<font size="1">

<!------------------ LINKS ODER HINWEISE ---------------------->
</font>

<font size="2" color="#6495ED" face="Verdana">

News</font></td>
</tr>
<td height="400" valign="top">
<!------------------ HIER NEWS EINFÜGEN ---------------------->
<font size="1" face="Verdana" color="#6495ED">.::Platz f&uuml;r News::.
<!------------------ HIER NEWS EINFÜGEN ---------------------->

</font>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</td>
</tr>
</table>
</td></tr></table>	

</td>

</tr>
</table>

<table width="750" cellspacing="2" cellpadding="2" border="0">
<tr>
<td>
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>

<td>
<table width="100%" cellspacing="1" cellpadding="3" border="0" style="border: 1px solid #6699FF">

<tr>
<td height="20">

<!------------------ COPYRIGHT ---------------------->
<font size="2" color="#6495ED" face="Arial">copyright 
by T.Joneleit</font></td>
</tr>
</table>
</td></tr></table>

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

</div>
<!--ENDE-->


</body>
</html>
 
Zuletzt bearbeitet:
Hallo,

da dies dein erstes Posting im Tutorial.de -Forum ist, möchte ich dich darauf hinweisen, daß sich Quelltext- bzw. Code-Angaben im Editor mit
  • [ code ] ... [ /code ],
  • [ html ] ... [ /html ] oder
  • [ php ] ... [ /php ]
'speziell' formatieren lassen und den Beitrag so übersichtlicher gestalten ;)

Mein zweiter Tipp: überdenke dein tabellengestütztes Seitenlayout und setze dich mal mit dem sogenannten 'CSS-Layout' auseinander. Tabellen dienen nicht als 'Layout-Werkzeug' einer Seite, sondern zum tabellarischen Aufbereiten / Anzeigen von Inhalten / Daten.

Anregungen und Beispiele zum Thema 'CSS-Layout' (tabellenlose Seitenlayouts) findest du u.a. hier:

  1. css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers

  2. glish.com : CSS layout techniques

  3. intensivstation :: CSS Templates :: Templates

  4. selfHTML: CSS-basierte Layouts

  5. stu nicholls | CSS PLaY | CSS layouts
 
michaelsinterface hat gesagt.:
Hallo,

da dies dein erstes Posting im Tutorial.de -Forum ist, möchte ich dich darauf hinweisen, daß sich Quelltext- bzw. Code-Angaben im Editor mit
  • [ code ] ... [ /code ],
  • [ html ] ... [ /html ] oder
  • [ php ] ... [ /php ]
'speziell' formatieren lassen und den Beitrag so übersichtlicher gestalten ;)

Mein zweiter Tipp: überdenke dein tabellengestütztes Seitenlayout und setze dich mal mit dem sogenannten 'CSS-Layout' auseinander. Tabellen dienen nicht als 'Layout-Werkzeug' einer Seite, sondern zum tabellarischen Aufbereiten / Anzeigen von Inhalten / Daten.

Anregungen und Beispiele zum Thema 'CSS-Layout' (tabellenlose Seitenlayouts) findest du u.a. hier:

  1. css.maxdesign.com.au - CSS resources and tutorials for web designers and web developers

  2. glish.com : CSS layout techniques

  3. intensivstation :: CSS Templates :: Templates

  4. selfHTML: CSS-basierte Layouts

  5. stu nicholls | CSS PLaY | CSS layouts
Zum Vergrößern anklicken....
Hallo, nett dass Du Dich so schnell gemeldet hast.
Ich wollte wohl meine Inhalte in Tabellen anzeigen lassen.

Nachdem ich den Tabellenabstand nicht hinbekam hab ich die Tabellen per CSS versucht zu formatieren, was mir auch beim Schriftfont, border-color gelang. Allerdings habe ich den Abstand über padding (über mein stylesheet) nicht hinbekommen! Ich habe mich bereits ein wenig mit CSS auseinandergesetzt. Aber ich danke Dir für Deine Linkinfo! Wenn ich das nächste mal einen Code poste, dann mach ich das über html ] ... [ /html ] :)

So derweil guck ich, ob ich nochmal selber doch irgendwo einen kleinen Fehler gemacht hab! Danke
 
Es besteht auch die Möglichkeit, einen Beitrag nachträglich zu editieren / formatieren ;-]

[editpost]

Schon geschehen, vielen Dank ;)
 
michaelsinterface hat gesagt.:
Es besteht auch die Möglichkeit, einen Beitrag nachträglich zu editieren / formatieren ;-]
Zum Vergrößern anklicken....

:suspekt: Hatte ich doch schon, und zwar direkt nach Deiner ersten Meldung! Häää muss ich dat verstehen? Naja, ich weiss ja jetze beischeid! Danke Dir...
 
Sorry, bin per Email zu deinem letzten Posting verlinkt worden und habe daher nicht gesehen, daß du deinen ersten Beitrag mittlerweile editiert hattest.
 
Also, ich hab mir grad Dein Code im Editor betrachtet und ich finde Du solltest erst einmal
Deinen HTML Code richtig einrücken.

...allerdings wollte ich auf der linken Seite im Navibereich nachträglich 2 Navitabellen einfügen.cellspacing und cellpadding klappen nicht.
Zum Vergrößern anklicken....

Dein Problem hat weniger mit cellpadding und cellspacing zu tun eher mit colspan u. rowspan.

Sorry, wie gesagt, wenn Du Deinen Code richtig formatierst, wird eher jemand bereit sein Dir zu helfen.
 
Sehr nette Forenmitglieder hier :-)

Also ich habe alles mögliche ausprobiert, bis es funktionierte! Nach dem ich auf einer ziemlich genialen CSS Seite gelandet bin welche ich sofort favorisiert hatte. ;)

HTML: 
<!----Erste Tabelle---------->

<td valign="top" width="160">
	

<table width="156" cellspacing="0" cellpadding="0" border="0">

<tr>
<td>
<table width="156" cellspacing="1" cellpadding="3" border="0" style="border: 1px solid #6699FF">
<tr>
<td height="20">

<font size="1">

<!------------------ LINKS ODER HINWEISE ---------------------->
</font><font face="Verdana" size="2" color="#6495ED">Navigation</font></td>
</tr>
<td height="150" valign="top">
<table border="0" width="100%" id="table1">
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font><font face="Verdana" color="#6495ED" size="1">.::Ego::.</font></td>
	</tr>
	<tr>
		<td>
<font size="1">
<!------------------ HIER MENÜ EINFÜGEN ---------------------->
</font><font face="Verdana" color="#6495ED" size="1">.::Lyrics::.</font></td>
	</tr>
	</table>
</td>
</tr>
</table>
</td></tr></table>	
<!---Ende der ersten Tabelle------->

<!-----Tabelle 2 und hier habe ich folgenden Code hinzugefügt (<p style="margin-top:5px;"></p>)------->

<table width="156" cellspacing="0" cellpadding="0" border="0">

<tr>
<td>
<p style="margin-top:5px;">

</p>
<table width="156" cellspacing="1" cellpadding="3" border="0" style="border: 1px solid #6699FF">
<tr>
<td height="20">

<font size="1">

<!------------------ LINKS ODER HINWEISE ---------------------->
</font>

<font size="2" color="#6495ED" face="Verdana">

Zitat</font></td>
</tr>
<td height="110" valign="top">
&nbsp;</td>
</tr>
</table>
</td></tr></table>
:-(

Allerdings erfüllt mich diese Lösung nicht besonders. Werde jetzt meinen bloßen Tabellenbaum vornehmen und meine vor Wut gelöschte css Datei , erneut erstellen und Layout per css gestalten! Yupp denn man to, und schöne Grüsse aus NordWest!

http://www.css4you.de/ :google:
 
Zuletzt bearbeitet:
Es war nicht böse gemeint...... wollte Dir nur einen Tip geben.
Ich bin auch neu hier und gebe mir Mühe meinen Code einigermassen leserlich darzustellen. (richtig einrücken etc...)
Ich denke es setzt sich keiner ran und rückt den Code erst einmal zu recht um einen Überblick zu bekommen.

nix für ungut....

Gruß abakuz
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück