✔ Photoshop-Design --> Dreamweaver

misplaced · 24. August 2008

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 · 26. August 2008

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 · 27. August 2008

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 >.<

Maik · 27. August 2008

Hi,

misplaced hat gesagt.:
Also direkt online hab ich das nicht. Ich könnt nen screenshut von machen, oder etwas in der art

dann zeig uns doch einfach mal den vollständigen Quellcode der Seite

mfg Maik

misplaced · 27. August 2008

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!

Maik · 27. August 2008

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 · 27. August 2008

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 ! ^^

Maik · 27. August 2008

Richtig

Code:

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

mfg Maik

misplaced · 27. August 2008

Nochmals vielen dank ^^

Dann klick ich mal auf den Button "erledigt" ^^ (fürs erste

)

✔ Photoshop-Design --> Dreamweaver

misplaced

Grünschnabel

schutzgeist

Erfahrenes Mitglied

misplaced

Grünschnabel

Maik

misplaced

Grünschnabel

Maik

misplaced

Grünschnabel

Maik

misplaced

Grünschnabel

Neue Beiträge