Tabellen-Problem (Schwarzer Balken / Verschoben)

Dennisen

Hallo,
ich habe auf http://www.GoW-Clan.net eine kleine Enterpage mit Tabellen, wie man sieht wird dass aber beim Button klicken zerissen, weil über diesem und unter diesem nen schwarzer Streifen ist. Was hab ich denn falsch gemacht. Quelltext gibts ja per Browser, ich weiss nicht, ob ich den hier reinstellen soll / muss / darf.

Code ist auf alle Fälle valide.

Donkey

mach aus dem Link eine Zeile, dann passts

HTML

<a href="/index/"><img alt="" src="/symbols/images/enterpage/image-3.jpg"></a>

Dennisen

Getan, leider kein Erfolg
Ich glaube ich bin blind

Donkey

Du hast da jedenfalls ne Lücke drin:

[Blockierte Grafik: http://i27.tinypic.com/e34tt.png]

mach mal border="0" in den <img>-Tag

Dennisen

Die Lücke meine ich.
Border ist doch über CSS schon drin?
Ich fügs nochmal direkt ein - ist aber nicht valid.

//EDIT: No Change
Heilige Scheisse ...

Donkey

Ich Teste das mal eben auf dem Server

Local taugt der Quellcode so wie er jetzt ist...

EDIT:
Also bei mir passt das
http://kendo-bunker.de/donkey/test/

Dennisen

Bei mir nicht, moment mal, ich hänge gleich nen Screenshot an, was für einen Browser nutzt du?

Donkey

FF - Habs grad mal mit IE angeschaut da passte es nicht...

Komisch....

Dennisen

Genau. Screenshot hängt oben.
Und für IE wollte ich eigentlich optimieren ...

//EDIT:
Gerade FF3.5 runtergeladen - sieht genauso aus wie im IE.
Auch die kleinen schwarzen Balken

Donkey

Machs so:

So passts auch im IE

HTML

<table cellpadding="0" cellspacing="0">
    <tr>
        <td>
            <img alt="" src="symbols/images/enterpage/image-1.jpg">
        </td>
        <td>
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td>
                        <img alt="" src="symbols/images/enterpage/image-2.jpg"><br>
                        <a href="/index/"><img alt="" src="symbols/images/enterpage/image-3.jpg"></a><br>
                        <img alt="" src="symbols/images/enterpage/image-4.jpg">
                   </td>
                </tr>
            </table>
        </td>
        <td>
            <img alt="" src="symbols/images/enterpage/image-5.jpg">
        </td>
    </tr>
</table>

Alles anzeigen

Dennisen

Hier stinkt was gewaltig.
Geht bei mir auch nicht - weder IE 8 noch FF3.5. Gleiches Bild wie oben!

Donkey

Das muss gehen.

Guck mal die Testseite an die ich verlinkt hab.

Dennisen

Das geht nicht,
du hast den DocType weggelassen ...
Dann ist es nicht mehr valide

Donkey

Sorry, beim schnellen Testen is die Einrückung ein bissl durcheinandergekommen - aber valide ist das auf jeden Fall.

Sind ja nur Zeilenumbrüche

EDIT:
Den Doktype musste natürlich wieder einfügen - war ja nur ein Test

Dennisen

Nein, wird nicht validiert, weil der Doctype fehlt
http://validator.w3.org/check?uri=http…de/donkey/test/

//EDIT:
Kaum ist nur der Doctype wieder drin - gehts nicht mehr.
Hier stinkt was gewaltig Da will man validen Code produzieren,
und dann will HTML nicht

Donkey

Jetzt is die Tabelle auch wieder so wie vorher...

Ein vollständiger Doctype sieht übrigens so aus:

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Dennisen

Ja, die habe ich zurückgesetzt, weils wohl am Doctype liegt.
Und bei Strict HTML 4.01 ist das nicht nötig, und wird auch validiert.
Ich änders nochmal auf deine Variante MIT Doctype. Dann kannste kucken

//EDIT:
Ist jetzt drin - geht nicht - sobald Doctype drin is feierabend

//EDIT2:
Jetzt langer Doctype drin - Document valide - no chance.
Ich glaub ich fang erst garnicht an PHP zu lernen -.-

Donkey

Bau das Teil doch einfach ohne Tabelle

Dennisen

Wie geht das?
Hab bisher nur mit Tabellen gearbeitet,
ich bin mehr der System-Administrator

Donkey

nimm ein div in der richtigen Beite, zentrier es mit margin:auto;

darein kommen dann 3 div´s mit float:left und eins mit der klasse zum clearen.

EDIT:

Also ich hab das jetzt mal getestet (-siehe Testseite-)
Sind leider auch Lücken drin.
Ich weiss nicht wiso - hab auch keine Ideen mehr.

Kannst noch versuchen das Bild als Ganzes zu nehmen und ne Image-Map zu machen.
http://de.selfhtml.org/html/grafiken/verweis_sensitive.htm

Tags