CSS Help: Background image not loading on webpage

Discussion in 'CSS' started by sar420, Mar 14, 2012.

  1. #1
    Hi all..

    Issue no. 1

    I cannot figure out why the background image is not loading on the webpage here:

    http://accenturemasters2012.tigersportsmarketing.com/

    The associated stylesheet is http://accenturemasters2012.tigersportsmarketing.com/style2.css

    Why is it so?

    Issue no. 2


    The background image is not loading here too

    http://accenturemasters2012.tigersportsmarketing.com/attending/index.html

    In fact, on the above webpage the styling has become all messed up. I had created a similar form earlier which looked something like this http://audiquattromumbai.tigersportsmarketing.com/attending/index.html

    So here I want to understand why the background image is not loading + why is the formatting messed up

    Thanks, will be grateful for any help!
     
    Solved! View solution.
    sar420, Mar 14, 2012 IP
  2. sar420

    sar420 Notable Member

    Messages:
    3,147
    Likes Received:
    212
    Best Answers:
    0
    Trophy Points:
    230
    #2
    ISSUE NO.1 is resolved! However still stuck on issue 2!!
     
    sar420, Mar 14, 2012 IP
  3. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #3
    What's the issue on 2??
     
    wiicker95, Mar 14, 2012 IP
  4. sar420

    sar420 Notable Member

    Messages:
    3,147
    Likes Received:
    212
    Best Answers:
    0
    Trophy Points:
    230
    #4
    See the first link in issue no. 2.. the background image isn't loading..in fact the whole formatting is messed up even though the stylesheet is linked as far as I know
     
    sar420, Mar 14, 2012 IP
  5. sar420

    sar420 Notable Member

    Messages:
    3,147
    Likes Received:
    212
    Best Answers:
    0
    Trophy Points:
    230
    #5
    See the first link in issue no. 2.. the background image isn't loading..in fact the whole formatting is messed up even though the stylesheet is linked as far as I know
     
    sar420, Mar 14, 2012 IP
  6. wiicker95

    wiicker95 Well-Known Member

    Messages:
    438
    Likes Received:
    37
    Best Answers:
    10
    Trophy Points:
    100
    #6
    Well, the code is a mess by itself... I didn't check the CSS, but try NOT TO self-close the tags (you're in HTML, not xHTML). Also those form types are rather weird...

    <p>&nbsp;</p> - what's the acual use of this tag??? Use CSS to position elements...

    What's the image you want inserted?
     
    wiicker95, Mar 14, 2012 IP
  7. #7
    Hi sar420,

    On this part of your CSS:


    @font-face { font-family: 'AgfaRotisSansSerifExtraBold'; src: url('agrsaseb-webfont.eot'); src: url('agrsaseb-webfont.eot?#iefix') format('embedded-opentype'), url('agrsaseb-webfont.woff') format('woff'), url('agrsaseb-webfont.ttf') format('truetype'), url('agrsaseb-webfont.svg#AgfaRotisSansSerifExtraBold') format('svg'); font-weight: normal; font-style: normal; #mainForm { position: relative; border: 1px; border-style: solid; text-align: left; width: 900px; background-color: #ffffff; background-image: url(/attending/imgs/accentureregistration.jpg); margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; height: 1650px; font: AgfaRotisSansSerifBold }

    Please delete and paste this:

    @font-face {
    font-family: 'AgfaRotisSansSerifExtraBold';
    src: url('agrsaseb-webfont.eot');
    src: url('agrsaseb-webfont.eot?#iefix') format('embedded-opentype'),
    url('agrsaseb-webfont.woff') format('woff'),
    url('agrsaseb-webfont.ttf') format('truetype'),
    url('agrsaseb-webfont.svg#AgfaRotisSansSerifExtraBold') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    #mainForm
    {
    position: relative;
    border: 1px;
    border-style: solid;
    text-align: left;
    width: 900px;
    background: url(attending/imgs/accentureregistration.jpg);
    margin-top: 0;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    height: 1650px;
    font: AgfaRotisSansSerifBold;
    }


    Your errors that I corrected:


    font-style: normal;
    } <--- you didn't included this

    font: AgfaRotisSansSerifBold; <--- you should include this in all of your css properties.

    last fixed: your background-image should be changed into background: url (attending/imgs/accentureregistration.jpg);


    Hope it gets fixed. :)


    Regards,
    Katsa
     
    sunnykatsa, Mar 14, 2012 IP
    sar420 likes this.
  8. sar420

    sar420 Notable Member

    Messages:
    3,147
    Likes Received:
    212
    Best Answers:
    0
    Trophy Points:
    230
    #8
    Thanks Katsa..really sweeet of you! Exactly the answer I was looking for :)
     
    sar420, Mar 14, 2012 IP
  9. sunnykatsa

    sunnykatsa Member

    Messages:
    26
    Likes Received:
    2
    Best Answers:
    1
    Trophy Points:
    43
    #9
    No problem. Glad to be of help.
     
    sunnykatsa, Mar 14, 2012 IP