!!!Need basic HTML help for RESPONSIVE background image

Discussion in 'Web Design' started by dmiraie, Jan 11, 2014.

to remove all ads.
  1. dmiraie

    dmiraie New Member

    Messages:
    3
    Hey folks.. if anyone could help me with this, that would be awesome..
    i searched google and got a bit lost..

    My page Laughengine.com displays inconsistently on different
    screens/devices, and i need to edit my HTML CSS code (posted below)
    to make the background image "RESPONSIVE."
    (I brand new to html, fyi )

    Much thanks for any help!!



    <!DOCTYPE HTML>
    <html>
    <style>
    html,body{
    margin:0px auto;
    background: url('webpage JPEG.jpg') no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    }
    </style>
    <body>
    <audio autoplay loop controls>
    <source src="MP3.mp3" />
    <source src="M4A.m4a" />
    <source src="OGG.ogg" />
    <source src="PCM.wav" />
    </audio>
    </body>
    </html>
     
  2. chrishirst

    chrishirst Well-Known Member Staff Member

    Messages:
    2,662
  3. dmiraie

    dmiraie New Member

    Messages:
    3
    much thanks
     

Share This Page