Style Sheet Not Loading for Submission Form Markup Page

HTML & CSS
1

Hi all,

I have referenced an HTML file in the action attribute for my home page at worldreviewgroup.com. I have the same style sheet for the page it goes to at http://www.worldreviewgroup.com/showwindow.html, but I added a new CSS file called emailsubmit.css. The style sheet is set up incorrectly somehow, as I am only seeing default CSS styles on the page. I validated the page, ensuring this was not the problem, but no dice.

emailsubmit.css


@charset "utf-8";
/* CSS Document for the E-mail Submission Form */
#graymask{
	height:1000px;
	width:1360px;
	background:#999;
	opacity:40;
	filter:alpha(opacity=50);
	z-index:99;
}

#form2{
	background:url("emailsubmission.gif") no-repeat scroll 50% 0 transparent;
	width:360px;
	height:300px;
	margin-left:0;
	text-align:center;
	opacity:100;
	filter:alpha(opacity=100);
	z-index:999;
}
#form2 span{
	color:red;
}
2

Page not Found:

http://www.worldreviewgroup.com/style/emailsubmit.css

3

Oops! I’m sorry.

It’s been uploaded now.

4

I figured it out. I forgot to include the rel=“stylesheet” for the link elements.

Now, what I’m working on is to place a gray mask over the original home page content, symbolizing inactivity. The form at the bottom will be outside of the div with id of graymask, showing it as active and in front of everything else.

I have updated the files for the showwindow.html page. Can you help me with this?

5

The container div is always on top of the graymask div. I know this because the container div has homepagebgwinter.gif assigned to it. The z-index for container is lower than graymask, but I still have been unable to make the graymask fall on top of everything except the 2nd form.