Problem mit Hintergrundbildern/Buttons

**Eduard Bär** · 13.08.2007 23:30

Ich habe vor mir die Grundlagen der Webgestaltung anzueignen und habe angefangen aus einer Grafik Buttons auszuschneiden. Im HTML Editor wollte ich das Bild dann wieder zusammensetzen. Leider ist mir das nicht geglückt. Es entstehen immer solche unschönen weißen Streifen zwischen den Zeilen. (siehe Bild)

[Bild: upload.cgi?a=show&file=4665686c65722e4a5047]

Das original Bild sieht im jpg Format so aus (ich habe das Bild auch in einer hochauflösenderen Qualität, aber um die Qualität des Bildes usw. geht es ja nicht)

[Bild: upload.cgi?a=show&file=486f6d652e6a7067]

Hier ist der HTML Code den ich geschrieben habe

HTML-Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Erster Versuch</title>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td colspan="5"><img src="Bilder\Header.gif" alt="Header" border="0"></td>
	</tr>
	<tr>
		<td><img src="Bilder\btnHome.gif" alt="Home" border="0"></td>
		<td><img src="Bilder\btnProduktionen.gif" alt="Produktionen" border="0"></td>
		<td><img src="Bilder\btnDownloads.gif" alt="Downloads" border="0"></td>
		<td><img src="Bilder\btnForum.gif" alt="Forum" border="0"></td>
		<td><img src="Bilder\btnKontakt.gif" alt="Kontakt" border="0"></td>
	</tr>
	<tr>
		<td colspan="5"><img src="Bilder\BodyHome.gif" border="0"></td>
	</tr>
</table>
</body>
</html>

Hier könnt ihr euch nochmal den Code als HTML Datei sowie die entsprechenden Grafiken runterladen falls das nötig sein sollte
http://upload.worldofplayers.de/uplo...2e7a6970&big=1

Achja, falls das wichtig ist, ich habe mir die Seite mit dem Firefox 2.0.0.6 anzeigen lassen

Vielen Dank schon mal im Vorraus für eure Hilfe

Edit: moment, wo sind die Bilder hin??

**wurzel^2** · 16.08.2007 20:35

warum löst du das nicht so?

http://de.selfhtml.org/html/grafiken..._sensitive.htm

was du siehst sind glaub ich die "ränder" von der tabelle, bin aber nicht sicher

mfg wurzel^2

**Akaz** · 18.08.2007 13:46

Ich habe das selbe Problem. Unter Firefox läuft das alles sehr gut mit 'border-spacing: 0px" im Stylesheet (beim Table-Tag), aber der Internet Explorer versteht das nicht. Hat da jemand eine Idee? border-collapse funktioniert auch nicht wirklich.
Eduard Bär, versuch mal folgendes:

HTML-Code:

<table border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse; border-spacing: 0px;">

Wenigstens unter Firefox müsste das funktionieren.

**haddock** · 18.08.2007 18:16

Vielleicht einfach:

Class, Id, bla, bla, bla{
border:0;
}

@Edu:

Ich würde empfehlen, gleich xhtml zu lernen, ist standardisierter und "fester" in der Ausgabe. Dazu unbedingt CSS.

Und Tabellen Layouts sind net wirklich up to date , ich würde eher mit div arbeiten.
Und dann fehlt auch noch die Schriftsatzdeklaration und die Inhaltsauszeichnung.

Problem mit Hintergrundbildern/Buttons

Themen-Optionen

Problem mit Hintergrundbildern/Buttons

Berechtigungen