Responsive Background..?

dmiraie

New Member
Hi, any help would be awesome!!!!!!!!

Below is my index.html code.. can somebody tell me how to fix it so
that the background image is RESPONSIVE? I got some answers from
another forum, but they just made me more confused :(



<!DOCTYPE HTML>
<img src="website down.jpg" id="bg" alt="">

<audio autoplay loop>
<source src="MP3.mp3" />
<source src="M4A.m4a" />
<source src="OGG.ogg" />
<source src="PCM.wav" />
</audio>
</body>
</html>



I am using the software "TextWrangler."
I am saving the HTML file with the settings
Line breaks: Unix (LF)
Encoding: Unicode (UTF-8) ...

is this incorrect? Is it possible
the background image i'm using
is the wrong dimensions?

I am a complete novice, and I was assuming/praying this would be very simple.. Thanks!!!!
dan
 

Phreaddee

Super Moderator
Staff member
It's a malformed html document to begin with but...

you've not really given us any information on the image, so how theoretically could we tell if, for example, it's "dimensions" are incorrect?

And autoplay music? please no one likes that!

and whats your definition of "responsive" ?
 

JakClark

New Member
What you wish to achieve is not all that clear, but please, please tidy that code! :(

HTML:
<!DOCTYPE html>
<html>
    <head>
        <title></title>

        <style>
            body { background: url("website%20down.jpg") }
        </style>
    </head>
    
    <body>
        <audio autoplay loop>
            <source src="MP3.mp3" />
            <source src="M4A.m4a" />
            <source src="OGG.ogg" />
            <source src="PCM.wav" />
        </audio>
    </body>
</html>
 
Top