Unerwünschte Abstände zwischen Grafiken

[Emanuel Clapasson]

Hallo!

Auf meiner Website hat es oben im Header rechts und links nach den Buttons ein kleinen unerwünschten Abstand der das Design unschön aussehen lässt. Warum sind die da?

THX im Voraus!

Greets, Emanuel

[Orlando]

Hallo Emanuel,

Auf meiner Website hat es oben im Header rechts und links nach den Buttons ein kleinen unerwünschten Abstand der das Design unschön aussehen lässt. Warum sind die da?

<?xml version='1.0' encoding='utf-8'?>

Die XML-Deklaration führt im IE zum Box-Model-Bug und ist bei XHTML 1.0 Transitional nicht notwendig.

Grüße
 Roland

[Orlando]

Die XML-Deklaration

ist nicht der Grund, wie ich gerade sehe.

Mist, dabei hatte ich keine Lust, mich durch die Tabellen zu wühlen …

Grüße
 Roland

[Orlando]

Schuld sind die Tabulatoren und Zeilenumbrüche im Quelltext. Entferne diese, dann wird die Seite wie gewünscht dargestellt. Der relevante Quelltext:

<td width="100%" style="background-image:url(http://www.pokeblitz.ch/images/navbg.png)"><div align="left"><a href=""><img src="navstart.png" alt="Startseite" width="89" height="46" border="0" /></a><a href="http://www.pokeblitz.ch/chat/"><img src="navchat_.png" alt="Chat" width="83" height="46" border="0" /></a><a href="http://www.pokeblitz.ch/forum/"><img src="navforum.png" alt="Forum" width="83" height="46" border="0" /></a><a href="http://www.pokeblitz.ch/downloads/"><img src="navdownl.png" alt="Download" width="82" height="46" border="0" /></a></div></td>

Grüße
 Roland

[Emanuel Clapasson]

Vielen Dank! War echt nur das, hätt ich nicht gedacht. Warum haben die Umbrüche und Tabulatoren dies verursacht? Sollte man den Quelltext also lieber nicht lesbar formatieren?

[Hopsel]

Hi Emanuel!

Vielen Dank! War echt nur das, hätt ich nicht gedacht. Warum haben die Umbrüche und Tabulatoren dies verursacht?

Eine Eigenart des IE.

Sollte man den Quelltext also lieber nicht lesbar formatieren?

Doch, natürlich. Und deshalb sollte man auch nur dort Tabellen benutzen, wo sie gebraucht werden.

Deine Seite ließe sich so(ooo) schön strukturieren und per CSS auszeichnen. Wieso verzichtest du auf die Vorteile von Trennung von Layout und Inhalt?

MfG Hopsel

[Emanuel Clapasson]

Nun, ich hab mich bisher nicht damit befasst, nur mal davo gehört. Tabellenlayouts kenne ich halt schon lange und kann damit auch am besten umgehen.
Wie könnte ich denn das Design am einfachsten portieren dass es wirklich so(ooo) schön per CSS ausgezeichnet und strukturiert ist?

[Hopsel]

Hi Emanuel!

Wie könnte ich denn das Design am einfachsten portieren dass es wirklich so(ooo) schön per CSS ausgezeichnet und strukturiert ist?

Du wirst begeistert sein:
Denn den Inhalt an sich in eine Quelltextdatei zu schreiben ist ja nicht wirklich viel Arbeit (ich geh mal davon aus, dass du schon Inhalt hast).

Strukturiere nun sinnvoll deinen Inhalt. D.h., fasse Links in Listen zusammen, Trenne logische Absätze durch eben solche. Benutze Überschriften (von H1 abwärts). Nutze Tabellen dort, wo tabellarische Daten dargestellt werden sollen usw usf ...

Hast du alle inhaltlichen Unterteilungen sinnvoll vorgenommen, kannst du mit dem Design beginnen. Im Prinzip hast du deinem Werk eine Form gegeben. Jetzt malst du es noch bunt an.

Das Tolle ist, dass ein Besucher deiner Seite schon mit der bloßen Form etwas anfangen kann.

Es erfordert zwar etwas Zeit, sich in CSS einzuarbeiten, aber es lohnt auf jeden Fall. Selfhtml hilft dir bestimmt gerne. :)

Damit du eine Vorstellung bekommst, welche Möglichkeiten sich dir eröffnen, schau dich doch mal auf http://csszengarden.com/ um. Achte dabei nicht so sehr auf den Quelltext, denn der ist zwar immer noch sehr gut zu lesen, aber die Div-Suppe ist nicht nötig. Allerdings wirst du sehen, was sich für großartige Dinge mit CSS bewerkstelligen lassen.

MfG Hopsel