SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Question Style Sheet Not Loading for Submission Form Markup Page

    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
    Code:
    @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. #2

  3. #3
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Oops! I'm sorry.

    It's been uploaded now.

  4. #4
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    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. #5
    SitePoint Guru etidd's Avatar
    Join Date
    May 2011
    Location
    atlanta, ga
    Posts
    632
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    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.


Tags for this Thread

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •