✔ Frage zu Designen einer >Homepage

Surviver · 7. Mai 2006

Hallo, ich habe mit Photoshop eine Homepage Template erstellt und gesliced.

Wenn ich auf Für Webspeichern gehe, funktioniert das auch alles, Dann wollte ich den Code teilen, in Header und Hauptteil, die dann auf der Index zusammengeführt werden.

Das funktioniert aber leider nicht.

Also im Header beginnt eine Tabelle, wo die Bilder eingefügt werden, also so dass alles richtig aussieht

Diese wird aber nicht am Ende der Datei geschlossen, sondern in der zweiten Datei, wo der Rest des Templates drin ist, also Dateiübergreifend.
Das funktioniert soweit auch, aber ich kann keine Tabellen einfügen, denn sonst wir die Opttik zerschossen.

Ich habe das ganze mal hochgeladen, wäre nett, wenn mal jemand drüber schaut.
http://rapidshare.de/files/19870026/3.rar.html

Zu ansehen gibts das hier:

http://tsc.ts.ohost.de/p/index.php?

Auf der Hauptseite geht das, da dort keine Tabelle ist, aber wenn man auf Gästbucg klickt, ist unten eine Fehlöer in der Grafik.

Wenn ich jetzt im Header die abelle schliese und im Hauptteil dann wieder neu öffne, passiert folgendes:

Also nochmal zusammengefasst: Ich möchte, dass die Tabellen nicht seitenübergreifend sind, sonder auf jdere Seite geöggnet & geschlossen werden

Vielen Dank !

mfg Surviver

PS: Ich hoffe das ist im richtigen Forum, habs mal hier hin geschrieben, da es ja auf php basiert

Maik · 7. Mai 2006

Hast du schon mal einen Blick in den ausgegebenen HTML-Quelltext geworfen und die Anzahl der Doctype-Deklarationen, HTML-Headers und body-Elemente gezählt :suspekt:

So sollte der Quelltext in den Grundzügen aussehen:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>
<body>

<!-- Seiteninhalt -->

</body>
</html>

und so sieht's bei dir aus:

HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>

<body>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>

</head>

<body>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>
</head>

<body>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title>Meine Seite</title>
        <link rel="stylesheet" type="text/css" href="includes/page.css" />
        <meta http-equiv="Content-Type"
                        content="text/html; charset=ISO-8859-1" />
    </head>
    <body>
        <div id="root">

            <div id="header">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- ImageReady Preload Script (1.psd) -->
<script type="text/javascript">
<!--

function newImage(arg) {
	if (document.images) {
		rslt = new Image();
		rslt.src = arg;
		return rslt;
	}
}

function changeImages() {
	if (document.images && (preloadFlag == true)) {
		for (var i=0; i<changeImages.arguments.length; i+=2) {
			document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
		}
	}
}

var preloadFlag = false;
function preloadImages() {
	if (document.images) {
		id1_07_over = newImage("http://www.tutorials.de/forum/images/1_07-over.gif");
		id1_09_over = newImage("http://www.tutorials.de/forum/images/1_09-over.gif");
		id1_12_over = newImage("http://www.tutorials.de/forum/images/1_12-over.gif");
		id1_14_over = newImage("http://www.tutorials.de/forum/images/1_14-over.gif");
		id1_16_over = newImage("http://www.tutorials.de/forum/images/1_16-over.gif");
		preloadFlag = true;
	}
}

