PS CS3 Website mit IFrame oder so

BoRo85 · 05.02.2010

Hallo, ich habe jetzt das erste mal mit Photoshop eine Website gebastelt, und stehe nun vor einem kleinen Problem. (Bin kein Profi, und arbeite/spiele erst seit Weihnachten mit Photoshop CS3 herum)

Die Website soll ein Portal für ein Webradio mit zwei Sendern sein. Auf unserem alten Portal hatten wir zwei IFrames, die angezeigt haben was auf welchem Sender gerade läuft.
Nun habe ich versucht, diese IFrames per html code nachträglich in die Website mit einzubauen. Aber da verschiebt sich alles.
Hier der Code des Portals (ohne IFrame):

Code:

<html>
<head>
<title>...::: Radio Overtime  das Portal ::::...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#0000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Tabelle_01" width="961" height="768" border="0" cellpadding="0" cellspacing="0">
 <tr>
  <td colspan="5">
   <center><center>
   &nbsp;</center>
   <img src="Bilder/portal1_01.gif" width="960" height="395" alt=""></td>
  <td>
   <img src="Bilder/Abstandhalter.gif" width="1" height="395" alt=""></td>
 </tr>
 <tr>
  <td rowspan="3">
   <img src="Bilder/portal1_02.gif" width="29" height="373" alt=""></td>
  <td rowspan="2">
   <a href="" target="_blank">
    <img src="Bilder/Clubradio.gif" width="239" height="43" border="0" alt=""></a></td>
  <td rowspan="3">
   <img src="Bilder/portal1_04.gif" width="204" height="373" alt=""></td>
  <td>
   <a href="" target="_blank">
    <img src="Bilder/Chartradio.gif" width="272" height="42" border="0" alt=""></a></td>
  <td rowspan="3">
   <img src="Bilder/portal1_06.gif" width="216" height="373" alt=""></td>
  <td>
   <img src="Bilder/Abstandhalter.gif" width="1" height="42" alt=""></td>
 </tr>
 <tr>
  <td rowspan="2">
   <img src="Bilder/portal1_07.gif" width="272" height="331" alt=""></td>
  <td>
   <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
 </tr>
 <tr>
  <td>
   <img src="Bilder/portal1_08.gif" width="239" height="330" alt=""></td>
  <td>
   <img src="Bilder/Abstandhalter.gif" width="1" height="330" alt=""></td>
 </tr>
</table>
</center>
</body>
</html>

Habt ihr einen Tipp für mich, wie ich die IFrames hier einfügen kann, ohne dass sich alles verschiebt?
Vielen Dank im Vorraus,

LG BoRo

Herr_D · 05.02.2010

AW: PS CS3 Website mit IFrame oder so

Wo willst du sie einfügen?

BoRo85 · 05.02.2010

AW: PS CS3 Website mit IFrame oder so

Ich hätte gern diesen IFrame

Code:

<iframe src="" width="80%" height="100" scrolling="No"></iframe>

unter dem Link/Bild zum Clubradio (also unter folgendem Abschnitt):

Code:

<a href="" target="_blank">
    <img src="Bilder/Clubradio.gif" width="239" height="43" border="0" alt=""></a></td>
  <td rowspan="3">

und diesen IFrame

Code:

<iframe src="" width="80%" height="100" scrolling="No" border="0"></iframe>

unter dem Link/Bild zum Chartradio (also folgendem Abschnitt):

Code:

<a href="" target="_blank">
    <img src="Bilder/Chartradio.gif" width="272" height="42" border="0" alt=""></a></td>

Ich hoffe, dass man das verstehen kann, bin da noch nicht so firm drin

LG BoRo

Jens_S · 05.02.2010

AW: PS CS3 Website mit IFrame oder so

Ich sehe deine Bilder nicht und musste mich jetzt nach den KLinks orientieren aber das hier sollte es wahrscheinlich sein oder dir weiter helfen.

HTML:

<html>
<head>
<title>...::: Radio Overtime das Portal ::::...</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body bgcolor="#0000000" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<center>
<table id="Tabelle_01" width="961" height="768" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5">
<center><center>
&nbsp;</center>
<img src="Bilder/portal1_01.gif" width="960" height="395" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="395" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="Bilder/portal1_02.gif" width="29" height="373" alt=""></td>
<td rowspan="2">
<a href="http://www.club.radio-overtime.de" target="_blank">
<img src="Bilder/Clubradio.gif" width="239" height="43" border="0" alt=""></a></td>
<td rowspan="3">
<img src="Bilder/portal1_04.gif" width="204" height="373" alt=""></td>
<td>
<a href="http://www.chart.radio-overtime.de" target="_blank">
<img src="Bilder/Chartradio.gif" width="272" height="42" border="0" alt=""></a></td>
<td rowspan="3">
<img src="Bilder/portal1_06.gif" width="216" height="373" alt=""></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
<td rowspan="2" valign="top" background="Bilder/portal1_07.gif">
<iframe src="http://www.compusells.de/test/sc/example2chr.php" width="80%" height="100" scrolling="No" border="0"></iframe>
</td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
</tr>
<tr>
<td valign="top" background="Bilder/portal1_08.gif">
<iframe src="http://www.compusells.de/test/sc/example2clr.php" width="80%" height="100" scrolling="No"></iframe></td>
<td>
<img src="Bilder/Abstandhalter.gif" width="1" height="330" alt=""></td>
</tr>
</table>
</center>
</body>
</html>

BoRo85 · 06.02.2010

AW: PS CS3 Website mit IFrame oder so

Hallo Jens_S,

vielen Dank! Das hat wunderbar geklappt

Weißt du vielleicht auch noch, wie ich den Rahmen des IFrames transparent oder schwarz machen kann?

LG BoRo

Jens_S · 06.02.2010

AW: PS CS3 Website mit IFrame oder so

Wenn du im Iframe noch Frameborder="0" reinsetzt dann haste keinen Rahmen.

BoRo85 · 06.02.2010

AW: PS CS3 Website mit IFrame oder so

*hihi* Danke Jens, jetzt geht auch das.

Vielen Dank!