PDA

Archiv verlassen und diese Seite im Standarddesign anzeigen : Problem mit Tables bei HTML

Schiller
2003-05-14, 22:25:12
Mahlzeit!

Ich hab da voll das blöde Prob. mit HTML.

Also...

ich hatte mir ein Webseitenlayout im Grafikprogramm erstellt und es später in die einzelnen Teile gesplittet um sie anzuordnen

____________
| LOGO |
| | | | <-- ABSTAND ZWISCHEN LOGO UND MENÜ LINKS UND RECHTS
| | | |
| | | |
|_| |_| <-- ABSTAND ZWISCHEN MENÜS UND KLEINEN ANSÄTZEN UNTEN

So, ich habe das alles in <table cellpadding=0 cellspacing=0 etc. eingebettet, aber diese horizontalen Abstände sind trotzdem da. Die Vertikalen sind ja weg, aber die horizontalen krieg ich nicht beseitigt!



HILFE! :)
Schiller
2003-05-14, 22:28:09
Hier noch der provisorische Code


<body bgcolor=#cccccc marginwidth=0 marginheight=0>
<table align=center border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<img src="links_oben.jpg"><img src="mitte.jpg"><img src="rechts_oben.jpg">
</td>
</tr>
</table>
<table align=center border=0 cellpadding=0 cellspacing=0>
<tr><td>
<img src="menu_links.jpg"><img src="menu_rechts.jpg">
</td>
</tr>
<table align=center border=0 cellpadding=0 cellspacing=0>
<tr>
<td>
<img src="links_unten.jpg"><img src="rechts_unten.jpg">
</td>
</tr>
</table>
</body>
</html>
JTHawK
2003-05-14, 23:04:52
dein code is falsch .. da fehlt ein "</table>" und was du nun genau willst kann ich beim besten willen nicht erkennen ..

mach maln bild von oder uppe das ganze aufn webserver zum anguggen
Schiller
2003-05-17, 19:14:20
So, jetzt mit Bild!

Wie kriege ich die Abstände weg? X(
Web_Freak
2003-05-17, 21:20:48
Also deinem Code zu Folge verwendest du 3 Tabellen.
Um diese ungewollten Zwischenräume zu vermeiden, solltest du das ganze in eine Tabelle packen.

Gruß
Web
Web_Freak
2003-05-17, 21:31:12
Abend

Soll die Tabelle so in der Art aussehen?

Gruß
Web
barracuda
2003-05-17, 22:07:27
Originally posted by Web_Freak
Also deinem Code zu Folge verwendest du 3 Tabellen.
Um diese ungewollten Zwischenräume zu vermeiden, solltest du das ganze in eine Tabelle packen.

Gruß
Web
Und da cellpadding und cellspacing auf 0 setzen.
Schiller
2003-05-17, 22:40:13
Ich hab das Problem jetzt gefunden! :)

Der Code sieht jetzt so aus:


<table align=center border=0 cellpadding=0 cellspacing=0>
<tr><td><img src="links_oben.jpg"><img src="mitte.jpg"><img src="rechts_oben.jpg"></td></tr>
<tr><td><img src="menu_links.jpg"><img src="1_4.jpg"><img src="menu_rechts.jpg"></td></tr>
<tr><td><img src="links_unten.jpg"><img src="rechts_unten.jpg"></td></tr>
</table>
</body>
</html>


Das ganze lag an den <tr>'s und <td>'s, ich hab sieh alle immer untereinandeer geschrieben und jetzt hab ich sie immer davor und dahinter gesetzt und nu ist's weg!

Aber trotzdem vielen Dank für eure Mühe und Tipps! ;)
Aqualon
2003-05-17, 22:54:13
Dein Problem war, dass du 3 Tabellen verwendet hast, statt nur einer. 3 Tabellen sind in so einem Fall überflüssig und führt zu dem von dir genannten Problem.
Schiller
2003-05-18, 00:20:43
Originally posted by Aqualon
Dein Problem war, dass du 3 Tabellen verwendet hast, statt nur einer. 3 Tabellen sind in so einem Fall überflüssig und führt zu dem von dir genannten Problem.

Nee, ich weiss, das war auch der "provisorische" bzw. test-Code! ;)

Ich wusste schon vorher, dass die Tabellen überflüssig und falsch sind! ;)
Unregistered
2003-05-18, 22:33:58
Originally posted by Bootsmann
Das ganze lag an den <tr>'s und <td>'s, ich hab sieh alle immer untereinandeer geschrieben und jetzt hab ich sie immer davor und dahinter gesetzt und nu ist's weg!

Aber trotzdem vielen Dank für eure Mühe und Tipps! ;)

Das ist HTML ziemlich egal... Du könntest den gesamten Code auf einer einzigen Zeile schreiben, das würde weder deinen HTML-Editor noch deinen Browser in irgendeiner Art und Weise stören.
JTHawK
2003-05-19, 16:29:37
Originally posted by Unregistered


Das ist HTML ziemlich egal... Du könntest den gesamten Code auf einer einzigen Zeile schreiben, das würde weder deinen HTML-Editor noch deinen Browser in irgendeiner Art und Weise stören.

entgegen dieser lupenreinen theorie basteln einige browser hin und wieder ein leerzeichen hinter bilder, tabellen oder in tabellen-zellen rein wo keine hingehören ... leider leider ..
Leonidas
2003-06-14, 02:04:32
Original geschrieben von Web_Freak
Abend

Soll die Tabelle so in der Art aussehen?

Gruß
Web


Im übrige exakt so, wie 3DC aufgebaut ist.
TryPod
2003-06-17, 22:17:11
Hi,

ich glaube, es geht (bzw. ging) Bootsmann einfach nur um diese kleinen Abstände zwischen seinen Homepage-Bausteinen.

Ein stinknormaler Table sieht so aus:

<table border="1" cellspacing=... blablabla...>
<tr>
<td>
<img src="http://www.url.de">
</td>
</tr>
</table>


Leider hat die Sache einen Haken. Denn wenn man den <td>-Tag nach einer Zeilenschaltung schließt, wird automatisch ein kleiner Spalt unter das Bild eingefügt.

Daher ist es besser, es so zu machen:

<table border="1" cellspacing=... blablabla...>
<tr>
<td>
<img src="http://www.url.de"></td>
</tr>
</table>

So wird verhindert, dass im Browser (wider jede Logik) ein kleiner Spalt eingefügt wird. :)
JTHawK
2003-06-18, 12:12:06
jup .. genau das meinte ich ja :D

die browser parsen auch zwischen dem code noch was heraus :D