Mark: Image

HI,
Ich wollte bei mir einen Hintergrund einrichten und zwar mit einem image.Ihc ahbe dazu du Anleitung aus SELFHTML genommen.Und diese sieht so aus:
<BODY <img id="backgroundImage"
src="http://...image.JPG" >
leider zeigt er das Bild über dem Text an also ca. so:
bild
text
Wenn ich aber so schreibe:
<BODY img id="backgroundImage"
src="http://...image.JPG" >
zeigt er das Bild gar nicht mehr an.

  1. Hallo,

    hast du dir das Beispiel auch genau angeguggt???

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
           "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Hintergrundbild einbinden</title>
    </head>
    <body background="background.jpg" text="#990000" link="#0000CC" vlink="#000066" alink="#000000">
    <h1>Text</h1>
    <a href="http://de.yahoo.com/"><b>Verweis zu Yahoo</b></a>
    </body>
    </html>

    Gruß,
    Kerstin

    --
    "Als es noch keine Computer gab, war das Programmieren noch relativ einfach." - Edsger W. Dijkstra
    1. Ich ahbe es jetzt so ausprobiert:
      <body style="background-image:url(http://....background.jpg);">
      es geht auch nicht.Entweder bin ich zu doof dafür oder es funjktioniert nicht!

      1. <body style="background-image:url(http://....background.jpg);">

        Wenn du bei 'http://....background.jpg' den korrekten Pfad zum Bild angegeben hast funktioniert das.

        Das man statt 'style=""' besser seine Stylesheets in eine seperate CSS-Datei auslagert, usw... erklärt Dir sicher gleich jemand anders. Fürs rumexperimentieren lass ich es Dich mal so machen wie Du es hier machst.

        1. Hallo Marc,

          Probiert mal das:

          <body style="background-image:url(http://www.google.de/intl/de_de/images/logo.gif);">

          Geht, oder? Also vermute ich das Die URL zu Deiner Bild-Datei nicht korrekt ist. Oder der Dateiname ist falsch (Großkleinschreibung beachten!). Oder es ist kein JPG, sondern GIF, BMP, TIF, PNG oder sonstwas.

    2. Hello out there!

      hast du dir das Beispiel auch genau angeguggt???

      Hast du das nach dem Beispiel Folgende auch genau angeguggt???

      „Beachten Sie:
      Das Attribut background ist als deprecated eingestuft und soll künftig vermieden werden. Den gleichen Effekt erreichen Sie nämlich auch mit Hilfe von Kapitel http://de.selfhtml.org/css/index.htm@title=Stylesheets, z.B. so: [aus gutem Grund weggelassen]“

      See ya up the road,
      Gunnar

      --
      “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  2. Ich wollte bei mir einen Hintergrund einrichten und zwar mit einem image.Ihc ahbe dazu du Anleitung aus SELFHTML genommen.Und diese sieht so aus:

    SO sieht die Anleitung garantiert nicht aus. Ich hab ehr das Gefühl, dass Du hier ne fertige Lösung erschleichen willst, ohne WIRKLICH in die  Anleitung geschaut zu haben. Du solltest schon die Grundlagen von html erlernen.

    Zu Deinem Problem empfehle ich: http://de.selfhtml.org/css/eigenschaften/hintergrund.htm

    So long

  3. Moin Mark!
    probiere es mit CSS: CSS Hintergrundfarben und -bilder
    Hier in deinen Fall:

      
    <body style="background-image:url(pfad/zum/bild.jpg);">  
    
    

    Eleganter wäre es die CSS-Angabe in einer externen Datei zu plazieren (Formate zentral in separater CSS-Datei definieren).
    Schaue die auch background-repeat an, das könnte für dich auch interessant sein.
    tschüssi
    ichen

    --
    Ichen
  4. Hello out there!

    Ich wollte bei mir einen Hintergrund einrichten und zwar mit einem image.Ihc ahbe dazu du Anleitung aus SELFHTML genommen.Und diese sieht so aus:

    Ich weigere mich, das zu glauben.

    <BODY <img id="backgroundImage"
    src="http://...image.JPG" >
    leider zeigt er das Bild über dem Text an also ca. so:

    Du hast Glück, dass überhaupt was angezeigt wird. Ich würde bei Browsern nicht SGML ausreizen, sondern alle Tags mit '>' schließen:

    <body><img >

    Und dem Bild fehlte ein Alternativtext.

    Aber du willst gar kein Bild als Inhalt, sondern ein http://de.selfhtml.org/css/eigenschaften/hintergrund.htm#background_image@title=Hintergrundbild. Wobei das Beispiel in SELFHTML äußerst mangelhaft ist; CSS-Angaben sollten http://de.selfhtml.org/css/formate/einbinden.htm#zentral@title=zentral oder http://de.selfhtml.org/css/formate/einbinden.htm#separat@title=separat stehen.

    <BODY img id="backgroundImage"
    src="http://...image.JPG" >
    zeigt er das Bild gar nicht mehr an.

    Was soll der HTML-Parser auch mit 'img'- bzw. 'src'-Attributen fürs 'body'-Element anfangen?

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
  5. HI,
    Ich wollte bei mir einen Hintergrund einrichten und zwar mit einem image.Ihc ahbe dazu du Anleitung aus SELFHTML genommen.Und diese sieht so aus:
    <BODY <img id="backgroundImage"
    src="http://...image.JPG" >
    leider zeigt er das Bild über dem Text an also ca. so:
    bild
    text

    Ja. Weil <body></body> ein HTML-Element ist und <img> eines. Und innerhalb eines HTML-Element-Tags (zwischen < und >)stehen nie andere Tags!
    Zwischen <body> </body> ist also <img> erlaubt. Das ist aber kein Hintergrundbild sondern ein Bild.
    <body>
    <img>
    </body>
    =Bild auf der Seite.

    Das ein sowas wie

    <BODY <img id="backgroundImage"
    src="http://...image.JPG" >

    überhaupt anzeigt liegt an deren Fehlertolleranz.

    <img> ist nie ein Hintergrundbild. Diese macht man mit CSS.

    Wenn ich aber so schreibe:
    <BODY img id="backgroundImage"
    src="http://...image.JPG" >
    zeigt er das Bild gar nicht mehr an.

    Ja. Weil du da Angaben machst die es nicht gibt.
    Das einzige was an diesem Code valide ist ist die Angabe:
    id="backgroundImage". Aber damit weißt Du dem HTML-Element <body> das CSS mit der ID "backgroundImage" zu.

    Richtig machst Du es so:

    im Head deines HTML Dokuementes folgendes schreibst:

    (bei Verwendung von id="")

    <style> <!-- das ist der Bereich in dem Du Stylesheets definierst -->

    #hintergrundbild
    {
    background-image:url(pfad zur bilddatei);
    }

    </style>

    (bei Verwendung von class="")

    <style>

    .hintergrundbild
    {
    background-image:url(pfad zur bilddatei);
    }

    </style>

    (bei direktformatierung von elementen ohne id oder class)

    <style>

    body
    {
    background-image:url(pfad zur bilddatei);
    }

    </style>

    In Deinem Fall würde ich letzteres empfehlen.

    Bei beiden anderen Methoden müsstest Du noch folgendes machen:

    <body id="hintergrundbild">

    bzw.

    <body class="hintergrundbild">

    Ist aber wenig sinnvoll da ein HTML-Dokument nur einen Body hat, also formatiert man diesen am besten direkt. Aber so gibtst Du den Style bei anderen HTML-tags an. id wenn etwas nur einmal vorkommt, class wenn etwas öfter als einmal vorkommt.

    Bei Deinem Grundsätzlichen Fehler empfehle ich Dir eine gute Einführung in das Thema HTML udn CSS. Entweder hier bei Selfhtml oder anderswo im Web wo vielleicht eine leichter verständliche Einführung zu finden ist. Oder ein gutes Buch zum Thema.

    1. Hello out there!

      <BODY <img id="backgroundImage" src="http://...image.JPG" >

      Und innerhalb eines HTML-Element-Tags (zwischen < und >)stehen nie andere Tags!

      Steht im Code auch nicht. Der <BODY>-Tag wird implizit geschlossen; SGML erlaubt das, HTML auch. Wenn das 'alt'-Attribut nicht fehlen würde, wäre der Codeschnipsel durchaus valid.

      Ich würd mich dennoch nicht darauf verlassen, dass alle Browser das verstehen.

      See ya up the road,
      Gunnar

      --
      “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)