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

Hintergrundbild dynamisch anpassen

P

Philadelphia

Neues Mitglied
Hi
Ich habe diese Frage schon in das HTML-Unterforum gepostet, jedoch war es da wohl falsch angebracht. Mein Problem: Ich bin gerade dabei eine Homepage für meine Band zu erstellen (überwiegend mit html). Dazu gehört natürlich auch ein Hintergrund. dafür wollte ich ein einfaches Bild verwenden. Jedoch passt sich dieses Bild nicht an den Bildschirm an. Und da es ziemlich blöd aussieht, wenn nur die Hälfte des Bildes zu sehen ist wollte ich euch bei meinem Problem um Hilfe bitten.

Hier mein bisheriger Code:
HTML: 
<html>
<head>
<title>Ausgereizt!</title>
<meta name="author" content="Yannik Braun"><meta name="editor" content="html-editor phase 5">
</head>
<body background="A15eizt.png" text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<p align="center"><img src="Ausgereizt.png"></p>
<br></br><br></br>
<p align="center">
<a href="http://www.Facebook.com/DieRocker">
<img name="Facebook"onmouseover="Facebook.src='facebook2.png'"onmouseout="Facebook.src='facebook1.png'"src="facebook1.png" width="100" height="100" border="0" alt="">
<a href="http://www.YouTube.com/AusgereiztTV">
<img name="YouTube"onmouseover="YouTube.src='youtube2.png'"onmouseout="YouTube.src='youtube1.png'"src="youtube1.png" width="100" height="100" border="0" alt="">
<a href="http://www.SoundCloud.com/Ausgereizt">
<img name="SoundCloud"onmouseover="SoundCloud.src='SoundCloud2.png'"onmouseout="SoundCloud.src='SoundCloud1.png'"src="SoundCloud1.png" width="100" height="100" border="0" alt="">
<a href="http://www.Twitter.com/Ausgereizt">
<img name="Twitter"onmouseover="Twitter.src='Twitter2.png'"onmouseout="Twitter.src='Twitter1.png'"src="Twitter1.png" width="100" height="100" border="0" alt=""></p>
</body> 
</html>
 
Werbung:
Kannst mit CSS3 und background-size arbeiten:

HTML: 
<html>
    <head>
        <title>Ausgereizt!</title>
        <meta name="author" content="Yannik Braun"><meta name="editor" content="html-editor phase 5">
        <style type="text/css">
            body {
                margin: 0;
                padding: 0;
                background-image: url('A15eizt.png');
                background-color: #fff;
                background-size: 100% 100%;
                background-repeat: no-repeat;
            }
        </style>
    </head>
    <body>
        <!-- body -->
    </body> 
</html>
 
Werbung:
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben