• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Abstände zwischen Tables

Status
Für weitere Antworten geschlossen.
A

alinapapa

Neues Mitglied
Hallo.

Ich erstelle gerade eine website. Im I.E. sieht die Seite gut aus, aber in google chrome kommen weiße, unerwünschte Abstände (siehe Bild).

2shny.jpg


Die faq "Woher kommen die Abstände?" habe ich gelesen und befolgt, daran liegt es afaik nicht.

Ich erstelle die Site mit dem Luxus-Programm "text-editor" von MS, außerdem sind meine html-Kenntnisse sehr begrenzt. :-P

Vielleicht hat jemand von Euch Kundigen zwei Sekunden Zeit, um mir bei der Fehlersuche zu helfen...?

Der Fehler ist gleicht auf der Startseite zu sehen: http://3d-phase.de

1000 Dank schon mal,

alinapapa
 
Da weiß ich ja garnicht, wo ich anfangen soll.

Bitte nicht persönlich nehmen, aber ich denke der Fehler liegt in den von dir schon richtig erkannten, "begrenzten HTML-Kenntnissen". Wann und wie hast du denn HTML gelernt? Was du da verwendest, ist schon lange nicht mehr aktuell.

Tabellen sind nicht fürs Layout geeignet und fast alle Formatierungen können per CSS gemacht werden, so bleibt der Code übersichtlich und einfacher zu pflegen.

Ich würde dir vorschlagen, dass du vielleicht mal dieses Tutorial durcharbeitest (gibt aber auch noch andere), dann hast du eine gute Grundlage in HTML und CSS und solche Probleme wie du sie jetzt hast, lassen sich viel einfacher lösen.

Im Firefox sieht deine Seite übrigends so aus...
 

Anhänge

  • 3d-phase.jpg
    3d-phase.jpg
    34,5 KB · Aufrufe: 12
Zuletzt bearbeitet:
<Thor> schrieb:
Im Firefox sieht deine Seite übrigends so aus...
Zum Vergrößern anklicken....

:shock: Uähh..., das ist ja *richtig* schlimm!!!

<Thor> schrieb:
Tabellen sind nicht fürs Layout geeignet und fast alle Formatierungen können per CSS gemacht werden, so bleibt der Code übersichtlich und einfacher zu pflegen.

Ich würde dir vorschlagen, dass du vielleicht mal dieses Tutorial durcharbeitest (gibt aber auch noch andere), dann hast du eine gute Grundlage in HTML und CSS und solche Probleme wie du sie jetzt hast, lassen sich viel einfacher lösen.
Zum Vergrößern anklicken....

Ich hatte einfach wenig Lust, mich mit CSS zu beschäftigen, und zudem hab ich auch so genug um die Ohren. Hatte halt gehofft, dass ich die einfachen Anforderungen mit herkömmlichem html und stylesheets gebacken kriege.

Anscheinend ist das nicht der Fall. Hmpf.

Dann werd ich mich wohl doch da reinknien müssen. Deinen Link nehme ich als gerne erste Anlaufstelle, vielen Dank!

Viele Grüße, alinapapa
 
Ohne das du es mir jetzt vllt böse nimmst, aber

Ich hatte einfach wenig Lust, mich mit CSS zu beschäftigen, und zudem hab ich auch so genug um die Ohren. Hatte halt gehofft, dass ich die einfachen Anforderungen mit herkömmlichem html und stylesheets gebacken kriege.
Zum Vergrößern anklicken....
es wäre wesentlich "schneller" gegangen es richtig zu lernen (css-layout), anstatt dieses gegurgel "hinzuspucken" und jetzt im nachhinein erst die Fehler zu beheben und dann zu merken "das sieht scheiße aus, ist unübsichtlich, läd zu lange und will auch nicht 100% so wie ich es mir vorstelle".

Auf Hilfe stößt du hier immer und wenn du Fragen zu dem CSS-Layout oder dem Ausfüllen deiner Seite (z.B. div-layer) haben solltest, kannst du sie sehr gerne stellen. Geholfen wird immer.

Vllt solltest du dir nochmal überlegen ob du dir nicht doch ein paar minuten mehr zeit nimmst, immerhin willst du dich ja im internet anschaulich präsentieren und einen guten eindruck hinterlassen.
 
Hallo.

Loon3y schrieb:
Ohne das du es mir jetzt vllt böse nimmst, aber
es wäre wesentlich "schneller" gegangen es richtig zu lernen (css-layout),....
Zum Vergrößern anklicken....

Ohne dass Du es jetzt *mir* böse nimmst; viel neue Info enthält Deine Antwort nicht. ;-)

