tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
5394
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
AUF DIESES THEMA
ANTWORTEN
  1. 10.09.07 16:10 #1
    maik500 maik500 ist offline Rookie
    Registriert seit
    Aug 2007
    Beiträge
    9
    Hallo,

    Ich habe folgendes Problem:

    Ich hab mit Photoshop CS 2 ein Design/Layout für eine Homepage erstellt.
    Das Layout habe ich dann mit Image Ready gescliced d.h.in mehrere Teile geschnitten,
    dabei wurde auch die passende Html Datei mit dazu erstellt, die ich bei Dreamweaver eingefügt hatte. Doch ich konnte keine eigenen Texte,Iframes usw. erstellen, da das Layout/Design aus Bildern besteht. Dann habe ich es nochmal gescliced, da wo meine Texte stehen sollten, habe ich das Bild einfach aus der Html Datei gelöscht und mit der Hintergrundfarbe des Bildes ersetzt, sodass man kein Unterschied sehen konnte.
    Doch wenn ich jetzt ein Iframe einfügen wollte, dann hat sich das Layout so verschoben bzw. die einzelnen Teile sind auseinander gegangen. Ich hoffe ich versteht mein Problem.
    Ich bitte um eure Hilfe, da ich nicht mehr weiter weiß.
    Danke im Vorraus!

    Gruß
    Maik
     
    Zitieren Zitieren
  2. 10.09.07 16:28 #2
    Avatar von schutzgeist
    schutzgeist schutzgeist ist offline
    Registriert seit
    Apr 2005
    Ort
    Schwabenländle
    Beiträge
    499
    Poste doch mal bitte deinen bisherigen Quellcode.

    Bzw. gibts das Ganze auch online zu begutachten?
     
    Die with a beer in your hand \o/

    http://www.last.fm/user/steffue/
    Zitieren Zitieren
  3. 10.09.07 20:35 #3
    maik500 maik500 ist offline Rookie
    Registriert seit
    Aug 2007
    Beiträge
    9
    Nein, weil das Design nicht richtig funktionieren will.
    Deswegen frage ich ja auch.
    Hier der Html Code:


    Code :
    1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153

    <!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>Untitled-1</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
body {
    background-color: #000000;
}
-->
</style></head>
<body>
<!-- ImageReady Slices (Untitled-1) -->
<table width="951" border="0" align="right" cellpadding="0" cellspacing="0" id="Table_01">
    <tr>
        <td colspan="10">
            <img id="Untitled_1_01" src="http://www.tutorials.de/forum/images/Untitled-1_01.gif" width="950" height="6" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="6" alt="" /></td>
    </tr>
    <tr>
        <td rowspan="14">
            <img id="Untitled_1_02" src="http://www.tutorials.de/forum/images/Untitled-1_02.gif" width="14" height="694" alt="" /></td>
        <td rowspan="13">
            <img id="Untitled_1_03" src="http://www.tutorials.de/forum/images/Untitled-1_03.gif" width="19" height="687" alt="" /></td>
        <td colspan="8">
            <img id="Untitled_1_04" src="http://www.tutorials.de/forum/images/Untitled-1_04.gif" width="917" height="28" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="28" alt="" /></td>
    </tr>
    <tr>
        <td colspan="4" rowspan="4">
            <img id="Untitled_1_05" src="http://www.tutorials.de/forum/images/Untitled-1_05.gif" width="786" height="95" alt="" /></td>
        <td>
            <img id="Untitled_1_06" src="http://www.tutorials.de/forum/images/Untitled-1_06.gif" width="57" height="29" alt="" /></td>
        <td colspan="3" rowspan="4">
            <img id="Untitled_1_07" src="http://www.tutorials.de/forum/images/Untitled-1_07.gif" width="74" height="95" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="29" alt="" /></td>
    </tr>
    <tr>
        <td>
            <img id="Untitled_1_08" src="http://www.tutorials.de/forum/images/Untitled-1_08.gif" width="57" height="21" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="21" alt="" /></td>
    </tr>
    <tr>
        <td>
            <img id="Untitled_1_09" src="http://www.tutorials.de/forum/images/Untitled-1_09.gif" width="57" height="28" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="28" alt="" /></td>
    </tr>
    <tr>
        <td>
            <img id="Untitled_1_10" src="http://www.tutorials.de/forum/images/Untitled-1_10.gif" width="57" height="17" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="17" alt="" /></td>
    </tr>
    <tr>
        <td rowspan="2">
            <img id="Untitled_1_11" src="http://www.tutorials.de/forum/images/Untitled-1_11.gif" width="195" height="66" alt="" /></td>
        <td colspan="2" rowspan="2">
            <img id="Untitled_1_12" src="http://www.tutorials.de/forum/images/Untitled-1_12.gif" width="58" height="66" alt="" /></td>
        <td colspan="4">
            <img id="Untitled_1_13" src="http://www.tutorials.de/forum/images/Untitled-1_13.gif" width="636" height="6" alt="" /></td>
        <td rowspan="9">
            <img id="Untitled_1_14" src="http://www.tutorials.de/forum/images/Untitled-1_14.gif" width="28" height="571" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="6" alt="" /></td>
    </tr>
    <tr>
      <td colspan="3" rowspan="3" bgcolor="d57d00"><iframe src="home.html" width="100%" height="390" align="middle" scrolling="Auto" frameborder="0"></iframe>&nbsp;</td>
      <td rowspan="3">
            <img id="Untitled_1_16" src="http://www.tutorials.de/forum/images/Untitled-1_16.gif" width="5" height="415" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="60" alt="" /></td>
    </tr>
    <tr>
        <td colspan="2">
            <img id="Untitled_1_17" src="http://www.tutorials.de/forum/images/Untitled-1_17.gif" width="197" height="5" alt="" /></td>
        <td rowspan="2">
            <img id="Untitled_1_18" src="http://www.tutorials.de/forum/images/Untitled-1_18.gif" width="56" height="355" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="5" alt="" /></td>
    </tr>
    <tr>
      <td rowspan="3"><iframe src="links.html" name="links" frameborder="0" width="100%" height="450" scrolling="Auto"></iframe>&nbsp;</td>
        <td>
            <img id="Untitled_1_20" src="http://www.tutorials.de/forum/images/Untitled-1_20.gif" width="2" height="350" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="350" alt="" /></td>
    </tr>
    <tr>
        <td>
            <img id="Untitled_1_21" src="http://www.tutorials.de/forum/images/Untitled-1_21.gif" width="2" height="8" alt="" /></td>
        <td colspan="5">
            <img id="Untitled_1_22" src="http://www.tutorials.de/forum/images/Untitled-1_22.gif" width="692" height="8" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="8" alt="" /></td>
    </tr>
    <tr>
      <td colspan="6">&nbsp;</td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="128" alt="" /></td>
    </tr>
    <tr>
        <td>
            <img id="Untitled_1_24" src="http://www.tutorials.de/forum/images/Untitled-1_24.gif" width="195" height="6" alt="" /></td>
        <td colspan="6" rowspan="2">
            <img id="Untitled_1_25" src="http://www.tutorials.de/forum/images/Untitled-1_25.gif" width="694" height="7" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="6" alt="" /></td>
    </tr>
    <tr>
        <td>
            <img id="Untitled_1_26" src="http://www.tutorials.de/forum/images/Untitled-1_26.gif" width="195" height="1" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="1" alt="" /></td>
    </tr>
    <tr>
        <td colspan="8">
            <img id="Untitled_1_27" src="http://www.tutorials.de/forum/images/Untitled-1_27.gif" width="908" height="7" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="1" height="7" alt="" /></td>
    </tr>
    <tr>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="14" height="1" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="19" height="1" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="195" height="1" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="2" 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="533" height="1" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="57" height="1" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="41" height="1" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="5" height="1" alt="" /></td>
        <td>
            <img src="http://www.tutorials.de/forum/images/spacer.gif" width="28" height="1" alt="" /></td>
        <td></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
     
    Zitieren Zitieren
  4. 10.09.07 22:02 #4
    maik500 maik500 ist offline Rookie
    Registriert seit
    Aug 2007
    Beiträge
    9
    So, habe es einigermaßen hinbekommen wie ich es wollte.

    Gruß
    Maik
     
    Zitieren Zitieren
« Frontpage => Web veröffentlichen - leider kein FTP Zugang! | [Dreamweaver] automatisch datum im metatag date eintragen? »

Ähnliche Themen

  1. Photoshop-Design --> Dreamweaver
    Von misplaced im Forum HTML-Editoren
    Antworten: 8
    Letzter Beitrag: 27.08.08, 18:49
  2. Homepage mit Photoshop zur Dreamweaver
    Von Can_nim im Forum Photoshop
    Antworten: 1
    Letzter Beitrag: 19.07.08, 14:36
  3. Homepage Design mit Photoshop erstellen und dann nach Dreamweaver importieren
    Von maik500 im Forum HTML & XHTML
    Antworten: 3
    Letzter Beitrag: 11.09.07, 15:55
  4. Design von Photoshop per Dreamweaver bearbeiten
    Von Ultra2005 im Forum HTML-Editoren
    Antworten: 13
    Letzter Beitrag: 17.03.05, 17:54
  5. HTML-Bilder aus Photoshop in Dreamweaver importieren
    Von morpheus_rules im Forum HTML-Editoren
    Antworten: 1
    Letzter Beitrag: 19.07.01, 14:51