Mehrere Bilder übereinander?

    Hallo Leute,

    bin total verzweifelt. Erste Seite - naja und es klappt nicht so wie es soll.

    Folgendes Problem:
    Ich versuche die ganze Zeit irgendwie ein Bild (oder einen Text) auf ein Bild zu packen (per HTML). Ist das überhaupt möglich? Falls ja, dann bitte sagt mir wie es geht bzw. gebt mir den Quelltext. Habe schon gegoogelt und auch hier gesucht. Sorry konnte nix finden.

    Zudem gleich mal die Frage, ob es möglich ist mehrere Bodys auf eine Homepage bzw. eine Seite zu machen. Sprich eine Seite der Website so zu unterteilen?

    Danke schonmal im voraus. Ich hoffe Ihr könnt mir weiterhelfen.

    Gruß Sohle

    a) am einfachsten ises ein bild in den hintergrund zu legen, dann drüber zu schreiben.
    zb. mit hilfe ner tabelle würde des dann so aussehen...

    Code
    <table><tr><td style="background-image:url(bild.jpg);">hier der text</td></tr></table>


    b) 2 bodys kannst du nicht hinterlegen. aber ich glaube was du meinst sind frames.
    mit hilfe von iframes kannste z.b. mehrere seiten auf einer "zusammenfügen".

    Code
    <iframe src="seite1.html" name="frame1"></iframe>
<iframe src="seite2.html" name="frame2"></iframe>

    Danke. Das mit den Frames probier ich aus. Hintergrund habe ich gekachelt. Da soll aber dann noch ein Bild drauf und dann soll auf das Bild sozusagen der Text.

    Ich hoffe du verstehst mich. Danke nochmal,

    Martin

    hm....

    Code
    ...<body>
<table>
<tr><td style="background-image:url(bild1.jpg);">TEXT</td></tr>
<tr><td style="background-image:url(bild2.jpg);">TEXT</td></tr>
<tr><td style="background-image:url(bild3.jpg);">TEXT</td></tr>
</table>
</body>....

    so in etwa vielleicht ?

    kommt halt drauf an was du daraus machen willst...

    ich teste es gleich mal...danke schonmal!!! :) naja ich wollte eben links eine leiste als hintergrund machen und dann darüber texte/bilder als buttons. und mittig/rechts sollten dann texte/informationen stehen. vielleicht sollen aber dann in den text auch n paar bilder rein.

    hilft dir das etwas? ich danke dir!!!!

    nein, es ist ja noch nichts fertig...ich habe nur alles erstmal ausprobiert....ich erklärs nochmal, also ich wollte ne seite machen wo links ein farbiges feld ist, auf dem knöpfe untereinander angeordnet sind (home, kontakt etc.). dann soll praktisch von mitte bis rechts dann jeweils text stehen. also wenn man dann auf home klickt z.B. "ja hallo hier wohnt Sohle" und bei kontakt dann eben anschrift e-mail usw. naja und ich wollte den text nicht einfach so auf den hintergrund setzten sondern eventuell noch ein einfarbiges bild auf den hintergrund stellen und schluießlich da den text draufschreiben.


    somit habe ich praktisch den hintergrund -> ein bild -> ein bild/text

    hgruß sohle

    ps: ich hoffe du verstehst mich

    Also ein 2 spalten CSS layout und dann auf die Mittlere Spalte einfach ein Hintergrundbild setzen:

    Code
    middlecontainer{
...
background-image:url(bg.jpg);
}

    Win·dows
    Noun.
    A thirty-two bit extension and graphical shell to a sixteen-bit patch to an eight-bit operating system originally coded for a four-bit microprocessor which was written by a two-bit company that can't stand one bit of competition.

    also da würd ich lieber den hintergrund und des bild gleich verbinden.
    evlt des bild selbst so leicht weiß / transparent machen, damit der text
    drauf auch gut erkennbar is...

    naja ich wollte nicht so viele dinge laden, im moment müsste nur ein kleines viereck geladen werden für den hintergrund. na klar ich könnte auch das komplette layout in photoshop machen, aber ich wollte eben einzelne elemente auf die seite bringen. es wäre cool wenn man die seite in mehrere bereiche unterteilen könnte.

    achja, den quelltext mit dem middlecontainer kriege ich nicht umgesetzt.

    bitte erklär mir mal wie ich den genau benutze

    danke, sohle

    Also das ist ein CSS...
    Du machst dann einen div mit der Klasse middlecontainer:

    Code
    <div class="middlecontainer"></div>

    Und in deine CSS kommt dann folgendes:

    Code
    .middlecontainer{
display: block;
width: breite;
height: auto;
background-image:url(bild.jpg);
}

    Mit diesem CSS style definierst du jetzt die Klasse und legst eine breite Fest eine Höhe (hier wächst der container mit dem inhalt) und dann noch ein hintergrundbild.

    Das wars...

    Zu dem Rest (2 Spalten Layout) guck ma besten mal hier nach!

    Win·dows
    Noun.
    A thirty-two bit extension and graphical shell to a sixteen-bit patch to an eight-bit operating system originally coded for a four-bit microprocessor which was written by a two-bit company that can't stand one bit of competition.