Anzeige

Text über Grafik schreiben

Text über Grafik schreiben | PSD-Tutorials.de

Erstellt von coach_carter, 10.08.2008.

  1. coach_carter

    coach_carter Noch nicht viel geschrieben

    Dabei seit:
    25.04.2008
    Beiträge:
    11
    Geschlecht:
    männlich
    Text über Grafik schreiben
    hi zusammen,

    ich als kompletter Newbie hab mich mal an die Arbiet gemach für meinen Verein eine Website in PS zu designen.

    Soweit so gut. Der grafische Teil ist abgeschlossen, die Inhalte geschrieben, die PS- Grafik ist gesliced, bzw. den Slices Links zugeordnet. Jetzt möchte ich über Go Live in den Quellcode den jeweiligen Texte über bestimmte Grafiken schreiben (Unter dem Text soll dann ein Bildhintergrund liegen).

    Hab selbst auch schon einiges probiert, aber meistens hats mir die Site dann komplett verrissen...

    Zugegebenerweise mehr oder weniger verzweilfelt die Frage an Euch wie ich das Problem lösen kann.

    Danke Euch schonmal im Voraus!!:D
     
    #1      
  2. serverhombre

    serverhombre Guest

    Text über Grafik schreiben
    #2      
  3. coach_carter

    coach_carter Noch nicht viel geschrieben

    Dabei seit:
    25.04.2008
    Beiträge:
    11
    Geschlecht:
    männlich
    Text über Grafik schreiben
    AW: Text über Grafik schreiben

    Ok, danke Dir dass hilft mir in Bezug zum Gesamthintergrund der Website weiter.

    Mein Problem liegt darin, dass ich nicht weiß, wie ich über den einen Slice schreiben kann... I.M. sieht das ganze so aus:

    Code (Text):
    1. <td colspan="7">
    2.             <img src="images/Homepage-FINAL_22.png" width="631" height="559" alt=""></td>
    3.     </tr>
    Mein Ziel ist es das Bild 22.png als Hintergrund eines Textes hinzubekommen.

    Weiß jemand wie ich das anstellen kann??
     
    #3      
  4. Der_Ritter

    Der_Ritter Nicht mehr ganz neu hier

    Dabei seit:
    04.03.2008
    Beiträge:
    101
    Geschlecht:
    männlich
    Text über Grafik schreiben
    AW: Text über Grafik schreiben

    Wenn der Text einmalig ist, diesen in Photoshop über das Bild legen und das Bild mit dem Text gegen das ohne den Text austauschen. Das ist aber eher nicht der feine Weg, da sich der Text einer Suchmaschine nicht erschließt, weil es sich eben nur um ein Bild handelt. Und es ist sicherlich auch nicht das, was du vorhast.

    Besser wäre es, dein Layout mit XHTML und CSS zu gestalten. Den DIVisions per CSS dieses Hintergrundbild zuweisen. Den Text dann innerhalb dieser DIVisions schreiben.

    Also weg von dem generierten Tabellenlayout (gilt aus mehreren Gründen als veraltet) hin zu einem Layout mit CSS beschrieben. Die geslicedten Bilder als Hintergrundbilder angeben.
    Ansonsten der Tabelle eine class zuweisen. Per CSS dieser Class das entsprechende Hintergrundbild zuweisen. Müsste eigentlich auch gehen.

    Allerdings setzt dies voraus, dass du zumindest Grundkenntnisse in CSS hast. Ist dies der Fall?

    Gruß
    Der_Ritter
     
    #4      
  5. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Text über Grafik schreiben
    AW: Text über Grafik schreiben

    Code (Text):
    1. <td width="631" height="559" colspan="7" background="http://www.psd-tutorials.de/modules/Forum/images/Homepage-FINAL_22.png">Hier der Text</td>
    2. </tr>
    so sollte es gehen.
    solche und ähnliche Probleme wirst du aber immer mit Tabellenkonstruktionen haben. Deswegen benutzt man das heute eigentlich nicht mehr.
     
    Zuletzt bearbeitet: 10.08.2008
    #5      
  6. coach_carter

    coach_carter Noch nicht viel geschrieben

    Dabei seit:
    25.04.2008
    Beiträge:
    11
    Geschlecht:
    männlich
    Text über Grafik schreiben
    AW: Text über Grafik schreiben

    Danke Euch auf jeden für die Hilfe!

    Da ich mich jetzt etwas in die Materie festgebissen habe und ich von anderen techniken noch weniger Ahnung hab, würd ichs gern - auch wenns für manchen wenig Sinn ergeben mag - trotzdem weiter versuchen.

    @ Der_Ritter: Leider hab ich die Kenntnisse nicht... Hab mich hier an einem Tut "mit PS WebSite erstellen" entlang gehangelt und bin jetzt bei HTML "etwas" hängengeblieben...

    @ sokie: Hat alles gut geklappt und die Grafiken sind "heil" geblieben.

    Leider hab ich jetzt anstatt der Grafik die Hintergrund meines Textes sein sollte, jetzt weiße Fläche...

    Was hab ich falsch gemacht??
     
    Zuletzt bearbeitet: 11.08.2008
    #6      
  7. coach_carter

    coach_carter Noch nicht viel geschrieben

    Dabei seit:
    25.04.2008
    Beiträge:
    11
    Geschlecht:
    männlich
    Text über Grafik schreiben
    AW: Text über Grafik schreiben

    Hab noch etwas getüftelt...

    Also in der Vorschau in Go Live ist alles super. ABER! Wenn ich es in einem Browser anschau´ ist wieder alles verrissen...:motz:

    Code sieht jetzt so aus:

    HTML:
    1. <td colspan="7"><div>
    2.                         <table align="left" background="Website%20Tus/HTML/images/Homepage-FINAL_22.png" width="631" height="559" >
    3.                             <tr>
    4.                                 <td valign="top">
    5.                                     <p>Herzlich Willkommen</p>
    6.                                 </td>
    7.                             </tr>
    8.                         </div></td>
    9.     </tr>
     
    #7      
  8. sokie

    sokie Mod | Web

    Dabei seit:
    23.03.2008
    Beiträge:
    5.338
    Geschlecht:
    männlich
    Ort:
    Bünde NRW
    Software:
    <br>COREL <br> Texteditor
    Text über Grafik schreiben
    AW: Text über Grafik schreiben

    Hallo coach carter,

    ich glaub ich muss mich wohl entschuldigen, hab grad gesehen, dass ich da etwas flasches kopiert habe.

    Code (Text):
    1.  
    2. <td width="631" height="559" colspan="7" background="images/Homepage-FINAL_22.png">Hier der Text</td>
    3.  
    so sollte das dann eher klappen :)
     
    #8      
  9. coach_carter

    coach_carter Noch nicht viel geschrieben

    Dabei seit:
    25.04.2008
    Beiträge:
    11
    Geschlecht:
    männlich
    Text über Grafik schreiben
    AW: Text über Grafik schreiben

    @sokie

    Hat perfekt geklappt!

    Damn!!! Da bin ich jemandem wohl zu tausend Dank verpflichtet :D
     
    #9      
  10. Speedy03

    Speedy03 Guest

    Text über Grafik schreiben
    AW: Text über Grafik schreiben


    Auch hier mal bitte darauf achten, das was in Rot steht, also das "Website%20Tus" , das in einem Link keine Leerzeichen enthalten sind. Sowas führt auch meist zu Fehlern. Nur so als kleiner Tipp ;)
     
    #10      
  11. coach_carter

    coach_carter Noch nicht viel geschrieben

    Dabei seit:
    25.04.2008
    Beiträge:
    11
    Geschlecht:
    männlich
    Text über Grafik schreiben
    AW: Text über Grafik schreiben

    Wird gemacht!:D

    Danke Dir!!!
     
    #11      
x
×
×
teststefan