// -->
</script>
<!-- End Preload Script -->
</head>
<center>
<body bgcolor="#999999" onload="preloadImages();">
<!-- ImageReady Slices (1.psd) -->
<table id="Tabelle_01" width="640" border="0" cellpadding="0" cellspacing="0">

	<tr>
		<td colspan="2">
			<img id="id1_01" src="http://www.tutorials.de/forum/images/1_01.gif" width="110" height="218" alt="" /></td>
		<td colspan="2">
			<img id="id1_02" src="http://www.tutorials.de/forum/images/1_02.gif" width="102" height="218" alt="" /></td>
		<td colspan="5">
			<img id="id1_03" src="http://www.tutorials.de/forum/images/1_03.gif" width="108" height="218" alt="" /></td>
		<td colspan="4">
			<img id="id1_04" src="http://www.tutorials.de/forum/images/1_04.gif" width="106" height="218" alt="" /></td>

		<td colspan="4">
			<img id="id1_05" src="http://www.tutorials.de/forum/images/1_05.gif" width="105" height="218" alt="" /></td>
		<td>
			<img id="id1_06" src="http://www.tutorials.de/forum/images/1_06.gif" width="109" height="218" alt="" /></td>
	</tr>
		<tr>
		<td>
			<a href="index.php?"
				onmouseover="changeImages('id1_07', 'images/1_07-over.gif'); return true;"
				onmouseout="changeImages('id1_07', 'images/1_07.gif'); return true;"
				onmousedown="changeImages('id1_07', 'images/1_07-over.gif'); return true;"
				onmouseup="changeImages('id1_07', 'images/1_07-over.gif'); return true;">
				<img name="id1_07" id="id1_07" src="http://www.tutorials.de/forum/images/1_07.gif" width="49" height="37" border="0" alt="" /></a></td>

		<td colspan="2">
			<img id="id1_08" src="http://www.tutorials.de/forum/images/1_08.gif" width="139" height="37" alt="" /></td>
		<td colspan="3">
			<a href="index.php?page=gb"
				onmouseover="changeImages('id1_09', 'images/1_09-over.gif'); return true;"
				onmouseout="changeImages('id1_09', 'images/1_09.gif'); return true;"
				onmousedown="changeImages('id1_09', 'images/1_09-over.gif'); return true;"
				onmouseup="changeImages('id1_09', 'images/1_09-over.gif'); return true;">
				<img name="id1_09" id="id1_09" src="http://www.tutorials.de/forum/images/1_09.gif" width="100" height="37" border="0" alt="" /></a></td>
		<td>
			<img id="id1_10" src="http://www.tutorials.de/forum/images/1_10.gif" width="22" height="37" alt="" /></td>
		<td>
			<img id="id1_11" src="http://www.tutorials.de/forum/images/1_11.gif" width="1" height="37" alt="" /></td>

		<td colspan="4">
			<a href="#"
				onmouseover="changeImages('id1_12', 'images/1_12-over.gif'); return true;"
				onmouseout="changeImages('id1_12', 'images/1_12.gif'); return true;"
				onmousedown="changeImages('id1_12', 'images/1_12-over.gif'); return true;"
				onmouseup="changeImages('id1_12', 'images/1_12-over.gif'); return true;">
				<img name="id1_12" id="id1_12" src="http://www.tutorials.de/forum/images/1_12.gif" width="89" height="37" border="0" alt="" /></a></td>
		<td>
			<img id="id1_13" src="http://www.tutorials.de/forum/images/1_13.gif" width="26" height="37" alt="" /></td>
		<td colspan="3">
			<a href="#"
				onmouseover="changeImages('id1_14', 'images/1_14-over.gif'); return true;"
				onmouseout="changeImages('id1_14', 'images/1_14.gif'); return true;"
				onmousedown="changeImages('id1_14', 'images/1_14-over.gif'); return true;"
				onmouseup="changeImages('id1_14', 'images/1_14-over.gif'); return true;">
				<img name="id1_14" id="id1_14" src="http://www.tutorials.de/forum/images/1_14.gif" width="80" height="37" border="0" alt="" /></a></td>
		<td>

			<img id="id1_15" src="http://www.tutorials.de/forum/images/1_15.gif" width="25" height="37" alt="" /></td>
		<td>
			<a href="#"
				onmouseover="changeImages('id1_16', 'images/1_16-over.gif'); return true;"
				onmouseout="changeImages('id1_16', 'images/1_16.gif'); return true;"
				onmousedown="changeImages('id1_16', 'images/1_16-over.gif'); return true;"
				onmouseup="changeImages('id1_16', 'images/1_16-over.gif'); return true;">
				<img name="id1_16" id="id1_16" src="http://www.tutorials.de/forum/images/1_16.gif" width="109" height="37" border="0" alt="" /></a></td>
	</tr>            <div id="main">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Unbenanntes Dokument</title>

</head>

