[DW 2004] Frame im Bild

Status
Nicht offen für weitere Antworten.
J

jackassol

Erfahrenes Mitglied
Hallo ihr....


Habe mit photoshop ein bild fürs web exportiert!(also ein großes bild in mehrere kleinere Teile "geschnitten"!)

So weit so gut....Das bild besteht aus 10 kleinern Bilder...nun möchte ich aber ein Bildteil rausmachen und da ein frame einfügen...wie geht das?

Genau so wie es auf der seite ist

Arbeite mit dreamweaver 2004
 
Ein Blick in den Quelltext der genannten Seite hätte Dir verraten, daß hierfür das iframe-Element verwendet wurde ;)
 
Ich arbeite nicht mit Photoshop und Dreamweaver, aber wenn Du sagst, daß Du aus Photoshop eine Grafik für das Web exportiert hast, dann wurde doch ein entsprechender HTML-Code (Tabellenkonstruktion für das Grafik-Puzzle) generiert, oder nicht?
 
ja und zwar sieht er so aus:::: habs aber nich hinbekommne...es hat sich immer alles verschoben...
PHP: 
<html>
<head>
<title>bildmitrand Kopie</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
<!--
body {
    background-color: #201A04;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- ImageReady Slices (bildmitrand Kopie) -->
<p>&nbsp;</p>
<table width="1007" height="574" border="0" align="center" cellpadding="0" cellspacing="0" id="Tabelle_01">
    <tr>
        <td colspan="5" rowspan="2">
            <img src="Bilder/extraweg-site_01.jpg" width="356" height="39" alt=""></td>
        <td colspan="2">
            <img src="Bilder/extraweg-site_02.jpg" width="269" height="31" alt=""></td>
        <td colspan="3" rowspan="3">
            <img src="Bilder/extraweg-site_03.jpg" width="180" height="148" alt=""></td>
        <td colspan="2" rowspan="3">
            <img src="Bilder/extraweg-site_04.jpg" width="201" height="148" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="1" height="31" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="4">
            <img src="Bilder/extraweg-site_05.jpg" width="269" height="200" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="1" height="8" alt=""></td>
    </tr>
    <tr>
        <td rowspan="4">
            <img src="Bilder/extraweg-site_06.jpg" width="45" height="243" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="Bilder/extraweg-site_07.jpg" width="257" height="161" alt=""></td>
        <td colspan="2" rowspan="4">
            <img src="Bilder/extraweg-site_08.jpg" width="54" height="243" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="1" height="109" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="3">
            <img src="Bilder/extraweg-site_09.jpg" width="141" height="134" alt=""></td>
        <td colspan="3" rowspan="3">
            <img src="Bilder/extraweg-site_10.jpg" width="240" height="134" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="1" height="52" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="Bilder/extraweg-site_11.jpg" width="257" height="82" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="1" height="31" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/extraweg-site_12.jpg" width="269" height="51" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="1" height="51" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="Bilder/extraweg-site_13.jpg" width="176" height="291" alt=""></td>
        <td colspan="2">
            <img src="Bilder/extraweg-site_14.jpg" width="137" height="137" alt=""></td>
        <td colspan="2">
            <img src="Bilder/extraweg-site_15.jpg" width="174" height="137" alt=""></td>
        <td colspan="2">
            <img src="Bilder/extraweg-site_16.jpg" width="225" height="137" alt=""></td>
        <td colspan="3">
            <img src="Bilder/extraweg-site_17.jpg" width="158" height="137" alt=""></td>
        <td rowspan="2">
            <img src="Bilder/extraweg-site_18.jpg" width="136" height="291" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="1" height="137" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="Bilder/extraweg-site_19.jpg" width="180" height="154" alt=""></td>
        <td>
            <img src="Bilder/extraweg-site_20.jpg" width="131" height="154" alt=""></td>
        <td colspan="2">
            <img src="Bilder/extraweg-site_21.jpg" width="225" height="154" alt=""></td>
        <td colspan="3">
            <img src="Bilder/extraweg-site_22.jpg" width="158" height="154" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="1" height="154" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/spacer.gif" width="45" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="131" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="126" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="11" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="43" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="131" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="138" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="87" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="54" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="39" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="65" height="1" alt=""></td>
        <td>
            <img src="Bilder/spacer.gif" width="136" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Bild ....05 soll den iframe enthalten..
 
Ohne die Seite jetzt "live" gesehen zu haben, behaupte ich einfach mal, daß da einige Grafiken (darunter auch extraweg-site_05.jpg) als Hintergrundbild für die jeweilige Tabellenzelle eingesetzt gehören.
 
Sorry, aber mit RAR-Archiven kann ich hier leider nichts anfangen. Kannst Du vielleicht "Zippen", oder die Seite online stellen?

extraweg-site_02.jpg oder extraweg-site_05.jpg?
 
Quellcode-Schnipsel der test.html:

Code: 
<td colspan="2" rowspan="4">
       <iframe src="seite_im_iframe.html" width="269" height="200" frameborder="0"></iframe>
</td>
Quellcode der seite_im_iframe.html:

Code: 
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<style type="text/css">
<!--
body {
background: url(Bilder/test_05.jpg) no-repeat fixed;
color: #fff;
}
-->
</style>

</head>
<body>

<!-- Hier folgt der Inhalt -->

</body>
</html>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück