Photoshop-Design --> Dreamweaver

misplaced

Grünschnabel
Hallo ^^
In einem Thread, der schon 2 Jahre alt ist konnte ich leider nicht mehr antworten und erstelle daher ein neuen Thread.
Es geht darum, dass ich mit Photoshop ein Design erstellt habe, dass ich nun mit Dreamweaver "bearbeiten" möchte.
Das Problem:

Laut Zitat eines Members hier ...

Die "slices" in denen du HTML-Text schreiben willst kannst du natürlich nicht als Bilder abspeichern. (kannst Du untenen im Menue einstellen). Die kannst allenfalls ein Bild später in DW als "background" nehmen und drüber schreiben" Zum zentrieren
<div align ="center">
<table...
....
...
</table>
</div>
... soll ich diesen Slice nicht als Bild abspeichern.
Gesagt, getan.
Doch nun habe ich an der Stelle nur einen weißen Hintergrund anstatt dem Farbverlauf.
Wie kann ich nun an die Stelle etwas schreiben und gleichzeitig den Farbverlauf behalten?

Ich hofffe, alles verständlich ausgedrückt zu haben :)

MfG
misplaced
 

schutzgeist

Erfahrenes Mitglied
Hast du das Ganze irgendwo online um es mal anzusehen?

Das es weiß wird ist logisch, schließlich hast du dann ja ein "Loch" drin.
Wenn du in dem Bereich einen Farbverlauf hast, dann musst du den an der Stelle als Hintergrund definieren.
 

misplaced

Grünschnabel
Also direkt online hab ich das nicht. Ich könnt nen screenshut von machen, oder etwas in der art ;)

Wenn ich das als Hintergrund definiere, verschiebt sich alles in alle Himmelsrichtungen >.<
 

misplaced

Grünschnabel
Also gut ^^
Da soll nun als Beispiel die Mitte so sein, dass ich da halt Dinge reinschreiben kann, oder Videos, oder sowas einfügen kann.

Code:
<html>
<head>
<title>index</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 (index.psd) -->
<table id="Tabelle_01" width="1025" height="901" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="25">
			<img src="Bilder/index_01.jpg" width="1024" height="4" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="4" alt=""></td>
	</tr>
	<tr>
		<td colspan="10" rowspan="3">
			<img src="Bilder/index_02.jpg" width="474" height="90" alt=""></td>
		<td colspan="3">
			<a href="index.html"><img src="Bilder/Wappen.jpg" width="76" height="80" alt="Wappen" border="0"></a></td>
		<td colspan="12" rowspan="2">
			<img src="Bilder/index_04.jpg" width="474" height="89" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="80" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="Bilder/index_05.jpg" width="76" height="10" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="9" alt=""></td>
	</tr>
	<tr>
		<td colspan="4">
			<img src="Bilder/index_06.jpg" width="280" height="1" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="Bilder/other.jpg" width="80" height="19" alt=""></td>
		<td colspan="3" rowspan="4">
			<img src="Bilder/index_08.jpg" width="114" height="44" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="3" rowspan="2">
			<img src="Bilder/index_09.jpg" width="158" height="41" alt=""></td>
		<td colspan="5">
			<a href="index.html"><img src="Bilder/Home.jpg" width="167" height="18" alt="Home" border="0"></a></td>
		<td rowspan="4">
			<img src="Bilder/index_11.jpg" width="1" height="44" alt=""></td>
		<td colspan="2">
			<a href="lieblingsbands.html"><img src="Bilder/Lieblingsbands.jpg" width="167" height="18" alt="Lieblingsbands" border="0"></a></td>
		<td rowspan="4">
			<img src="Bilder/index_13.jpg" width="1" height="44" alt=""></td>
		<td colspan="2">
			<img src="Bilder/Gallerie.jpg" width="167" height="18" alt=""></td>
		<td rowspan="4">
			<img src="Bilder/index_15.jpg" width="1" height="44" alt=""></td>
		<td>
			<img src="Bilder/Games.jpg" width="167" height="18" alt=""></td>
		<td rowspan="4">
			<img src="Bilder/index_17.jpg" width="1" height="44" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="18" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="Bilder/index_18.jpg" width="167" height="23" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="Bilder/index_19.jpg" width="167" height="26" alt=""></td>
		<td colspan="2" rowspan="3">
			<img src="Bilder/index_20.jpg" width="167" height="26" alt=""></td>
		<td rowspan="3">
			<img src="Bilder/index_21.jpg" width="167" height="26" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="Bilder/index_22.jpg" width="80" height="25" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="23" alt=""></td>
	</tr>
	<tr>
		<td colspan="6" rowspan="4">
			<img src="Bilder/Navigation.jpg" width="179" height="39" alt=""></td>
		<td colspan="2" rowspan="2">
			<img src="Bilder/index_24.jpg" width="146" height="3" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td colspan="2">
			<img src="Bilder/index_25.jpg" width="14" height="1" alt=""></td>
		<td colspan="5" rowspan="4">
			<img src="Bilder/datumuhrzeit.jpg" width="179" height="38" alt=""></td>
		<td rowspan="7">
			<img src="Bilder/index_27.jpg" width="1" height="313" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/index_28.jpg" width="4" height="34" alt=""></td>
		<td colspan="11">
			<img src="Bilder/willkommenueberschrift.jpg" width="659" height="34" alt=""></td>
		<td rowspan="8">
			<img src="Bilder/index_30.jpg" width="2" height="736" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="34" alt=""></td>
	</tr>
	<tr>
		<td colspan="12" rowspan="7">
			<img src="Bilder/Willkommenseite.jpg" width="663" height="702" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="2" alt=""></td>
	</tr>
	<tr>
		<td colspan="5" rowspan="2">
			<img src="Bilder/naviseite.jpg" width="178" height="36" alt=""></td>
		<td rowspan="6">
			<img src="Bilder/Willkommenseite-34.jpg" width="1" height="700" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="Bilder/index_34.jpg" width="3" height="275" alt=""></td>
		<td colspan="3" rowspan="3">
			<img src="Bilder/datumuhrzeitseite.jpg" width="176" height="275" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="35" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="4">
			<img src="Bilder/naviseite-37.jpg" width="3" height="664" alt=""></td>
		<td colspan="2">
			<a href="index.html"><img src="Bilder/startseitenbutton.jpg" width="170" height="25" alt="Startseite" border="0"></a></td>
		<td rowspan="4">
			<img src="Bilder/naviseiten.jpg" width="5" height="664" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="25" alt=""></td>
	</tr>
	<tr>
		<td colspan="2" rowspan="3">
			<img src="Bilder/naviseite-37.jpg" width="170" height="639" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="215" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="Bilder/index_40.jpg" width="1" height="424" alt=""></td>
		<td colspan="5">
			<img src="Bilder/schoenstes-werk.jpg" width="179" height="38" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="38" alt=""></td>
	</tr>
	<tr>
		<td colspan="5">
			<img src="Bilder/schoensteswerkseite.jpg" width="179" height="386" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="386" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/index_43.jpg" width="2" height="26" alt=""></td>
		<td colspan="22">
			<img src="Bilder/feed.jpg" width="1020" height="26" alt=""></td>
		<td colspan="2">
			<img src="Bilder/index_45.jpg" width="2" height="26" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="26" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="155" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="15" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="5" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="4" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="142" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="148" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="19" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="56" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="111" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="167" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="12" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="63" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="112" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
		<td>
			<img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>
		<td></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

Code:
 <img src="Bilder/Willkommenseite.jpg" width="663" height="702" alt="">
<---ist der gemeinte Teil!
 
Zuletzt bearbeitet:
M

Maik

Wenn es um diese Tabellenzelle geht:

Code:
<td colspan="12" rowspan="7">
<img src="Bilder/Willkommenseite.jpg" width="663" height="702" alt=""></td>
wird daraus:

Code:
<td colspan="12" rowspan="7" style="background:url(Bilder/Willkommenseite.jpg);">
<!--<img src="Bilder/Willkommenseite.jpg" width="663" height="702" alt="">--></td>
mfg Maik
 

misplaced

Grünschnabel
ahhh korrekt :)
wenn ich dann anfange zu schreiben, fängt er in der mitte links an... aber ich denke, da kommen dann solche sachen wie "top", etc ins Spiel richtig?

Vielen Dank ! ^^
 
M

Maik

Richtig ;)

Code:
<td colspan="12" rowspan="7" style="background:url(Bilder/Willkommenseite.jpg);vertical-align:top;"><!-- Inhalt --></td>
mfg Maik
 

misplaced

Grünschnabel
Nochmals vielen dank ^^

Dann klick ich mal auf den Button "erledigt" ^^ (fürs erste ;) )
 
Zuletzt bearbeitet: