Auf bilder texte schreiben

cyde · 17 Mai 2007

Hallo,
folgendes: ^^
Ich bin total der HTML noob und mache wenn dann nur was mit Frontpage. Ich habe mir ein design mit Photoshop gemacht und das gesliced wie ich es gerne haben möchte.
Nun zu meinem Problem: Natürlich möchte man auch was auf seiner seite schreiben, nur das funktioniert bei mir nicht so richtig. Wenn ich das bild als background mache "background="test.jpg" und nun was reinschreibe steht das in der mitte des bildes und nicht oben.
So sieht die html datei ohne irgendwas geändert aus.

Code:

<html>
<head>
<title>haupt</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 (haupt.psd) -->
<table id="Tabelle_01" width="942" height="753" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td colspan="16">
            <img src="Bilder/haupt_01.gif" width="942" height="41" alt=""></td>
    </tr>
    <tr>
        <td colspan="2">
            <img src="Bilder/haupt_02.gif" width="277" height="17" alt=""></td>
        <td>
            <img src="Bilder/haupt_03.gif" width="50" height="17" alt=""></td>
        <td>
            <img src="Bilder/haupt_04.gif" width="25" height="17" alt=""></td>
        <td colspan="3">
            <img src="Bilder/haupt_05.gif" width="58" height="17" alt=""></td>
        <td>
            <img src="Bilder/haupt_06.gif" width="23" height="17" alt=""></td>
        <td>
            <img src="Bilder/haupt_07.gif" width="58" height="17" alt=""></td>
        <td>
            <img src="Bilder/haupt_08.gif" width="33" height="17" alt=""></td>
        <td>
            <img src="Bilder/haupt_09.gif" width="45" height="17" alt=""></td>
        <td>
            <img src="Bilder/haupt_10.gif" width="28" height="17" alt=""></td>
        <td>
            <img src="Bilder/haupt_11.gif" width="63" height="17" alt=""></td>
        <td colspan="3">
            <img src="Bilder/haupt_12.gif" width="282" height="17" alt=""></td>
    </tr>
    <tr>
        <td colspan="16">
            <img src="Bilder/haupt_13.gif" width="942" height="79" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/haupt_14.gif" width="241" height="166" alt=""></td>
        <td colspan="4">
            <img src="Bilder/haupt_15.gif" width="120" height="166" alt=""></td>
        <td>
            <img src="Bilder/haupt_16.gif" width="14" height="166" alt=""></td>
        <td colspan="9">
            <img src="Bilder/haupt_17.gif" width="326" height="166" alt=""></td>
        <td>
            <img src="Bilder/haupt_18.gif" width="241" height="166" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/haupt_19.gif" width="241" height="21" alt=""></td>
        <td colspan="4">
            <img src="Bilder/haupt_20.gif" width="120" height="21" alt=""></td>
        <td>
            <img src="Bilder/haupt_21.gif" width="14" height="21" alt=""></td>
        <td colspan="9">
            <img src="Bilder/haupt_22.gif" width="326" height="21" alt=""></td>
        <td>
            <img src="Bilder/haupt_23.gif" width="241" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="16">
            <img src="Bilder/haupt_24.gif" width="942" height="24" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/haupt_25.gif" width="241" height="272" alt=""></td>
        <td colspan="13">
            <img src="Bilder/haupt_26.gif" width="457" height="272" alt=""></td>
        <td colspan="2">
            <img src="Bilder/haupt_27.gif" width="244" height="272" alt=""></td>
    </tr>
    <tr>
        <td colspan="16">
            <img src="Bilder/haupt_28.gif" width="942" height="15" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/haupt_29.gif" width="241" height="16" alt=""></td>
        <td colspan="13">
            <img src="Bilder/haupt_30.gif" width="457" height="16" alt=""></td>
        <td colspan="2">
            <img src="Bilder/haupt_31.gif" width="244" height="16" alt=""></td>
    </tr>
    <tr>
        <td colspan="16">
            <img src="Bilder/haupt_32.gif" width="942" height="15" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/haupt_33.gif" width="241" height="16" alt=""></td>
        <td colspan="13">
            <img src="Bilder/haupt_34.gif" width="457" height="16" alt=""></td>
        <td colspan="2">
            <img src="Bilder/haupt_35.gif" width="244" height="16" alt=""></td>
    </tr>
    <tr>
        <td colspan="16">
            <img src="Bilder/haupt_36.gif" width="942" height="70" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="241" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="36" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="50" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="25" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="9" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="14" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="35" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="23" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="58" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="33" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="45" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="28" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="63" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="38" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="3" height="1" alt=""></td>
        <td>
            <img src="Bilder/Abstandhalter.gif" width="241" height="1" alt=""></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>

So und nun möchte ich bei folgenden bildern was reinschreiben können.

- Bilder/haupt_15.gif
- Bilder/haupt_17.gif
- Bilder/haupt_20.gif
- Bilder/haupt_22.gif
- Bilder/haupt_26.gif
- Bilder/haupt_30.gif
- Bilder/haupt_34.gif

Ist vllt. einer so nett und kann mir den fertigen code per mail sende, oder einfach hier posten?

Vielen Dank im vorraus.
mfg sN.

Fredmonster · 17 Mai 2007

http://www.html.de/tutorials/11860-php-captcha-mit-php-realisieren.html

gruenspan · 17 Mai 2007

Fredmonster schrieb:
http://www.html.de/tutorials/11860-php-captcha-mit-php-realisieren.html

Das hat mit captcha nichts zu tun.

@cyde

Du benutzt Tabellen. Du mußt in der Tabellenzelle die Ausrichtung des Textes angeben. Entweder im Code selbst oder per CSS. z.B.

HTML:

<td valign="top" align="left">dein text</td>

oder per CSS:

HTML:

TD{
text-align:left;
vertical-align:top;
}

Fredmonster · 17 Mai 2007

Er will in Bilder was reinschrieben, dass geht am Besten mit den image-Funktionen von php.. :roll:
Use rmüssen lernen aussagekräftigere Titel zu verwenden...

gruenspan · 17 Mai 2007

schon gut fredmonster. er hat sich halt ein bisschen da'quer ausgedrückt. ich denke aber, du solltest ihn nicht gleich mit den image-funktionen von php überlasten.
immer schön schritt für schritt.

3UGENE · 18 Mai 2007

Ich würd da lieber SVG empfehlen...
PHP-Image, naja, das hab ich bisher selber noch nicht gemacht^^

about-svg.de

Auf bilder texte schreiben

cyde

Neues Mitglied

Fredmonster

Neues Mitglied

gruenspan

Neues Mitglied

Fredmonster

Neues Mitglied

gruenspan

Neues Mitglied

3UGENE

Guest

Neueste Beiträge