• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Hintergrundbild Formatiren??

M

Maxomann

Neues Mitglied
Ich bin noch relativ neu auf dem Gebiet und bin jetzt auf ein Problem mit einem Hintergrundbild gestoßen.
Und zwar ist das Hintergrundbild zu groß und wird immer nur zum Teil dargestellt.

Die Seite:
HTML: 
<html>

    <head>
    <title>Testseite</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    </head>

    <body>
    <?php
    $datum = date("d.m.Y - H:i");
    echo $datum;
    ?>
    <h1>Überschrift</h1>

    <form action="seite2.php" method="post">
    Benutzername:<br>
    <input type="Text" name="username"><br>
    Passwort:<br>
    <input type="Password" name="passwort"><br>        
    <input type="Submit" value="Weiter"><br><br><br>
    </form>
    
    
    </body>

</html>
Style.css:
HTML: 
body
{
background-position: top left;
background-image: url("Back-Bunt.jpg");
}
Kann ich das Hintergrundbild irgendwie so formatieren, dass es voll und mittig angezeigt wird?
 
mach mal:

HTML: 
body { background-position: top left; background-image: url("Back-Bunt.jpg");
width: 50%;
height: 50%;
 }

Ich bin auch anfänger bin mir aber nicht sicher ob das geht ;)
 
Mit background-position kann man ein Hintergrundbild auch Mittig innerhalb des Elements positionieren (center center). Ein Hintergrundbild kann jedoch (derzeit) nicht skaliert werden. Entweder Du machst das Element groß genug für das Hintergrundbild oder Du schneidest es selbst entsprechend zu.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben