Forum - Bild als Hintergrund ?

Nicht eingeloggt

Registrieren

Forum / (X)HTML, JavaScript, Ajax / Bild als Hintergrund ?

Beitrag schreiben

Abgemeldet

- 18.04.09 02:45 Uhr

Hallo Leute,
ich versuche jetzt seid tagen mein eigenen Homepage zu machen !
ich arbeite mit Photoshop CS3 und Dreamweaver falls es euch intressieren sollte.

ok jetzt zur meine Problem ! ich versuche grade auf ein bild was zu schreiben !
ich bekomme es aber nicht hin hab es zum hintergrund gemacht es ging immer noch nicht !!!

Also ich Hoffe ihr habt verstanden was ich meine, ich will nur auf ein Bild was schreiben können besser gesagt ein Iframe einbauen das bild ist Klein ! ...

Ti-Systems
Ehrenmitglied

- 18.04.09 09:48 Uhr

Hallo,

Ich finde es toll, das du das jetzt mal selbst versuchst.
Zeig mal wie du es in den Hintergrund gestellt hast?
Ich hoffe du machst das mit CSS und dem Element background-image...

mfg Timo

Abgemeldet

- 18.04.09 13:40 Uhr

Danke ^^ hier ist das Code. ich weiss nicht wie ich das mit css machen könnte also ich kenne denn Code dafür nicht

Code:


<html>

<head>

<link rel="stylesheet" type="text/css" href="style.css">

<title>Homepage</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

</head>

<body bgcolor="#313131" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<center>

<table id="Tabelle_01" width="906" height="801" border="0" cellpadding="0" cellspacing="0">

    <tr>

        <td colspan="12"><img src="Bilder/index_01.gif" width="905" height="230" alt=""></td>

<td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="230" alt=""></td>

    </tr>

    <tr>

        <td colspan="2" rowspan="7">

            <img src="Bilder/index_02.gif" width="59" height="258" alt=""></td>

        <td colspan="4">

            <a href="index.html"><img src="Bilder/index_03.gif" width="140" height="40" alt=""></a></td>

  <td colspan="4">

            <img src="Bilder/index_04.gif" width="25" height="40" alt=""></td>

        <td rowspan="10" body bgcolor="#000000">        

      <iframe src="site/index1.html" name="Bildframe" width="580" height="516" align="left"

   scrolling="no" marginheight="0" marginwidth="0" frameborder="0"></iframe></td>

  <td rowspan="12">

            <img src="Bilder/index_06.gif" width="101" height="570" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="40" alt=""></td>

    </tr>

    <tr>

        <td colspan="5">

            <a href="user.html"><img src="Bilder/index_07.gif" width="144" height="32" alt=""></a></td>

  <td colspan="3">

            <img src="Bilder/index_08.gif" width="21" height="32" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>

    </tr>

    <tr>

        <td colspan="6">

            <a href="clan.html"><img src="Bilder/index_09.gif" width="145" height="36" alt=""></a></td>

  <td colspan="2" rowspan="7">

            <img src="Bilder/index_10.gif" width="20" height="224" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="36" alt=""></td>

    </tr>

    <tr>

        <td colspan="6">

            <a href="info.html"><img src="Bilder/index_11.gif" width="145" height="37" alt=""></a></td>

  <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="37" alt=""></td>

    </tr>

    <tr>

        <td colspan="3">

            <a href="news.html"><img src="Bilder/index_12.gif" width="139" height="35" alt=""></a></td>

  <td colspan="3">

            <img src="Bilder/index_13.gif" width="6" height="35" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="35" alt=""></td>

    </tr>

    <tr>

        <td>

            <img src="Bilder/index_14.gif" width="1" height="24" alt=""></td>

        <td colspan="3">

            <a href="fotos.html"><img src="Bilder/index_15.gif" width="139" height="24" alt=""></a></td>

  <td colspan="2" rowspan="2">

            <img src="Bilder/index_16.gif" width="5" height="78" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="24" alt=""></td>

    </tr>

    <tr>

        <td colspan="4">

            <img src="Bilder/index_17.gif" width="140" height="54" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="54" alt=""></td>

    </tr>

    <tr>

        <td rowspan="5">

            <img src="Bilder/index_18.gif" width="54" height="312" alt=""></td>

        <td colspan="6">

            <a href="kontakt.html"><img src="Bilder/index_19.gif" width="149" height="29" alt=""></a></td>

  <td rowspan="2">

            <img src="Bilder/index_20.gif" width="1" height="38" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="29" alt=""></td>

    </tr>

    <tr>

        <td colspan="6">

            <img src="Bilder/index_21.gif" width="149" height="9" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="9" alt=""></td>

    </tr>

    <tr>

        <td colspan="3" rowspan="3">

            <img src="Bilder/index_22.gif" width="33" height="274" alt=""></td>

        <td colspan="5" rowspan="2">

            [b]<img src="Bilder/index_23.gif" width="120" height="252" alt="">[/b]</td>

        <td rowspan="3">

            <img src="Bilder/index_24.gif" width="17" height="274" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="220" alt=""></td>

    </tr>

    <tr>

        <td rowspan="2">

            <img src="Bilder/index_25.gif" width="580" height="54" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="32" alt=""></td>

    </tr>

    <tr>

        <td colspan="5">

            <img src="Bilder/index_26.gif" width="120" height="22" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="22" alt=""></td>

    </tr>

    <tr>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="54" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="5" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="27" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="111" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="4" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="1" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="3" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="17" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="580" height="1" alt=""></td>

        <td>

            <img src="Bilder/Abstandhalter.gif" width="101" height="1" alt=""></td>

        <td></td>

    </tr>

</table>

</center>

</body>

</html>

Also Da wo es dick geschrieben ist also der Code. möchte ich drauf ein Online Conuter machen !
aber ich weiss nicht wie ich auf ein Bild ein Iframe schreiben kann !

Ti-Systems
Ehrenmitglied

- 18.04.09 15:24 Uhr

Hallo,

Dies kannst du auch nicht machen...
Du musst dies mit CSS machen...
Dazu machst du im gewünschten Tag ein style-Attribut, welchem du diesen Wert gibst:

Code:


background-image: url(bg.png);

mfg Timo

Abgemeldet

- 18.04.09 20:10 Uhr

Spoiler: Anzeigen

Irgendwie mach ich da was falsch !!!
kannst du mir sagen was ich da Falsch mache ?! Bild oben !!!!

Ti-Systems
Ehrenmitglied

- 18.04.09 20:30 Uhr

Hallo,

Bist du dir sicher, das der Pfad zum Bild stimmt?

mfg Timo

dasch
Ehrenmitglied

- 18.04.09 20:46 Uhr

Wieso machst du das bg atribut in einen p tag rein?
Du kannst das doch genau so im td tag reinschreiben:
Code:


<td style="background-image: url(Bilder/index_23.gif);">text</td>

Ohne das <p> ganz einfach ;)

- OUT OF BUISNESS -
Dreamweaver an den Nagel gehängt

Abgemeldet

- 21.04.09 03:28 Uhr

Danke ich hab die Fehler gefunden ! habt mir echt weitergeholfen

Beitrag schreiben