Pat: Hintergrundbild

SELF-Forum

Hintergrundbild

Pat
– Informationen zu den Bewertungsregeln

Hallo,
ich muss vorneweg erstmal sagen, dass ich Anfänger im HTML Bereich bin.
Ich habe mir jetzt eine HP erstellt und Text eingefügt. Das Problem ist, dass dort wo der Text steht die Hintergrundfarbe weiß ist: Ich möchte jedoch, dass dort ein Bild erscheint, dass zu der Homepage passt. Wenn ich jedoch für diese stelle ein Bild hochlade, ist dieses irgendwie kreuz und quer dort hineingefügt jedoch nicht so wie das orginal Bild aussieht. Es sieht aus wie falsch aneinander gesetzte Puzzleteile. Was kann ich tun?

Beitrag melden
–
Informationen zu den Bewertungsregeln

  1. Hintergrundbild

    Jogi
    – Informationen zu den Bewertungsregeln

    Naja,

    wie groß ist denn Deine Bildschirmauflösung?
    Und wie groß ist das Bild??
    Wenn das Bild kleiner ist als Deine Bildschirmauflösung, dann
    wird das Bild "gekachelt".

    Mach doch das Bild im Foto-Programm einfach so groß wie
    Dein Bildschirm...

    Grüße
    Jogi

    Beitrag melden
    –
    Informationen zu den Bewertungsregeln

    1. Hintergrundbild

      Pat
      – Informationen zu den Bewertungsregeln

      Also meine Bildschirm Auflösung ist 1280x1024.
      Habe hier die Bilder hochgeladen, damit man es besser erkennt.

      1. Die HP mit dem Texdt und dem weißem Hintergrund
      http://n00k.n0.funpic.de/bild.jpg

      2. Das Bild, das ich anstelle des weiße Hintergrunds haben möchte
      http://n00k.n0.funpic.de/HP-Mobile3_16.png

      3. Wenn ich in den Editor <body style="background-image:url(http://n00k.n0.funpic.de/HP-Mobile3_16.png)";>
      eingebe kommt auf der HP das Bild
      http://n00k.n0.funpic.de/as.jpg

      wie krieg ich das jetzt so hin, dass das Bild dort genau hinpasst?

      Beitrag melden
      –
      Informationen zu den Bewertungsregeln

      1. Hintergrundbild

        Gernot Back Homepage des Autors
        – Informationen zu den Bewertungsregeln

        Hallo Pat,

        1. Wenn ich in den Editor <body style="background-image:url(http://n00k.n0.funpic.de/HP-Mobile3_16.png)";>
          eingebe kommt auf der HP das Bild
          http://n00k.n0.funpic.de/as.jpg

        wie krieg ich das jetzt so hin, dass das Bild dort genau hinpasst?

        Du kannst das Bild mit background-position pixelgenau positionieren und mit background-repeat:no-repeat verhindern, dass es sich wiederholt. Zusätzlich solltest du dann aber ein passendes rot als Hintergrundfarbe einstellen, damit bei Nutzern, die möglicherweise ein größeres Browserfenster haben, keine weißen Flächen entstehen oder Flächen in irgendeiner unmöglichen Hintergrundfarbe, die die sich in ihrem Browser als Defaultwert eingestellt haben (Kollege Cheatah hier aus dem Forum nimmt glaube ich rosa ;-))

        Gruß Gernot

        Beitrag melden
        –
        Informationen zu den Bewertungsregeln