Ungewünschter Abstand zwischen den Zeilen

[McTen]

Nabend zusammen,

ich habe mal eine bescheidene Frage.

Ich habe eine index.html für webspell erstellt um mein eigenes Template anzupassen und dabei mit Tabellen gearbeitet wie ich es in einem youtube-video gesehen habe (bei dem dieser Fehler nicht war). Problem ist nur, ich bekomme automatisch zwischen den Zeilen eine kleine Leerzeile und habe keine Ahnung warum. Ich habe quasi bis auf Dr. Google und Youtube keine Ahnung von html, daher bitte Erklärungen für Dumme.

Zum besseren Verständnis habe ich ein Beispiel erstellt, bei dem es aber auch sofort passiert.... kann mir da einer helfen???

Vielen Dank schonmal!!!

 

[MrMurphy]

Hallo

Wir werden dir kaum helfen können.

Wir sehen mit deinem Quelltext nur blau:

http://boratb.bplaced.net/index11.html

Du solltest das Video ganz schnell als schlechten Traum wieder vergessen.

Die Erstellung von Tabellen wird dort offensichtlich veraltet beschrieben und es werden Elemente verwendet, die aus dem aktuellem HTML gestrichen wurden.

Und dann sind in deinem Quelltext weit und breit keine Tabellendaten zu erkennen. Damit würde die Tabelle zum Layouten mißbraucht werden, was aber nicht zulässig ist.

Gruss

MrMurphy

 

[McTen]

Hi MrMurphy,

danke für deine Antwort. Mit dem Quelltext alleine ist nur blau, ich habe ja die Bilder vom Beispiel im gleichen Ordner wie die Index, sieht dann in der Vorschau so aus wie auf dem Bild was ich hochgeladen habe.

Joa das könnte wohl so sein... das Video ist von 02/2012

Hätte ich drauf kommen können, dass sich da einiges getan hat.

Gibt es denn irgendwo eine Art Anleitung, zumindest in den Grundzügen wie man es aktuell macht bzw. machen sollte?

 

[MrMurphy]

Hallo

Hätte ich drauf kommen können, dass sich da einiges getan hat.

Ein Tabellenlayout ist bereits seit 16 Jahren veraltet und falsch. Damals wurde CSS2 offiziell eingeführt. In dem Video aus dem Jahr 2012 werden also Techniken des vorigen Jahrtausends erklärt.

Auf den Beispielseiten des CMS Webspell ist auch zu ersehen, dass eine Tabellenstruktur für Webspell überhaupt nicht erforderlich ist.

Gibt es denn irgendwo eine Art Anleitung, zumindest in den Grundzügen wie man es aktuell macht bzw. machen sollte?

Das ist leider schwierig. Kostenlos gibt es (noch) keine guten Anleitungen. Ich kenne zumindest keine. Es gibt zwar viele Seiten, auf denen HTML-Elemente und CSS-Anweisungen relativ ausführlich erklärt werden. Zum Beispiel SelfHTML. Die sind aber eher zum Nachschlagen als zum Lernen geeignet. Praxistauglich und auch anfängerfreundlich sind die Bücher und Videotrainings von Peter Müller. Wie zum Beispiel Flexible Boxes.

Oder such mal bei Youtube nach

html5 css3 tutorial deutsch

Und schau dir verschiede Videos an. Es gibt da auch Anleitungen, die aus mehreren Videos bestehen.

Gruss

MrMurphy

 

[SpiceLab]

Um eines der möglichen Gegenmittel für die unerwünschten Whitespaces genannt zu haben, die Inline-Elemente im Textfluß produzieren (im vorliegenden Fall <img>), und grundsätzlich auch in einem tabellenlosen Layout auftreten können:

img {display:block}

Moderation: Von HTML nach CSS verschoben.