Anzeige

Text auf Webseiten Layout aus Photoshop

Text auf Webseiten Layout aus Photoshop | PSD-Tutorials.de

Erstellt von sommerz, 31.03.2007.

  1. sommerz

    sommerz Guest

    Text auf Webseiten Layout aus Photoshop
    Hi all,

    ich habe da ein problem ... habe mir dieses tutorial angeschaut: klick

    und habe mir gedacht das versuchste mal mit nem eigen design.
    jezz habe ich es soweit fertig ... und nun kommt mein folgendes problem:
    in dem schritt wo ich es fürs web abspeichern soll und anschliessend die zeilen austauschen soll ... ich hab keine ahnung von html ... und weiss net was ich nu austauschen soll ... und vor allem womit :(

    hier einmal mein quelltext:
    Code (Text):
    1. <!-- ImageReady Slices (sommerz_ws_mainst.psd) --><title>www.SOMMERZ.biz</title>
    2. <div align="center">
    3.   <table id="Table_01" width="801" height="600" border="0" cellpadding="0" cellspacing="0">
    4.     <tr>
    5.       <td colspan="5">
    6.         <img src="http://www.psd-tutorials.de/modules/Forum/images/sommerz_ws_mainst_01.gif" width="800" height="50" alt=""></td>
    7.         <td>
    8.             <img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="50" alt=""></td>
    9.       </tr>
    10.     <tr>
    11.       <td colspan="3">
    12.         <img src="http://www.psd-tutorials.de/modules/Forum/images/sommerz_ws_mainst_02.gif" width="300" height="100" alt=""></td>
    13.         <td rowspan="3">
    14.             <img src="http://www.psd-tutorials.de/modules/Forum/images/sommerz_ws_mainst_03.gif" width="450" height="500" alt=""></td>
    15.         <td rowspan="4">
    16.             <img src="http://www.psd-tutorials.de/modules/Forum/images/sommerz_ws_mainst_04.gif" width="50" height="550" alt=""></td>
    17.         <td>
    18.             <img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="100" alt=""></td>
    19.       </tr>
    20.     <tr>
    21.       <td rowspan="3">
    22.         <img src="http://www.psd-tutorials.de/modules/Forum/images/sommerz_ws_mainst_05.gif" width="50" height="450" alt=""></td>
    23.         <td>
    24.             <img src="http://www.psd-tutorials.de/modules/Forum/images/sommerz_ws_mainst_06.gif" width="150" height="200" alt=""></td>
    25.         <td rowspan="3">
    26.             <img src="http://www.psd-tutorials.de/modules/Forum/images/sommerz_ws_mainst_07.gif" width="100" height="450" alt=""></td>
    27.         <td>
    28.             <img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="200" alt=""></td>
    29.       </tr>
    30.     <tr>
    31.       <td rowspan="2">
    32.         <img src="http://www.psd-tutorials.de/modules/Forum/images/sommerz_ws_mainst_08.gif" width="150" height="250" alt=""></td>
    33.         <td>
    34.             <img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="200" alt=""></td>
    35.       </tr>
    36.     <tr>
    37.       <td>
    38.         <img src="http://www.psd-tutorials.de/modules/Forum/images/sommerz_ws_mainst_09.gif" width="450" height="50" alt=""></td>
    39.         <td>
    40.             <img src="http://www.psd-tutorials.de/modules/Forum/images/spacer.gif" width="1" height="50" alt=""></td>
    41.       </tr>
    42.   </table>
    43.   <!-- End ImageReady Slices -->
    44. </div>
    wenn ihr mir sagen könntet was ich da ändern soll wäre ich euch sehr sehr dankbar!

    greeetz sommerz
     
    Zuletzt von einem Moderator bearbeitet: 31.03.2007
    #1      
  2. digicamclub

    digicamclub Nobody

    1
    Dabei seit:
    18.03.2007
    Beiträge:
    132
    Geschlecht:
    männlich
    Ort:
    Norddeutschland
    Kameratyp:
    DSLR
    Text auf Webseiten Layout aus Photoshop
    AW: Text auf Webseiten Layout aus Photoshop

    Hast du keinen Webeditor?

    Ich kann zwar deinen Quelltext lesen und theoretisch testen, aber erstens fehlen mir die Bilder und zweitens weiß ich nicht, wie es am Ende aussehen soll.
     
    #2      
  3. NicoB

    NicoB Hat es drauf

    Dabei seit:
    22.07.2005
    Beiträge:
    3.491
    Geschlecht:
    weiblich
    Text auf Webseiten Layout aus Photoshop
    AW: Text auf Webseiten Layout aus Photoshop

    Der Tutorialersteller hat nur die Grafiken (erkennst du an dem <img>) als Zellenhintergrund definiert, damit man Text drüberschreiben kann.

    Gab's vor Kurzem schonmal hier: Vorlage mit CS2 texte mit Dreamweaver
     
    Zuletzt bearbeitet: 31.03.2007
    #3      
x
×
×