Supportnet / Forum / Webseiten/HTML
Bilder in Tabellen ohne Abstand ?
Frage
Hallo alle miteinander,
ich versuche momentan, mir eine Seite zusammenzubasteln. Jetzt soll diese Seite umgeben werden von einem Höhleneingang (weil es nämlich eine Rollenspielseite ist), den ich zu diesem Zweck in drei Teile geschnitten habe (oben-links-rechts). Dann habe ich rumexperimentiert und versucht das mit frames und Tabellen hinzukriegen, das es wieder wie ein zusammenhängender Höhleneingang aussieht, aber ich kriege das einfach nicht hin. Es ist zum Verzweifeln.
Also daher meine Frage :
Wie kann ich ein dreigeteiltes Bild in Tabellenform so darstellen, das keine Lücken bleiben ?
ein sich die Haare raufendes
PHAntom
P.S Danke scchon mal fürs Lesen soweit, Ihr wart sehr geduldig :)
Antwort 1 von Dr.Ma-Busen
Hallo,
erweiter dein <table>- Tag mal mit:
sollte dann so aussehen,
MfG
Dr.Ma-Busen
erweiter dein <table>- Tag mal mit:
style="border-collapse: collapse"sollte dann so aussehen,
<table style="border-collapse: collapse">MfG
Dr.Ma-Busen
Antwort 2 von MacGyver031
Hallo,
für IExplorer: <Table cellspacing=0 cellpadding=0> sollte helfen. für Netscape, muss ich noch schauen.
Gruss.
für IExplorer: <Table cellspacing=0 cellpadding=0> sollte helfen. für Netscape, muss ich noch schauen.
Gruss.
Antwort 3 von Das PHAntom
Uih, vielen Dank schon mal, leider bringt das irgendwie nicht den gewünschten Erfolg.
cellpadding und cellspacing hatte ich schon drin. Zeigt mir im IE aber dennoch immer noch Lücken.
Bei der style-Sache, ist das CSS ? Kann ich das in mein normales HTML-Dokument einfach so einfügen, oder muß ich dem erst irgendwo sagen "Achtung, ab hier beginnt CSS !" ? Normalerweise werden doch in HTML keine Doppelpunkte verwendet, oder ?
Aber dennoch Danke
Das PHAntom
cellpadding und cellspacing hatte ich schon drin. Zeigt mir im IE aber dennoch immer noch Lücken.
Bei der style-Sache, ist das CSS ? Kann ich das in mein normales HTML-Dokument einfach so einfügen, oder muß ich dem erst irgendwo sagen "Achtung, ab hier beginnt CSS !" ? Normalerweise werden doch in HTML keine Doppelpunkte verwendet, oder ?
Aber dennoch Danke
Das PHAntom
Antwort 4 von Dr.Ma-Busen
Ja, das ist CSS, kannst du einfach so einfügen wie im unteren Beispiel von Antwort 1. Dann sollten da lücken mehr bei den Grafiken in der Tabelle sein.
MfG
Dr. Ma-Busen
MfG
Dr. Ma-Busen
Antwort 5 von Redschina
hi PHAntom,
versuchs mal so - so hab ich das bei der hp meiner tochter geschafft...
<body background="Ordner/hintergrund.jpg" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
viel erfolg, redschina
versuchs mal so - so hab ich das bei der hp meiner tochter geschafft...
<body background="Ordner/hintergrund.jpg" marginwidth="0" marginheight="0" topmargin="0" leftmargin="0">
viel erfolg, redschina
Antwort 6 von Redschina
...in jede seite in den body-tag und dann rumfieseln bis es passt ;-)
Antwort 7 von semi
<body style="margin:0;padding:0">
in jedes Dokument
in jedes Dokument
Antwort 8 von Redschina
semi du reagierst noch *freu* :-))
Antwort 9 von Friedel
@redschine und @semi: Hier geh es nicht um Seitenhintergründe.
@Das PHAntom: Poste doch mal wie du es jetzt gemacht hast. Dann können wie besser nachvollziehen woher die Ränder kommen. Bei
sollte es keine Ränder geben. Achte darauf, dass vor und hinter dem Tag der das Bild einbindet kein Leerzeichen und kein Zeilenumbruch ist! Leerzeichen werden in der Seite natürlich als Abstand dargestellt. Zeilenumbrücher werden wie Leerzeichen dargestellt. (Deshalb ist diese Spalte jetzt auch so breit. Wenn ich in den Quellcode zusätzliche Zeilenumbrüche gemacht hätte, wären vor oder hinter den Bildern Abstände.)
@Das PHAntom: Poste doch mal wie du es jetzt gemacht hast. Dann können wie besser nachvollziehen woher die Ränder kommen. Bei
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td rowspan="2" width="20%" height="100%"><img border="0" src="links.gif" width="100%" height="100%"></td>
<td width="60%" height="20%"><img border="0" src="oben.gif" width="100%" height="100%"></td>
<td rowspan="2"><img border="0" src="rechts.gif" width="100%" height="100%"></td>
</tr>
<tr>
<td bgcolor="#000000">Hier ist dein Text</td>
</tr>
</table>sollte es keine Ränder geben. Achte darauf, dass vor und hinter dem Tag der das Bild einbindet kein Leerzeichen und kein Zeilenumbruch ist! Leerzeichen werden in der Seite natürlich als Abstand dargestellt. Zeilenumbrücher werden wie Leerzeichen dargestellt. (Deshalb ist diese Spalte jetzt auch so breit. Wenn ich in den Quellcode zusätzliche Zeilenumbrüche gemacht hätte, wären vor oder hinter den Bildern Abstände.)
Antwort 10 von Redschina
sorry friedel,
ich hab "frames" gelesen...
und ich hab das so hinbekommen, und zwar mit und ohne "höhleneingang" ;-)
carina
bini
und deshalb auch gepostet -> s.o.
gruss, redschina
ich hab "frames" gelesen...
und ich hab das so hinbekommen, und zwar mit und ohne "höhleneingang" ;-)
carina
bini
und deshalb auch gepostet -> s.o.
gruss, redschina
Antwort 11 von Redschina
zitat:
ich versuche momentan, mir eine Seite zusammenzubasteln. Jetzt soll diese Seite umgeben werden von einem Höhleneingang (weil es nämlich eine Rollenspielseite ist), den ich zu diesem Zweck in drei Teile geschnitten habe (oben-links-rechts)...
tschuldige friedel - ich schneide ne seite in frames, wenn ich oben/links/rechts haben möchte...
...man weiss ja ned, was PHAntom damit weiter vor hat?
ich versuche momentan, mir eine Seite zusammenzubasteln. Jetzt soll diese Seite umgeben werden von einem Höhleneingang (weil es nämlich eine Rollenspielseite ist), den ich zu diesem Zweck in drei Teile geschnitten habe (oben-links-rechts)...
tschuldige friedel - ich schneide ne seite in frames, wenn ich oben/links/rechts haben möchte...
...man weiss ja ned, was PHAntom damit weiter vor hat?
Antwort 12 von Redschina
sorry friedel,
anhand der überschrift is eigentlich alles klar - ich guck jetzt einfach bei dir weiter, so wie ich das immer schon gemacht habe! vielen dank nach wie vor :-)
gruss, redschine ;-)
anhand der überschrift is eigentlich alles klar - ich guck jetzt einfach bei dir weiter, so wie ich das immer schon gemacht habe! vielen dank nach wie vor :-)
gruss, redschine ;-)
Antwort 13 von Friedel
@Redschina: http://mitglied.lycos.de/trambahnschiena/Bini/ ist bei mir ne weiße Seite. Liegt aber vielleicht an Lycos. Alls was http://mitglied.lycos.de/ ist hat bei mir eingeschränke Rechte, weil ich mich nicht gerne von Lycos ausspionieren lssen will und weil die Adds von Lycos mir zu gefährlich und aggressiv sind.
Dachte mir schon, dass du nicht gemerkt hattest, dass es um Tabellen geht. Deshalb mein Hinweis.
Dachte mir schon, dass du nicht gemerkt hattest, dass es um Tabellen geht. Deshalb mein Hinweis.
Antwort 14 von semi
@Friedel
Geile Tapete :-)
Geile Tapete :-)
Antwort 15 von Das PHAntom
Eieiei, da hat sich ja ordentlich was getan :) .
@Redschina
Mit dem Höhleneingang als Hintergrund habe ich es auch schon ausprobiert. Da gab es allerdigns unter anderem das Problem, das ich die linke Seite des Eingangs gerne mit einer image-map belegen wollte und man sagte mir, das ich das bei einem Hintergrundbild nicht machen kann :( .
@all
Ich werde heute abend mal meinen bisherigen Versuch zu bereinigen (der ist nämlich dank zahlreicher Experimente ziemlich durcheinander) und ihn dann (falls mir Eure bisherigen Tipps dann noch nicht geholfen haben sollten) mal hier reinschreiben.
@friedel
Das mit den Leerzeichen und Zeilenumbrüchen wusste ich noch nicht, könnte in der Tat sein, das es daran liegt.
Bis heute Abend
Das PHAntom
@Redschina
Mit dem Höhleneingang als Hintergrund habe ich es auch schon ausprobiert. Da gab es allerdigns unter anderem das Problem, das ich die linke Seite des Eingangs gerne mit einer image-map belegen wollte und man sagte mir, das ich das bei einem Hintergrundbild nicht machen kann :( .
@all
Ich werde heute abend mal meinen bisherigen Versuch zu bereinigen (der ist nämlich dank zahlreicher Experimente ziemlich durcheinander) und ihn dann (falls mir Eure bisherigen Tipps dann noch nicht geholfen haben sollten) mal hier reinschreiben.
@friedel
Das mit den Leerzeichen und Zeilenumbrüchen wusste ich noch nicht, könnte in der Tat sein, das es daran liegt.
Bis heute Abend
Das PHAntom
Antwort 16 von PHAntom
Okay Leute, ein großes Danke an Euch. Ich hab es jetzt mit einer leicht veränderten Version von Friedels code hinbekommen, weil ich die Tabelle etwas anders strukturiert hatte. Aber es hat wirklich gut geklappt und Eure Tipps waren sehr hilfreich :D .
Das PHAntom, extra angemeldet deswegen
Das PHAntom, extra angemeldet deswegen
Antwort 17 von Redschina
hi phanthom,
freut mich für dich :-)
nichtsdestotrotz: es funzt auch mit hintergrundbild. durch ein sogen. "blind.gif" (transparentes gif)
erst imagemap für das hintergrundbild erstellen...
dann blind.gif in der exakten grösse des hintergrundbildes erstellen, in der imagemap das hintergrundbild durch das blind.gif ersetzen...
gruss, redschina
freut mich für dich :-)
nichtsdestotrotz: es funzt auch mit hintergrundbild. durch ein sogen. "blind.gif" (transparentes gif)
erst imagemap für das hintergrundbild erstellen...
dann blind.gif in der exakten grösse des hintergrundbildes erstellen, in der imagemap das hintergrundbild durch das blind.gif ersetzen...
gruss, redschina
Antwort 18 von PHAntom
@Redschina
Ja, das hab ich schon gehört, allerdings erhöht das ja dann auch wieder die Ladezeiten und das würde ich lieber vermeiden.
Aber Ihr seid mich sowieso noch nicht los, ich versuche nämlich jetzt in die Mitte einen iframe einzufügen und irgendwie wird der nicht angezeigt, wenn ich der Höhe einen prozentualen Wert zuweise.
Da werd ich wohl noch einen Thread aufmachen :p .
Das PHAntom, noch lange nicht fertig
Ja, das hab ich schon gehört, allerdings erhöht das ja dann auch wieder die Ladezeiten und das würde ich lieber vermeiden.
Aber Ihr seid mich sowieso noch nicht los, ich versuche nämlich jetzt in die Mitte einen iframe einzufügen und irgendwie wird der nicht angezeigt, wenn ich der Höhe einen prozentualen Wert zuweise.
Da werd ich wohl noch einen Thread aufmachen :p .
Das PHAntom, noch lange nicht fertig
Antwort 19 von Redschina
hmm phantom,
ich hab mit einem blind.gif in der grösse 415x600px getestet
dateigrösse = 1 kb ;-))
ich hab mit einem blind.gif in der grösse 415x600px getestet
dateigrösse = 1 kb ;-))