Text über Bilder schreiben?

kn0x · 09.07.2013

Hallo,

habe mir eine Homepage mit photoshop gebastelt und die dann zu geschnitten auch mit photoshop. Nun habe ich die einzelnen menu bilder halt rein gesezt. Nun möchte ich aber das der Content bereich mit einen Text belegt wird... aber irgendwei bekomme ich das nicht hin:

Code:

<html>
<head>
<title>hp</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {
    background-color: #000000;
}
-->
</style></head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="1000" height="1111" border="0" align="center" cellpadding="0" cellspacing="0" >
    <tr>
        <td colspan="11">
            <img src="Bilder/index_01.gif" width="1000" height="376" ></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/index_02.gif" width="167" height="170" ></td>
        <td>
            <img src="Bilder/index_03.gif" width="19" height="170" ></td>
        <td><img src="Bilder/index_04.gif" width="101" height="170"></td>
        <td><img src="Bilder/index_05.gif" width="133" height="170"></td>
        <td>
            <img src="Bilder/index_06.gif" width="25" height="170" ></td>
        <td><img src="Bilder/index_07.gif" width="119" height="170"></td>
        <td>
            <img src="Bilder/index_08.gif" width="14" height="170" ></td>
        <td><img src="Bilder/index_09.gif" width="105" height="170"></td>
        <td>
            <img src="Bilder/index_10.gif" width="41" height="170" ></td>
        <td>
            <img src="Bilder/index_11.gif" width="97" height="170" ></td>
        <td>
            <img src="Bilder/index_12.gif" width="179" height="170" ></td>
    </tr>
    <tr>
        <td colspan="11">
            <img src="Bilder/index_13.gif" width="1000" height="274" ></td>
    </tr>
    <tr>
        <td colspan="11">
            <img src="Bilder/index_14.gif" width="1000" height="233" ></td>
    </tr>
    <tr>
        <td colspan="11">
            <img src="Bilder/index_15.jpg" width="1000" height="58" ></td>
    </tr>
</table>
</body>
</html>

so und davon soll folgendes bild mit einen Text belegt werden auf dem Bild:

Code:

[COLOR=#008080]<td colspan=[COLOR=#0000FF]"11"[/COLOR]>[/COLOR]             [COLOR=#800080]<img src=[COLOR=#0000FF]"Bilder/index_13.gif"[/COLOR] width=[COLOR=#0000FF]"1000"[/COLOR] height=[COLOR=#0000FF]"274"[/COLOR] alt=[COLOR=#0000FF]""[/COLOR]>[/COLOR][COLOR=#008080]</td>[/COLOR]

Und hier soll später halt ein text stehen:

http://img1.picload.org/image/ogiwdpa/screen.png

Also ich bin ein totaler Anfänger was das angeht also html usw.

Bitte kann mir wer da weiter helfen?

Gruß

Aelfry · 09.07.2013

AW: Text über Bilder schreiben?

kn0x schrieb:
http://img1.picload.org/image/ogiwdpa/screen.png

Also ich bin ein totaler Anfänger was das angeht also html usw.

Bitte kann mir wer da weiter helfen?

Als erstes solltest du deinen bzw. den von Photoshop generierten "Tabellen-Layout-Code" wegwerfen.
Zum einen ist der Code von PS völliger Schrott und zum anderen ist diese Art der Programmierung (Tabellen Layout) völlig veraltet.

Ich rate dir dringend, dir erst mal Grundkenntnisse in HTML und CSS anzueignen (gibt mehr als genug Tutorials).
Denn sonst wird das hier nichts, weil du mit den Tipps wenig anfangen kannst.

Da dein Layout recht einfach strukturiert ist, solltest du nach entsprechender Einarbeitung in die Materie recht flott in der Lage sein, dein Layout vernünftig umzusetzen.

TeimoChan · 09.07.2013

AW: Text über Bilder schreiben?

Hallo kn0x,

ich kann mich Aelfry nur anschließen. Bevor Du eine eigene Website mit Photoshop etc. erstellst, solltest Du HTML und CSS Kenntnisse haben. Der Code von Photoshop bringt Dir nur eine ganz grobe Strukturierung der Website.

Damit Du überhaupt mal in das Thema HTML einsteigen kannst empfehle ich Dir: SelfHTML

Ich selber habe mit einem Buch von Markt & Technik angefangen. Das ist auch nur zu empfehlen, weil es dort verschiedene Stufen der Bücher gibt.

Wie Du aber schon richtiger Weise erkannt hast, muss das Bild auf jeden Fall als Hintergrund gelegt werden. Dies würde ich Dir empfehlen mit CSS zu machen. und in der Y-Achse zu wiederholen.
Darüber hinaus solltest Du die CSS-Datei als externe Datei einbinden. Steht aber alles bei SelfHTML.

Ansonsten finde ich Deine Idee sehr gelungen.

hub · 09.07.2013

AW: Text über Bilder schreiben?

Moin,
man kann den Export einrichten/anpassen und man bekommt sogar ein Gerüst mit DIV-Elementen (umschalten auf "CSS generieren"). Aber auch da gilt, was Aelfry geschrieben hat ...

Gruß Ulli

Pixelverwender · 09.07.2013

AW: Text über Bilder schreiben?

TeimoChan schrieb:
... empfehle ich Dir: SelfHTML

Bitte nicht schon wieder SelfHTML! Veraltet und nicht mehr maßgeblich.

http://little-boxes.de/little-boxes-teil1-online.html
http://www.thestyleworks.de/ref/float.shtml

Auch noch interessant, wenn auch nicht so ganz auf dem neusesten Stand:
http://jendryschik.de/wsdev/einfuehrung/

Generell kann ich mich den Vorpostern nur anschließen. Vergiss den Code(müll), den PS erzeugt und eigne Dir HTML und CSS an.

Die naheliegendste Quelle findest Du direkt hier bei PSD-Tutorials:

kn0x · 09.07.2013

AW: Text über Bilder schreiben?

Vielen dank für eure Antworten, na dann werd ich mich da mal rein arbeiten.