Photoshop-Cafe.de :: Dein Photoshop-Forum

Zurück   Photoshop-Cafe.de :: Dein Photoshop-Forum > Fragen zu Adobe Photoshop (Elements), zur Creative Suite und anderen Kreativprogrammen > Hilfestellung, Tipps und Tricks
Seite neu laden Web-Design Slices, Text über Bild schreiben? Selfhtml fail
Registrieren Hilfe Kalender Suchen Heutige Beiträge Alle Foren als gelesen markieren

Hinweise
Aktuelles aus dem PSC
„Kreativ Hallo Du!
Das Userbattle zwischen Caradhras und wackelelvis hat begonnen. Kommt ⇒ hierher, um die beiden Battler anzufeuern und zu plaudern.
Hier findest du unser Thema für den P-S-C 06/2024: ⇒ Tattookunst - erstelle ein Tattoo auf einer Hand. Bis 31.12.2024 kannst du dir was dazu ausdenken.
Das Foto-Thema für November 2024 ist ⇒ Holz.
Zur C-C-C für November 2024 gehts hier lang: ⇒ Hunde .
 Unterstützung für das PSC
ACHTUNG: Regeln für die Verwendung von KI-Bildern im PSC.
Bitte sorgfältig durchlesen und beachten!

Antwort
 
Themen-Optionen Ansicht
  #1  
Alt 17.02.11, 01:16
Benutzerbild von kasmo
kasmo kasmo ist offline
Schlafloser Workaholic
  
Registriert seit: 12/2010
Ort: Nähe Aschaffenburg
Beiträge: 312
OS: Windows 7 Ultimate
Kreativ-Software: CS5
kasmo ist aktiv und fit
Unhappy Slices, Text über Bild schreiben? Selfhtml fail
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)?!
__________________
Das Leben ist ein scheiss Spiel, aber die GRAFIK ist geil
Mit Zitat antworten
  #2  
Alt 17.02.11, 05:31
Benutzerbild von phoenix
phoenix phoenix ist offline
mother-brain
  
Registriert seit: 06/2005
Ort: Basel
Beiträge: 9.684
OS: Windows 8 x64
Kreativ-Software: CS6 x64
phoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es geht
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
__________________
http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

design oder nicht sein

"So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft
Mit Zitat antworten
  #3  
Alt 17.02.11, 09:30
Benutzerbild von kasmo
kasmo kasmo ist offline
Schlafloser Workaholic
  
Registriert seit: 12/2010
Ort: Nähe Aschaffenburg
Beiträge: 312
OS: Windows 7 Ultimate
Kreativ-Software: CS5
kasmo ist aktiv und fit
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>
__________________
Das Leben ist ein scheiss Spiel, aber die GRAFIK ist geil
Geändert von kasmo (17.02.11 um 09:47 Uhr).
Mit Zitat antworten
  #4  
Alt 17.02.11, 10:31
Benutzerbild von phoenix
phoenix phoenix ist offline
mother-brain
  
Registriert seit: 06/2005
Ort: Basel
Beiträge: 9.684
OS: Windows 8 x64
Kreativ-Software: CS6 x64
phoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es gehtphoenix ist ein Photoshop-Spezialist und hilft wo es geht
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>
__________________
http://photoshop-cafe.de/sig/themen_bewerten.gifhttp://photoshop-cafe.de/sig/bilder_und_schriften.gifhttp://photoshop-cafe.de/sig/tutorials.gifhttp://photoshop-cafe.de/sig/signaturleitfaden.gifhttp://photoshop-cafe.de/sig/forenleitfaden.gifhttp://www.photoshop-cafe.de/sig/stock-galerie.gif

design oder nicht sein

"So, we’ve got a full pot of coffee, half a pack of cigarettes, it’s dark out, and we’re coding. Hit it." - Synthesoft
Mit Zitat antworten
Antwort

Lesezeichen

« Vorheriges Thema | Nächstes Thema »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen
Ansicht
Linear-Darstellung Linear-Darstellung

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.
BB-Code ist An.
Smileys sind An.
[IMG] Code ist An.
HTML-Code ist Aus.
Gehe zu

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


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:58 Uhr.

Impressum

Kontakt      Photoshop-Cafe      Archiv     Impressum     Nach oben

Powered by vBulletin® Version 3.8.7 (Deutsch)
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
©2005-2020 photoshop-cafe.de

Seite wurde generiert in 0,04854 Sekunden mit 12 Queries