Web-Design Slices, Text über Bild schreiben? Selfhtml fail - Photoshop-Cafe.de :: Dein Photoshop-Forum

kasmo · #1 17.02.11, 00:16

Hi Leute,

ich habe mir jetzt mal zum Test eine Page in PhotoShop gesliced.
In DW importiert und wollte Text über den Content schreiben.
Habe gelesen das Bild muss erst als Background geleite werden, doch selbst mit Hilfe von selfhtml und diversen Google suchen klappts nicjt, ohne das sich alles verschiebt.

Habe einen zweifarbigen Background deswegen muss ich die Slices alle bewahren...
Habt ihr ein tip?

Will hält dieses Content als allgemeinen iframe verwenden (vorerstmal zum üben),
Und dieser Content hat 2 Hintergrundbilder und setzt sich leicht farblich vom Rest ab.

Hab gelesen den Text gleich in PhotoShop zu machen wäre Schwachsinn (was ich auch finde)?!

**phoenix** · #2 17.02.11, 04:31

Ohne Code mal ins Blaue rat:

<iframe style="position:absolute; left:200px; right:200px; z-index:666"></iframe>
Alternativ: position:relative;

Eigentlich ... ich weiss nicht was Photoshop ausspuckt an Code, aber wenn das nicht gerade ne Tabelle mit nem IMG drin ist (was das denkbar dämlichste wäre was man ausspucken kann), sondern sauber einen DIV mit background-image:url(bla.png), dann solltest Du den iframe auch mit margin-left:XXpx/padding-left:XXpx oder margin-right:XXpx/padding-right:XXpx positionieren können.

Immer Code zeigen wenn man sinnvolle Hilfe haben möchte

kasmo · #3 17.02.11, 08:30

hi Phoenix,

danke schonmal für deine Bemühung.

Hier habe ich mal den Code kopiert (für mich verdammt unübersichtlich find ich durch die ganzen Tabellen mit Images).
Aber wie sollte ich sonst das ganze "slicen" und abspeichern, dass ers nicht in Tabellen schreibt?! =(

HTML-Code:

<html>
<head>
<title>websetie</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 (websetie.psd) -->
<table id="Table_01" width="1417" height="1277" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="3">
			<img src="images/websetie_01.png" width="188" height="54" alt=""></td>
		<td>
			<img src="images/websetie_02.png" width="3" height="54" alt=""></td>
		<td>
			<img src="images/websetie_03.png" width="129" height="54" alt=""></td>
		<td>
			<img src="images/websetie_04.png" width="3" height="54" alt=""></td>
		<td>
			<img src="images/websetie_05.png" width="169" height="54" alt=""></td>
		<td>
			<img src="images/websetie_06.png" width="3" height="54" alt=""></td>
		<td>
			<img src="images/websetie_07.png" width="180" height="54" alt=""></td>
		<td>
			<img src="images/websetie_08.png" width="3" height="54" alt=""></td>
		<td>
			<img src="images/websetie_09.png" width="179" height="54" alt=""></td>
		<td>
			<img src="images/websetie_10.png" width="3" height="54" alt=""></td>
		<td colspan="2">
			<img src="images/websetie_11.png" width="161" height="54" alt=""></td>
		<td>
			<img src="images/websetie_12.png" width="3" height="54" alt=""></td>
		<td>
			<img src="images/websetie_13.png" width="139" height="54" alt=""></td>
		<td>
			<img src="images/websetie_14.png" width="2" height="54" alt=""></td>
		<td>
			<img src="images/websetie_15.png" width="252" height="54" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/websetie_16.png" width="3" height="1030" alt=""></td>
		<td colspan="17">
			<img src="images/websetie_17.png" width="1414" height="279" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/websetie_18.png" width="73" height="751" alt=""></td>
		<td colspan="11">
			<img src="images/websetie_19.png" width="897" height="449" alt=""></td>
		<td colspan="5" rowspan="2">
			<img src="images/websetie_20.png" width="444" height="751" alt=""></td>
	</tr>
	<tr>
		<td colspan="11">
			<img src="images/websetie_21.png" width="897" height="302" alt=""></td>
	</tr>
	<tr>
		<td colspan="18">
			<img src="images/websetie_22.jpg" width="1417" height="192" alt=""></td> //Das hier ist der Content
	</tr>
	<tr>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="73" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="112" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="129" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="169" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="180" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="179" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="113" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="48" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="3" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="139" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="2" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="252" height="1" alt=""></td>
	</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

**phoenix** · #4 17.02.11, 09:31

Indem Du ordentlich die Webseite von Hand entwickelst. Der Output ist schlicht Schrott, da bleibt nur diese unsaubere Lösung:
<iframe style="position:absolute; left:200px; right:200px; z-index:666"></iframe>

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
altes Bild (über 120 Jahre alt) restaurieren	simifj	Hilfestellung, Tipps und Tricks	13	14.01.11 12:57
Animation Fail	MrMitness	Hilfestellung, Tipps und Tricks	2	02.08.10 09:06
Fehler beim Text schreiben	Nilya	Hilfestellung, Tipps und Tricks	5	25.02.09 09:16
Text drehen oder schräg schreiben?!	Ramira	Hilfestellung, Tipps und Tricks	2	19.02.09 14:43
Bild auf über 1,5 meter für einen Banner bringen	benbalkes	Hilfestellung, Tipps und Tricks	11	15.10.08 00:32

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)