Mehrere Grafiken als Hintergrund

    Hallo ich m;chte f[r diese Seite http://zv3n.zv.funpic.de/ mehrere Hintergrundgrafiken anlegen ich habe versucht es das makierte Tag zu makieren und dann einfach den Pfad und die Werte yu ver'ndern es wird aber immer nur eine Grafik angezeigt
    Hier der Code

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">

    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>Meine Hompage</title>
    <style type="text/css">
    <!--
    html, body {
    background-color: #ffd700;
    color: #ffd700;
    }
    a:link {
    color: #800000;
    font-size: 20px
    }
    a:hover {
    color:#800000;
    }
    a:visited {
    color: #800000;
    font-size: 20px
    }
    #test {
    background: url(linklogo.gif) no-repeat;
    width:120px;
    height:400px;


    }
    -->
    </style></head>

    <body>

    <p id="test">
    Home

    Bilder

    Downloads
    </p>
    <noscript><div style="display:none"></div></noscript><script type="text/javascript" src="http://media.funpic.de/layer.php?bid=37425043"></script></body>
    </html>

    Moin!

    Du kannst in jedes Element (jeden Tag) nur eine Hintergrundgrafik einbauen. Wenn du mehrere Hintergrundgrafiken benutzen willst, dann mußt du mehrere Element übereinander oder nebeneinander legen und den einzelnen Elementen den jeweiligen Hintergrund zuweisen.

    G.a.d.M.

    Ronald

    Da gibt es viele Möglichkeiten, z.B. mit Tabellen oder Div-Tags.

    Bei einer Tabelle kannst du gleich 3 Huintergrundgrafiken auf einmal einbauen: eine in den Table-Tag, ein in den TR-Tag und eine in den TD-Tag.

    Gut geht es ebenauch mit Div-Tags, so wie du es mit dem P-Tag schon gemacht hast.

    Ich hab jetzt keine Lust alle Möglichkeiten zu erklären, aus deinem Quelltext werde ich auch nicht schlau, was du eigentlich erreichen willst.
    Gib mal mehr Input oder mach mal eine Zeichnung.

    G.a.d.M.

    Ronald

    Ich m;chte einfach nur das in der gelben freien Mitte ein Bild erschein,
    vieleicht sollte ich noch dazu sagen das ich ein ziemlicher anf'nger bin

    Welche gelbe freie Mitte denn ?

    Sorry, aber vielleicht solltest du zunächst mit den Grundlagen des HTML anfangen, siehe SelfHTML.

    Wie können hier zwar bei einzelnen Problemen helfen, das Grundwissen in HTML und CSS aber nicht vermitteln, das würde den Rahmen dieses Forum sprengen.

    G.a.d.M.

    Ronald

    Ok, das mit dem Bild habe ich hingekriegt, blo- ist es zuweit unten
    http://zv3n.zv.funpic.de/

    #feuer {
    background: url("http://zv3n.zv.funpic.de/Feuerwerk.JPEG") no-repeat;
    width:797px;
    height:394px;
    background-position:200px 0px

    Ich habe jetyt genauso formatiert wie bei meinen anderen bild
    aber ih kann das bild nicht weiter nach oben verschieben, weil ich schon hier bei 0 bin
    background-position:200px 0px

    a) nimm mal statt <p id="feuer"> lieber <div id="feuer"></div> - so hast gleich nen ganzen container fürn inhalt.

    b) versuch dann die ausrichtung mit position:absolute und top/left hinzubekommen

    c) ich glaub deine tastatur is auf english gestellt - mal so am rande...

    kann mir jemand helfen?
    ich versuche mehrere Bilder also gif´s in einen hintergrund zu bekommen!
    weiß jemand wie das geht? :cry:

    Füg das vor </head> ein und gib das Bild an.
    Die Bilder selbst fügst du am besten in einem Grafikprog zusammen
    denn einem Element kann nur ein BG Bild zugewiesen werden.
    Oder du legst mehre "unsichtbare" Elemente drüber.


    Code
    <style type="text/css">
<!--
body {
background-image:url('ordner/bild.gif');
}
-->
</style>

    was sind denn unsichtbare Elemente?
    muss man sich ein grafikprogramm downloaden?

    kann mir jemand ein gutes Grafikprogramm nennen das auch nich viel speicher nimmt?!?!