Problem bei Bildanpassen

beile · 21 Dezember 2008

Hallo.

Habe mal eine Frage:

Ich habe vor längerem eine HTML Datei bekommen. Es ist eine Startseite mit Google Suche. Ich Wollte nun das background Wallpaper dem Browserfenster anpassen nur haut das nicht so hin, wie ich es mir vorstelle.

Habe es so gemacht:

Code:

<body background="bild.jpg" height="768" width="1124">

Habe es auch versucht, widht=100% aber trotzdem wirs das Bild nicht richtig angezeigt.

Kann mir jemand helfen?

Pascaaal · 21 Dezember 2008

Guten Tag beile,
dazu solltest Du am besten CSS verwenden.

Füge in den <head>-Bereich folgendes ein:

Code:

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

Achtung: Wenn Du XHTML verwendest, füge noch " /" vor das ">" ein.

Erstelle nun eine Datei namens "style.css" mit folgendem Inhalt:

Code:

* {
    margin:0;
    padding:0;
}

body {
    background-image:url('bild.jpg');
    background-repeat:repeat;
}

Junny · 21 Dezember 2008

Hintergrundbilder können nicht vom Browser skaliert (= in der Größe verändert) werden.

Es gibt vier gängige Praktiken, Hintergrundbilder einzufügen:

Dem Element die festen Pixelmaße wie dem Hintergrundbild geben
Den Hintergrund mit einem Farbverlauf zu einem einfarbigen Hintergrund zu machen und diesen fortzusetzen
Das Hintergrundbild riesig zu machen, mit background-position zu positionieren und abschneiden zu lassen
Das Hintergrundbild nicht als Hintergrundbild, sondern per img-Tag einzubinden und zu skalieren

Wer die Wahl hat, hat die Qual. Wenn Du Dich auf die Suche machst, findest Du sicher jeweils passende Anleitungen.

Gruß
Junny

Problem bei Bildanpassen

beile

Neues Mitglied

Pascaaal

Guest

Junny

Neues Mitglied

Neueste Beiträge