Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS I need help with my background arghhh..

  • This topic is empty.
Viewing 1 post (of 1 total)
  • Author
    Posts
  • #28517
    TEMHOME
    Member

    Hey everybody, any help would be greatly appreciated, I’m pretty new and don’t know why my codes are working. I have tried tons of different coding and I cant get my background to work. I was trying to make my background stretch across the screen or at least center on the page and be fixed. I can only get the image to appear in the top left corner of the page or it comes out tiled. I have tried both html and css coding but just don’t get what I am doing wrong. The site is temlow.ca if you wanna see what it looks like and I just have the basic background coding for the site, I don’t know what to add to make it stretch across the screen or if there is coding to resize the parameters of the image. Also if I try to edit in a .css file the page gives me an error page that says I cannot open the page. I am only able to see it with a .html file?

    Once again thanks to anyone with some insight to share

    This is the coding on the site now;

    <html>

    <head>
    <style type="text/css">

    <!–
    BODY {background: #000000 url(temhomebg.jpg) no-repeat }

    –></style>
    img.bg {
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: fixed;
    top: 0;
    left: 0;
    }

    @media screen and (max-width: 1024px){
    img.bg {
    left: 50%;
    margin-left: -512px; }
    }

    div#content {
    /* This is the only important rule */
    /* We need our content to show up on top of the background */
    position: relative;

    /* These have no effect on the functionality */
    width: 500px;
    margin: 0 auto;
    background: #fff;
    padding: 20px;
    font-family: helvetica, arial, sans-serif;
    font-size: 10pt;
    line-height: 16pt;
    -moz-box-shadow: #000 4px 4px 10px;
    -webkit-box-shadow: #000 4px 4px 10px;
    }

    body {
    /* These rules have no effect on the functionality */
    /* They are for styling only */
    margin: 0;
    padding: 20px 0 0 0;
    }

    </head>

    </html>

Viewing 1 post (of 1 total)
  • The forum ‘CSS’ is closed to new topics and replies.