Förster: Import Photoshopgraphik -> HTML

Beitrag lesen

SELF-Forum

Import Photoshopgraphik -> HTML

Förster
– Informationen zu den Bewertungsregeln

Es gibt ja bekanntlicher Weise die Option bei Adobe Photoshop ein Bild in verschiedene Teile zu splitten und als HTML zu speichern. Macht man das, so sieht der Quelltext wie folgt aus:

<HTML>
<HEAD>
<TITLE>Unbenannt-1</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 (Unbenannt-1.psd) -->
<TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0>
 <TR>
  <TD ROWSPAN=2>
   <IMG SRC="01 Freiraum_links.gif" WIDTH=125 HEIGHT=768 ALT=""></TD>
  <TD ROWSPAN=2>
   <IMG SRC="02 Leiste_links.gif" WIDTH=46 HEIGHT=768 ALT=""></TD>
  <TD>
   <IMG SRC="03 Header.gif" WIDTH=679 HEIGHT=133 ALT=""></TD>
  <TD ROWSPAN=2>
   <IMG SRC="04 Leiste_rechts.gif" WIDTH=47 HEIGHT=768 ALT=""></TD>
  <TD ROWSPAN=2>
   <IMG SRC="05 Freiraum_rechts.gif" WIDTH=127 HEIGHT=768 ALT=""></TD>
 </TR>
 <TR>
  <TD>
 <img src="06 Body.gif"  WIDTH=679 HEIGHT=635 ALT="">
   </TD>
 </TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

Mann kann also keinen Text auf den Hintergrund eines Bildes machen. Es sei denn man schreibt ihn wie folgt um (siehe Body):

<HTML>
<HEAD>
<TITLE>Unbenannt-1</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 (Unbenannt-1.psd) -->
<TABLE WIDTH=1024 BORDER=0 CELLPADDING=0 CELLSPACING=0>
 <TR>
  <TD ROWSPAN=2>
   <IMG SRC="01 Freiraum_links.gif" WIDTH=125 HEIGHT=768 ALT=""></TD>
  <TD ROWSPAN=2>
   <IMG SRC="02 Leiste_links.gif" WIDTH=46 HEIGHT=768 ALT=""></TD>
  <TD>
   <IMG SRC="03 Header.gif" WIDTH=679 HEIGHT=133 ALT=""></TD>
  <TD ROWSPAN=2>
   <IMG SRC="04 Leiste_rechts.gif" WIDTH=47 HEIGHT=768 ALT=""></TD>
  <TD ROWSPAN=2>
   <IMG SRC="05 Freiraum_rechts.gif" WIDTH=127 HEIGHT=768 ALT=""></TD>
 </TR>
 <TR>
  <TD background="06 Body.gif"  WIDTH=679 HEIGHT=635 ALT="">
   Home</TD>
 </TR>
</TABLE>
<!-- End ImageReady Slices -->
</BODY>
</HTML>

Der Text ist nun "Home". Dieser befindet sich auf der Page allerdings nicht da, wo er sein soll, er soll am obersten Rand des Bodys sein, befindet sich allerdings genau in der mitte. Siehe:

http://www.desert-star.de/Design1.html

Wie kriege ich den Text weiter nach oben?!

Abschließnd bitte ich euch mein Design zu beurteilen bzw. Verbesserungsvorschläge zu machen. Der Inhalt wird natürlich vervollständigt, sowie auch ein Header entstehen wird.

Vielen Dank im Vorraus,
mfG Fabian Förster.

Beitrag melden
–
Informationen zu den Bewertungsregeln