<body>


	<tr>
		<td colspan="18">
			<img id="id1_17" src="http://www.tutorials.de/forum/images/1_17.gif" width="640" height="513" alt="" /></td>
	</tr>
	<tr>
		<td colspan="2">

			<img id="id1_18" src="http://www.tutorials.de/forum/images/1_18.gif" width="110" height="32" alt="" /></td>
		<td>
			<img id="id1_19" src="http://www.tutorials.de/forum/images/1_19.gif" width="78" height="32" alt="" /></td>
		<td colspan="2">
			<img id="id1_20" src="http://www.tutorials.de/forum/images/1_20.gif" width="61" height="32" alt="" /></td>
		<td colspan="5">
			<img id="id1_21" src="http://www.tutorials.de/forum/images/1_21.gif" width="80" height="32" alt="" /></td>
		<td>
			<img id="id1_22" src="http://www.tutorials.de/forum/images/1_22.gif" width="20" height="32" alt="" /></td>

		<td colspan="3">
			<img id="id1_23" src="http://www.tutorials.de/forum/images/1_23.gif" width="89" height="32" alt="" /></td>
		<td>
			<img id="id1_24" src="http://www.tutorials.de/forum/images/1_24.gif" width="56" height="32" alt="" /></td>
		<td colspan="3">
			<img id="id1_25" src="http://www.tutorials.de/forum/images/1_25.gif" width="146" height="32" alt="" /></td>
	</tr>
	<tr>
		<td>

			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="49" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="61" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="78" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="24" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="37" height="1" alt="" /></td>

		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="39" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="22" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="9" height="1" alt="" /></td>
		<td>

			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="9" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="20" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="51" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="26" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="12" height="1" alt="" /></td>

		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="56" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="12" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="25" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="109" height="1" alt="" /></td>
	</tr>

</table>
<!-- End ImageReady Slices -->

</body>
</html></body>
</html>
            </div>
            <br style="clear:both;" />
       </div>
    </body>
</html>
</body>
</html>

Tucker · 7. Mai 2006

Wenn du mal den entsprechenden PHP- o. HTML- Code posten würdest, wäre das hilfreiche. Ich vermute allerdings, dass hier ein HTML- Fehler vorliegt und dies weniger mit PHP zu tun hat.
Die Exportfunktion in Photoshop ist zwar gut und schön, aber (nach meinen Erfahrungen) ist der entstandenen HTML- Code in 3 von 5 Fällen Fehlerhaft und reist dir die Tabellen so auseinander, wie auf dem Bild-

Surviver · 7. Mai 2006

Hallo, michaelsinterface, Hallo Tucker

Ich habe das mit den Doctypes usw mal verbessert, isz zawr immernoch nicht perfekt, aber schonmal besser

@Trucker: Welchen Teil meinst du soll ich posten ?

Habe die Page (Alle Dateien) mal hochgeladen, download hier

Soll ich ihn komplett posten ?

UNd schonmal vielen Dank für die Hilfe, habe eben noch nicht sehr viel Erfahrung mit sowas

mfg Surviver

// Ich habe noch ein Proble: Der Rollover effekt funktioniert nicht mehr ...

Surviver · 8. Mai 2006

Also ich habe jetzt mal folgenden Code erstellt, das ganze sieht so aus : Hier lang

HTML:

<table id="Tabelle_01" width="640" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="2">
			<img id="id1_01" src="http://www.tutorials.de/forum/images/1_01.gif" width="110" height="218" alt="" /></td>
		<td colspan="2">
			<img id="id1_02" src="http://www.tutorials.de/forum/images/1_02.gif" width="102" height="218" alt="" /></td>
		<td colspan="5">
			<img id="id1_03" src="http://www.tutorials.de/forum/images/1_03.gif" width="108" height="218" alt="" /></td>
		<td colspan="4">
			<img id="id1_04" src="http://www.tutorials.de/forum/images/1_04.gif" width="106" height="218" alt="" /></td>
		<td colspan="4">
			<img id="id1_05" src="http://www.tutorials.de/forum/images/1_05.gif" width="105" height="218" alt="" /></td>
		<td>
			<img id="id1_06" src="http://www.tutorials.de/forum/images/1_06.gif" width="109" height="218" alt="" /></td>
	</tr>
		<tr>
		<td>
			<a href="index.php?"
				onmouseover="changeImages('id1_07', 'images/1_07-over.gif'); return true;"
				onmouseout="changeImages('id1_07', 'images/1_07.gif'); return true;"
				onmousedown="changeImages('id1_07', 'images/1_07-over.gif'); return true;"
				onmouseup="changeImages('id1_07', 'images/1_07-over.gif'); return true;">
				<img name="id1_07" id="id1_07" src="http://www.tutorials.de/forum/images/1_07.gif" width="49" height="37" border="0" alt="" /></a></td>
		<td colspan="2">
			<img id="id1_08" src="http://www.tutorials.de/forum/images/1_08.gif" width="139" height="37" alt="" /></td>
		<td colspan="3">
			<a href="index.php?page=gb"
				onmouseover="changeImages('id1_09', 'images/1_09-over.gif'); return true;"
				onmouseout="changeImages('id1_09', 'images/1_09.gif'); return true;"
				onmousedown="changeImages('id1_09', 'images/1_09-over.gif'); return true;"
				onmouseup="changeImages('id1_09', 'images/1_09-over.gif'); return true;">
				<img name="id1_09" id="id1_09" src="http://www.tutorials.de/forum/images/1_09.gif" width="100" height="37" border="0" alt="" /></a></td>
		<td>
			<img id="id1_10" src="http://www.tutorials.de/forum/images/1_10.gif" width="22" height="37" alt="" /></td>
		<td>
			<img id="id1_11" src="http://www.tutorials.de/forum/images/1_11.gif" width="1" height="37" alt="" /></td>
		<td colspan="4">
			<a href="#"
				onmouseover="changeImages('id1_12', 'images/1_12-over.gif'); return true;"
				onmouseout="changeImages('id1_12', 'images/1_12.gif'); return true;"
				onmousedown="changeImages('id1_12', 'images/1_12-over.gif'); return true;"
				onmouseup="changeImages('id1_12', 'images/1_12-over.gif'); return true;">
				<img name="id1_12" id="id1_12" src="http://www.tutorials.de/forum/images/1_12.gif" width="89" height="37" border="0" alt="" /></a></td>
		<td>
			<img id="id1_13" src="http://www.tutorials.de/forum/images/1_13.gif" width="26" height="37" alt="" /></td>
		<td colspan="3">
			<a href="#"
				onmouseover="changeImages('id1_14', 'images/1_14-over.gif'); return true;"
				onmouseout="changeImages('id1_14', 'images/1_14.gif'); return true;"
				onmousedown="changeImages('id1_14', 'images/1_14-over.gif'); return true;"
				onmouseup="changeImages('id1_14', 'images/1_14-over.gif'); return true;">
				<img name="id1_14" id="id1_14" src="http://www.tutorials.de/forum/images/1_14.gif" width="80" height="37" border="0" alt="" /></a></td>
		<td>
			<img id="id1_15" src="http://www.tutorials.de/forum/images/1_15.gif" width="25" height="37" alt="" /></td>
		<td>
			<a href="#"
				onmouseover="changeImages('id1_16', 'images/1_16-over.gif'); return true;"
				onmouseout="changeImages('id1_16', 'images/1_16.gif'); return true;"
				onmousedown="changeImages('id1_16', 'images/1_16-over.gif'); return true;"
				onmouseup="changeImages('id1_16', 'images/1_16-over.gif'); return true;">
				<img name="id1_16" id="id1_16" src="http://www.tutorials.de/forum/images/1_16.gif" width="109" height="37" border="0" alt="" /></a></td>
	</tr>
	
	</table>

Dann habe ich den unteren Teil in eine Datei getan, dies sieht so aus : Hier gehts lang

Code:

HTML:

<table id="Tabelle_02" width="640" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="18">
			<img id="id1_17" src="http://www.tutorials.de/forum/images/1_17.gif" width="640" height="513" alt="" /></td>
	</tr>
	<tr>
		<td colspan="2">
			<img id="id1_18" src="http://www.tutorials.de/forum/images/1_18.gif" width="110" height="32" alt="" /></td>
		<td>
			<img id="id1_19" src="http://www.tutorials.de/forum/images/1_19.gif" width="78" height="32" alt="" /></td>
		<td colspan="2">
			<img id="id1_20" src="http://www.tutorials.de/forum/images/1_20.gif" width="61" height="32" alt="" /></td>
		<td colspan="5">
			<img id="id1_21" src="http://www.tutorials.de/forum/images/1_21.gif" width="80" height="32" alt="" /></td>
		<td>
			<img id="id1_22" src="http://www.tutorials.de/forum/images/1_22.gif" width="20" height="32" alt="" /></td>
		<td colspan="3">
			<img id="id1_23" src="http://www.tutorials.de/forum/images/1_23.gif" width="89" height="32" alt="" /></td>
		<td>
			<img id="id1_24" src="http://www.tutorials.de/forum/images/1_24.gif" width="56" height="32" alt="" /></td>
		<td colspan="3">
			<img id="id1_25" src="http://www.tutorials.de/forum/images/1_25.gif" width="146" height="32" alt="" /></td>
	</tr>
	<tr>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="49" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="61" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="78" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="24" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="37" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="39" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="22" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="9" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="9" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="20" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="51" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="26" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="12" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="56" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="12" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="25" height="1" alt="" /></td>
		<td>
			<img src="http://www.tutorials.de/forum/images/spacer.gif" width="109" height="1" alt="" /></td>
	</tr>
</table>

Der untere Teil funktioniert auch problemlos, der obere aber nicht

...

In der PHP Datei habe ich es so gemacht, in der oberen habe ich den table-tag geöffnet und nicht geschlossen; in der unteren nur geschlossen ...

Ich weiss echt nicht, woran das liegen könnte, habe noch nicht so viel Erfahrung, wäre net, wenn mir jemand helfen könnte

Vielen Dank im Vorraus!

mfg Surviver

nephix · 8. Mai 2006

Hi,
ich würde einfach auf die Exportfunktion von Photoshop bzw Imageready verzichten und die Seite allein "auseinander nehmen"
Also die Bilder selbst manuell speichern und dann allein deine Seite aufbauen (mit CSS)
Das verschafft dir viel mehr Überblick über deine Seite und erspart dir sowas

Surviver · 8. Mai 2006

Jo das kann ich auvh machen, nur der Fehler muss ja in der Tabelle sein

Und ich weiss einfach nicht wo...

Denn wenn man das per Hand macht sieht das doch auch nicht viel anders aus oder ?

mfg Surviver

//Habe es hinbekommen; habe einfach für die Zeile eine eigene Tabelle angelegt - oder "kann" man das so nicht machen ?

Maik · 8. Mai 2006

Dann werfe nochmal einen Blick in den HTML-Quelltext:

Code:

<body bgcolor="#999999" onload="preloadImages()\;">
        <div id="root">
            <div id="header">
<!-- ImageReady Preload Script (1.psd) -->

<!-- End Preload Script -->
<center>
<body bgcolor="#999999" onload="preloadImages();">
<!-- ImageReady Slices (1.psd) -->
<table id="Tabelle_01" width="640" border="0" cellpadding="0" cellspacing="0">

...

</table>
<!-- Ad by ohost.de --><noscript></noscript><script type="text/javascript" src="http://media.ohost.de/layer.php?bid=89215108"></script><!-- /Ad by ohost.de -->
</body>
<!-- End ImageReady Slices -->
            </div>
            <br style="clear:both;" />
       </div>
    </body>
</html>

Der Rollover-Effekt funktioniert vermutlich wegen dem Backslash im onload-Eventhandler nicht:

Code:

<body bgcolor="#999999" onload="preloadImages()\;">

Da das Problem scheinbar nichts mit PHP zu tun hat, schiebe ich den Thread mal ins HTML-Board.

Surviver · 9. Mai 2006

Vielen Dank für eure Hilfe

Werden den Code nochmal durchschauen uns nochwas sortieren

Dank michaelsinterface funktioniert jetzt auch der Rollover, vielen Dank

Ist ja echt toll hier =)

mfg Surviver

PS: Habe das Design noch leicht verändert

PS. Ich setzte erstmal auf erledigt

✔ Frage zu Designen einer >Homepage

Surviver

Grünschnabel

Maik

Tucker

Erfahrenes Mitglied

Surviver

Grünschnabel

Surviver

Grünschnabel

nephix

Mitglied

Surviver

Grünschnabel

Maik

Surviver

Grünschnabel

Neue Beiträge