CSS Help: Background image not loading on webpage

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!

 

ISSUE NO.1 is resolved! However still stuck on issue 2!!

 

What's the issue on 2??

 

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

 

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

 

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?

 

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

 

Thanks Katsa..really sweeet of you! Exactly the answer I was looking for

 

No problem. Glad to be of help.