Loon3y schrieb:
Vllt solltest du dir nochmal überlegen ob du dir nicht doch ein paar minuten mehr zeit nimmst, ....
Zum Vergrößern anklicken....

Hab´ ich doch geschrieben, dass ich das machen werde...

Ciao, alinapapa
 
hallo

ich selbst bin kein so grosser tabellen hasser, wie alle anderen hier, zumal tabellen bei tabellarischer anzeige durchaus ihre berechtigung haben und dann zu einem layout (tabellenlayout) mittel werden. der trend hier gehlt manchmal in die richtung tabellen mit css zu erstellen, wo man durchaus tabellen verwenden kann und sollte. aber egal.

dein "luxus-editor" baut dir da irgendwo immer ein n ein.

um helfen zu können müsste man mal den code sehen, deine seite scheint sich da aber zu verändern (quelltext mässig) ich sehe den von dir geschilderten effekt nicht und komme mit dem firefox.

ach ja, manchmal sind in (vor allem neuen) browsern auch fehler, die dann nach uind nach gefixed werden.
 
Hi.

sysop schrieb:
hallo

ich selbst bin kein so grosser tabellen hasser, wie alle anderen hier, zumal tabellen bei tabellarischer anzeige durchaus ihre berechtigung haben und dann zu einem layout (tabellenlayout) mittel werden. der trend hier gehlt manchmal in die richtung tabellen mit css zu erstellen, wo man durchaus tabellen verwenden kann und sollte. aber egal.
Zum Vergrößern anklicken....

Da meine Seite keine großen Spielereien beinhaltet, wollte ich das mit Tabellen lösen. Nun habe ich mit CSS angefangen, und werde das auch durchziehen, da mein html-Code zwar auf dem I.E. gut aussieht, leider aber nicht auf anderen Browsern. Naja, hab das halt erst hinterher gesehen.

sysop schrieb:
dein "luxus-editor" baut dir da irgendwo immer ein n ein.
Zum Vergrößern anklicken....

Das "n" ist beabsichtigt und stellt eigentlich ein Zeichen aus dem Wingdings dar: das (orange) Quadrat, das man oben auf dem Foto sehen kann. Wahrscheinlich darf man das nicht, aber I.E. und Chrome stellen es wie gewünscht dar, aber der Firefox schreibt lieber ein "n". Ich möchte es eben nicht als Grafik darstellen, und weiß nicht, wie man sonst ein Quadrat erzeugen kann. Als box via CSS vielleicht?

sysop schrieb:
hallo

um helfen zu können müsste man mal den code sehen, deine seite scheint sich da aber zu verändern (quelltext mässig) ich sehe den von dir geschilderten effekt nicht und komme mit dem firefox.al.
Zum Vergrößern anklicken....

Hm, das verstehe ich nicht. Ich mache einfach rechtsklick, Quellcode, und dann sehe ich den Code. Was klappt denn da bei Dir nicht?

Ciao, alinapapa
 
Der Firefox stellt die Seite im Full Standards Mode da.
Da bleibt ohne etwas css, abhängig von der Schriftgröße, ein Abstand unter <img>.
Der Abstand verschwindet (in Mozilla-Browsern) wenn du den Almost Standards Mode verwendest:
Code: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Mit dem Doctype kannst du auch deine veralteten html-Attribute verwenden.

Deine Farbangaben sind verkehrt:
Code: 
bgcolor="151A17"
muß heißen:
Code: 
bgcolor="#151A17"
Im Allgemeinen ist es nicht klug, seine Ergebnisse zuerst im IE zu betrachten.

Zuerst sollte es z.B. im Firefox und Opera passen ehe man die Fehler des IE fixt.

Du könntest auch allen <img> innerhalb von <td> display block geben.
css:
Code: 
td img {
display: block;
}
So würde der Abstand in allen geläufigen Browsern verschwinden.

Wer kein Wingdings auf seinem Rechner installiert hat, kann die Symbole natürlich auch nicht sehen. Daher das "n"
 
Zuletzt bearbeitet:
Got it!!!

Yeah neuroleptika!

Deine Tipps haben mir sehr geholfen!!! :-)

Habe nun auf I.E. und Chrome dasselbe Erscheinungsbild (siehe Anhang).
Das wingdings-Zeichen habe ich durch ein gif ersetzt, denn nicht jeder hat wingdings.

Wie die Seite auf anderen Browsern (Opera, Firefox, Netscape....) aussieht, würde mich sehr interessieren!
Wenn also jemand einen anderen Browser besitzt, würde ich mich über ein kurzes Feedback freuen.

Dir vielen Dank neuroleptika!

Ciao, alinapapa

Anhang: So soll´s aussehen:



y0ccu.jpg
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben