Hallo!
Ich habe ein sehr wichtiges Anliegen: Ich habe über Photoshop ein Design für meine Homepage erstellt. Dieses habe ich geslict und es wurde somit in einen HTML-Quellcode umgewandelt. So weit, so gut. Jetzt will ich aber auf einem Teil der Seite Content einbauen. Jetzt ist das noch nicht möglich, da die weiße Fläche eine Grafik ist. Wie kann ich es machen, dass ich dort einen Iframe einbinden kann, der dann den Content darstellt?
Wenn ihr weitere Informationen benötigt, meldet euch.
QUELLTEXT:
__________
<html>
<head>
<title>design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (design.psd) -->
<table id="Table_01" width="800" height="601" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="10">
<img src="images/design_01.gif" width="800" height="50" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/design_02.gif" width="575" height="18" alt=""></td>
<td>
<img src="images/design_03.gif" width="25" height="18" alt=""></td>
<td rowspan="10">
<img src="images/design_04.gif" width="200" height="550" alt=""></td>
</tr>
<tr>
<td colspan="2" rowspan="7">
<img src="images/design_05.gif" width="202" height="469" alt=""></td>
<td colspan="2" rowspan="7">
<img src="images/design_06.gif" width="135" height="469" alt=""></td>
<td colspan="4">
<img src="images/design_07.gif" width="238" height="350" alt=""></td>
<td rowspan="7">
<img src="images/design_08.gif" width="25" height="469" alt=""></td>
</tr>
<tr>
<td colspan="4">
<img src="images/design_09.gif" width="238" height="8" alt=""></td>
</tr>
<tr>
<td rowspan="5">
<img src="images/design_10.gif" width="35" height="111" alt=""></td>
<td>
<img src="images/design_11.gif" width="100" height="35" alt=""></td>
<td rowspan="5">
<img src="images/design_12.gif" width="3" height="111" alt=""></td>
<td>
<img src="images/design_13.gif" width="100" height="35" alt=""></td>
</tr>
<tr>
<td>
<img src="images/design_14.gif" width="100" height="3" alt=""></td>
<td rowspan="2">
<img src="images/design_15.gif" width="100" height="38" alt=""></td>
</tr>
<tr>
<td>
<img src="images/design_16.gif" width="100" height="35" alt=""></td>
</tr>
<tr>
<td>
<img src="images/design_17.gif" width="100" height="3" alt=""></td>
<td>
<img src="images/design_18.gif" width="100" height="3" alt=""></td>
</tr>
<tr>
<td>
<img src="images/design_19.gif" width="100" height="35" alt=""></td>
<td>
<img src="images/design_20.gif" width="100" height="35" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/design_21.gif" width="200" height="63" alt=""></td>
<td colspan="2">
<img src="images/design_22.gif" width="13" height="13" alt=""></td>
<td colspan="5">
<img src="images/design_23.gif" width="362" height="13" alt=""></td>
<td>
<img src="images/design_24.gif" width="25" height="13" alt=""></td>
</tr>
<tr>
<td colspan="8">
<img src="images/design_25.gif" width="400" height="50" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="200" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="2" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="124" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="35" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="100" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="3" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="100" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="25" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="200" height="1" alt=""></td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Bild
_________
So sieht das ganz im Moment im Browser aus:
http://img168.imageshack.us/img168/9639/clipboard017ns.jpg
Hier mal eine Makierung, wo der COntent hin soll und wie die Grafik da liegt und wie sie heißt:
http://img102.imageshack.us/img102/6749/clipboard013qj.jpg
Danke für eure Hilfe!
David