Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Jun 2011
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts

    div attributes not showing up

    Hi, I'm trying to create a background of different color inside a div called "block". the properties for #block is found at the end of the css sheet here:

    I also have attached my html of my website to this post. for some reason, the css properties for block are not showing up on my website. I think it may be a problem with hierarchy. please help me out!! thanks!!

    CSS (scroll all the way down to see .block properties)
    Code:
    /* 
    ----------------------------------------------------------------------------------------
    
    Copyright 2010 - Thierry Ruiz - www.dotemplate.com - All rights reserved.
    
    THIS TEMPLATE IS FREE AS LONG AS YOU KEEP THE LINK TO WWW.DOTEMPLATE.COM IN THE FOOTER
    TO REMOVE THE LINK, PLEASE MAKE A 10 DOLLARS DONATION at www.dotemplate.com/#donate
    
    ----------------------------------------------------------------------------------------
    */
    
    
    html {
    	background: $bottomWrapper.bg.color;
    	margin:0 0 0 -1px;
    	padding:0;	
    	overflow-Y: scroll;
    }
    
    
    body {
    	padding:0;
    	margin :0;
    	display:table; 
    	width:100%;	
    }
    
    
    	
    					
    #wrapper {
    	margin:0 auto ;
    	width:100%;
    }
    
    					body {
    	background-color:#FFFFFF;
    }
    
    #wrapper {
    	border-top: 1px solid #ffffff;
    }
    	
    
    
    					
    #topBannerWrapper {
    	width:100%;
    	height:116px;
    	background-color:#878988;
    
    }
    
    
    					
    #topBanner {
    	width:920px;
    	margin:0 auto;
    	height:116px;
    	background-image:url(images/css/topBanner.jpg);
    	background-repeat:no-repeat;
    }
    
    	
    
    #hmenuWrapper {
    	width:100%;
    	margin:0 auto ;
    }
    
    #hmenu {
    	position:relative;
    	top:45px;
    	float:right;
    }
    
    					
    
    #hmenu ul {
    	list-style:none inside none;
    	margin:0;
    	padding:0;
    	text-transform:uppercase;
    	font-size:14px;
    	font-family:Arial,sans-serif;
    }
    
    #hmenu ul li {
    	float:left;
    }
    
    #hmenu ul li a {
    	border:0 none;
    	color:#660d05;
    	display:block;
    	float:left;
    	font-size:14px;
    	font-weight:bold;
    	height:2em;
    	line-height:2em;
    	text-align:center;
    	padding:0 20px;
    }
    
    
    #hmenu ul li a:hover {
    	background-color:#660d05;
    	color:#FFFFFF; 
    }
    
    #hmenu ul li a:link {
    	text-decoration:none;
    }
    
    #hmenu ul li a:visited {
    	text-decoration:none;
    }
    
    #hmenu ul li a:active {
    	text-decoration:none;
    }
    
    
    #hmenu li#current a {
    	background-color:#660d05;
    	color:#FFFFFF; 
    }
    
    	
    
    #topSlideshowWrapper {
    	width:100%;
    	height:300px;
    	background-color:#660d05;
    
    }
    
    	#random { 
    	padding: 0; 
    	margin-left:10px;
    	width:50px;
    	height:300px;
    }
    
    				
    #sliderContainer {
    	width: 920px;
    	margin:0 auto;
    }
    
    
    #slider1 {
    	width:100%;
    	height: 300px;	
    	position: relative;
        overflow: hidden; /* important */
    }
    
    
    #slider1 img { 
    	padding: 0; 
    	margin:0;
    	width:600px;
    	height:300px;
    }
    
    
    #slider1 a img { border:none } 
    
    
    #slider1Content {
    	margin:0;
    	padding:0;
    	height:300px;
    	font-size:0;
    	width:100%;
    	position: relative;  
    }
    
    
    .slider1Image {
    	display:none;
    	float:left;
    	position:relative;
    	margin:0;
    	padding-left:0px;
    }
    
    .slider1Image span {
    	position: absolute;
    	left:0;
    	font-family:Tahoma, Arial;
    	font-size:14px;
    	padding: 0px;
    	width:920px;
    	background-color:#660d05;  
    	color: #fff;
    	display: none;
    	z-index:20;
    	filter: alpha(opacity=70);
    	-moz-opacity: 0.7;	
    	-khtml-opacity: 0.7;
    	opacity: 0.7;
    } 
    
    
    .slider1Image .bottom {
    	bottom: 0;
    	left: 0;
    	height: 70px;
    } 
    
    
    #sliderLeftMask {
    	height:300px;
    	position:absolute;
    	top:0;
    	left:0px;
    	width:180px;
    	z-index:10;
    	background:url('images/css/sliderLeftMask.png') no-repeat scroll center center transparent;
    }
    
    
    
    #sliderRightMask {
    	height:300px;
    	position:absolute;
    	top:0;
    	left:640px;
    	width:350px;
    	z-index:10;
    	background:url('images/css/sliderRightMask.png') no-repeat scroll center center transparent;
    }
    
    	
    	
    
    					
    
    
    #container {
    	margin:0 auto;
    	width:930px;
    	
    }
    
    
    
    
    #content {
    	width:920px;
    	margin:0 auto ;
    	text-align:left;
    }
    
    #content p {
    	text-align:justify;
    	width: 820px;
    }
    	
    	
    					
    
    
    #main {
    	width:610px;
    	float:left;
    	margin-right:40px ;
    }
    
    #sidebar {
    	float:left;
    	width:270px;
    }
    
    .bloc h3 {
    	margin-top:10px;
    }
    
    .bloc {
    	padding:15px;
    	background-color:#EEEEEE;
    }
    
    
    
    #content a:link, #content a:visited {
    	color:#505050;
    	font-weight:bold;
    }
    
    
    #content p {
    	margin-top:10px;
    	text-align:justify;
    }
    
    
    .padd15 {
    	padding:15px;
    }
    
    .padd20 {
    	padding:20px;
    }
    
    
    body {
    	color:#444444;
    	overflow: visible;
    
    }
    
    p {
    	letter-spacing: normal;
    	
    }
    
    
    h1 {
    	color:#000000;
    	margin:20px 0 10px 0;
    	clear:both;
    }
    
    
    h2 {
    	color:#000000;
    	margin:20px 0 10px 0;
    	clear:both;
    }
    
    
    h3 {
    	color:#000000;
    	margin:10px 0 5px 0;
    	clear:both;
    }
    
    
    a:link, a:visited {
    	color:#505050;
    	text-decoration:none;
    }
    
    
    a:hover {
    	text-decoration:underline;
    }
    
    	
    					
    #bottomWrapper {
    	background-color:#000000;
    	background-image:url(images/css/bottomWrapper-bg.png);
    	background-position:center top ;
    	background-repeat:repeat-x;
    	text-align:center;
    	color:#70806D;
    	text-align:center;	
    	width:100%;
    	clear:both;	
    }
    
    
    #bottomWrapper a:link, #bottomWrapper a:visited {
    	color:#e7ded9;
    }
    
    
    
    #bottomWrapper a:hover{
    	color:#cdb380;
    	text-decoration:none;
    }
    
    
    #footer {
    	min-height:260px;
    	width:920px;
    	margin:0 auto;
    	background-color:#000000;
    	background-image:url(images/css/footer-bg.png);
    	background-position:center top ;
    	background-repeat:no-repeat;
    }
    
    
    
    
    .footer-last {
    	margin-right:0 !important;
    	clear:right;
    }
    
    .footer-one-third {
    	float:left;
    	margin:20px 100px 20px 0;
    	width:240px;
    	position:relative;
    	text-align:left;
    	overflow:hidden;
    }
    
    .footer-one-third h3 {
    	margin-top:10px;
    }
    
    .footer-one-third ul{
    	border-top:1px solid #0a0a0a;
    	padding:0 ;
    }
    
    .footer-one-third ul, .footer-one-third li {
    	list-style: none ;
    	margin-left:0 ;
    }
    
    .footer-one-third li {
    	border-bottom:1px solid #0a0a0a;
    	padding: 5px 0 ;
    }
    
    
    
    #bottom-links {
    	height:60px;
    	background:#000000 url('images/css/bottomLinks-bg.png') center top repeat-x;
    }
    	
    
    a img {
    	border:none;
    } 
    
    
    .clear {
    	clear: both;
    	display: block;
    	overflow: hidden;
    	visibility: hidden;
    	width: 0;
    	height: 0;
    }
    
    
    
    
    #tab_nav {
    	height: 60px;
    	background-repeat: no-repeat;
    	background-position: 0px 35px;
    	background-image: url(images/tab_bg.jpg);
    	width: 680px;
    	padding-left: 20px;
    }
    
    #tab_nav.big {
    	height: 60px;
    	background-repeat: no-repeat;
    	background-position: 0px 59px;
    	background-image: url(images/tab_bg.jpg);
    	width: 910px;
    	padding-left: 0px;
    }
    
    #tab_nav ul {
    }
    #tab_nav ul li {
    	list-style-type: none;
    	float: left;
    }
    #tab_nav ul li a {
    	display: block;
    	height: 26px;
    	text-align: center;
    	padding-top: 10px;
    	outline: none;
    	background-image: url(images/bg-tab.gif);
    	background-position: top;
    	background-repeat: no-repeat;
    	width: 135px;
    }
    
    
    #tab_nav ul li.big a  {
    	display: block;
    	height: 60px;
    	text-align: center;
    	padding-top: 10px;
    	outline: none;
    	background-image: url(images/bg-tab-big.gif);
    	background-position: top;
    	background-repeat: no-repeat;
    	width: 173px;
    }
    
    
    #tab_nav ul li a:hover {
    	color: #333;
    	text-decoration: none;
    
    }
    
    #tab_nav ul li a.active {
    	text-align: center;
    	outline: none;
    	color: #333;
    	background-image: url(images/bg-tab-active.gif);
    	background-position: top;
    	background-repeat: no-repeat;
    }
    
    #tab_nav ul li a.active {
    	text-align: center;
    	outline: none;
    	color: #333;
    	background-image: url(images/bg-tab-active-big.gif);
    	background-position: top;
    	background-repeat: no-repeat;
    }
    
    
    #tab_wrapper {
    	width: 700px;
    
    }
    
    
    .tab {
    	width: 680px;
    	margin-left: 20px;
    }
    
    <!--blocks-->
    
    
    
    
    #block {	
     	background-color: #aaaaaa;
    	padding: 20px;
    	width: 500px;
    	height: 500px;
    	
    	}
    html (search for "div id=block" to see if there are any problems)

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
      <head>
        <title>Web site</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="title" content="Web site" />
        <meta name="description" content="Site description here" />
        <meta name="keywords" content="keywords here" />
        <meta name="language" content="en" />
        <meta name="subject" content="Site subject here" />
        <meta name="robots" content="All" />
        <meta name="copyright" content="Your company" />
        <meta name="abstract" content="Site description here" />
        <meta name="MSSmartTagsPreventParsing" content="true" />
        <link id="theme" rel="stylesheet" type="text/css" href="style.css" title="theme" />
    <script src="pro_dropdown_2/stuHover.js" type="text/javascript"></script>
    
           <!--JQUERY-->
            <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
    		
    		<!--TABs-->
            <script type="text/javascript">
    		 $(document).ready(function(){    
    			var tabContainers = $('div#tab_wrapper > div');
    			tabContainers.hide().filter(':first').show();
    			$('#tab_nav ul li a').click(function () {
    				tabContainers.hide();
    				tabContainers.filter(this.hash).show();
    				$('#tab_nav ul li a').removeClass('active');
    				$(this).addClass('active');
    				return false;
    			}).filter(':first').click();
    			var bookmark = location.href.substr(location.href.lastIndexOf('#'));
    			$('#tab_nav ul li a[href="' + bookmark + '"]').click();
    		});
            </script>
    		
    </head>
                   <!--Window position-->
      
    <!-- top wrapper -->
    <div id="topBannerWrapper"> 
            <div id="topBanner"> 
              <div id="hmenuWrapper"> 
                
          <div id="hmenu"> 
            <ul>
              <li id="current" style="border:none"> <a href="#" shape="rect">Home</a> 
              </li>
              <li> <a span href="#" shape="rect">About Us</a> </li>
              <li> <a span href="#" shape="rect">Services</a> </li>
              <li> <a span href="#" shape="rect">Resources</a> </li>
              <li> <a span href="#" shape="rect">Contact Us</a> </li>
            </ul>
          </div> 
              </div> 
            </div> 
          </div>  
      <br />
    <br />
    <!-- end top wrapper -->
    <div id="container">
        <div id="content">
    <div id="tab_nav" class="big">
            <ul>
              <li class="big"><font size="3"><a  href="#tab1">Complete Application Package</a></font></li>
              <li class="big"><font size="3"><a  href="#tab2">Partial Application Services</a></font></li>
              <li class="big"><font size="3"><a  href="#tab3">Pre-College Counseling</a></font></li>
              <li class="big"><font size="3"><a  href="#tab4">Seminars</a></font></li>
              <li class="big"><font size="3"><a  href="#tab4">Elite Tutoring</a></font></li>
    
            </ul>
          </div>
                  <div id="tab_wrapper">
            <div class="tab" id="tab1"> 
              
            <p> <font size="5"><br>
              <strong><font color="#000000">Complete Application Package</font></strong></font></p>
            <p>We will help develop and revise all aspects of your college application. 
              By the end of our program, you will have a complete, well-polished application 
              consisting of:<br />
              <br />
              • Common App primary application essay<br />
              • Common App short response essay<br />
              • All supplement essays<br />
              • High school resume<br />
              • Activity sheet<br />
              <br />
              We will meet with you and provide:<br />
              • Early decision and Early action strategy<br />
              • Professional interview coaching<br />
              • Essay feedback and revision within 24-hours<br />
              • Final review of your application<br />
              <br />
              <strong><font color="#000000" size="5">Scheduling:</font></strong><br />
              Within 24 hours of signing up, you will receive an e-mail from your 
              personal admissions consultant that you requested. Your consultant will 
              talk with you to set up the meeting times. Our in-person consultancy 
              program is available in the following locations: New Jersey, New York, 
              Washington DC, Maryland, Connecticut, Massachusetts, Pennsylvania, North 
              Carolina, Illinois, Florida, and <br />
              Texas.</p>
            <p>If you live elsewhere, we deliver the same high-quality personalized 
              application packages through our online program. Just like with in-person 
              consultancy, our online program would enable you to see, hear, and talk 
              out-loud with your Ivy League consultant. Your consultant, meanwhile, 
              delivers the same instant feedback on application development.<br />
            </p>
            <p> <br />
            </p>
            <p>&nbsp; </p>
                    </div>
            <div class="tab" id="tab2"> 
              
            <p> <font size="4"><br>
              <font color="#000000"><strong><font size="5">Partial Application Services</font></strong></font></font></p>
            <p>We also offer services such as Essay Development, Essay Revision, Resume 
              Development, and Resume Revision packages for those looking for assistance 
              in those areas. In addition, we also offer a Final Application Review 
              for those looking for comprehensive feedback on their application before 
              submission.</p>
    		  
    		  <div id="block">
    		  
    		  
            <p><font color="#000000" size="4"><strong>Essay Development</strong></font></p>
            <p>The essay is a very important part of the application, allowing you 
              to stand out in the admissions committee. We can guide you through the 
              entire essay development process- brainstorming, filtering out cliché 
              topics, writing an outline, selecting essay tone, and much more. We 
              will help make your essay as unique as possible to impress admissions 
              officers.</p>
            <p>The essay development package includes:</p>
            <p>• 1 60-minute video or phone conference to answer any questions you 
              may have about developing your essay<br />
              • 1 report containing critiques of your essay topic and intended essay 
              structure by one of our Ivy League consultants<br />
              • Suggestions for improvement in terms of essay’s topic choice, structure, 
              development, and tone<br />
              Rate: $150/essay.<br />
              Additional essay development packages are available at a reduced rate 
              of $100/essay. </p>
    		  
    		    </div>
    		  
    		  
    		  
    		  
            <p>Essay Revision</p>
            <p>Allow your essay to shine without distracting flaws that could negatively 
              effect your admissions decision. IvyApp readers will identify cliché 
              topics, grammatical mistakes, poor word choice, and awkward structure. 
            </p>
            <p>The essay revision package includes:<br />
              • 1 report containing critiques and revisions of your essay by one of 
              our Ivy League consultants<br />
              • Suggestions for improvement in terms of topic choice and essay structure<br />
              • 1 30-minute video or phone conference to answer any questions you 
              may have about your essay<br />
              Rate: $100/essay.<br />
              Future revisions of the same essay is available at a reduced rate of 
              $50 per revision.</p>
    		  
    		
    		  
    		  
    		  
    		  
            <p>Resume Development</p>
            <p>What activities and awards should I mention in my resume?<br />
              What information should I filter out in my resume?<br />
              What is and how do I create the “wow” factor in my resume?<br />
              <br />
              We will answer any questions you have about developing your resume. 
              We will also give you customized suggestions based on the activities 
              you participate in and the awards you have received. </p>
            <p>Our resume development package includes:<br />
              • 1 60-minute video or phone conference to answer any questions you 
              may have about developing your resume<br />
              • 1 report containing critiques of your essay topic and intended essay 
              structure by one of our Ivy League consultants<br />
              • Suggestions for improvement in terms of essay’s topic choice, structure, 
              development, and tone<br />
              Rate: $150/resume.<br />
              Additional essay development packages are available at a reduced rate 
              of $100/resume. </p>
            <p>Resume Review</p>
            <p><br />
              Our resume development package includes:<br />
              • 1 report containing critiques and revisions of your resume by one 
              of our Ivy League consultants<br />
              • Suggestions for improvement in terms of structure and content<br />
              • 1 30-minute video or phone conference to answer any questions you 
              may have about your resume.<br />
              Rate: $100/resume.</p>
            <p>Future revisions of the same resume is available at a reduced rate 
              of $50 per revision.</p>
            <p>Final Application Review</p>
            <p>Our final application review will help polish your complete application. 
              We will identify structural and content-related problems with your application, 
              remove careless mistakes, and make detailed suggestions for improvements.</p>
            <p>The Final Application Review package includes:<br />
              • 1 report containing comprehensive feedback on every aspect of your 
              application including essays and resume<br />
              • 1 30-minute video or phone conference to answer any questions you 
              may have about your essay<br />
              Rate: $200/application.</p>
            <p>Future revisions of the same application is available at a reduced 
              rate of $100 per revision.<br />
              Details:<br />
              Within 48 hours of signing up, you will receive an e-mail from the admissions 
              consultant you requested. You will then send him or her an electronic 
              copy of your work. Your admissions consultant will review your work, 
              and email it back to you. Then, you may schedule a video or phone conference 
              to answer any questions you may have.<br />
            </p>
            <p> <Returns Policy="codeword"> <font size="3"> </font></p>
             </div>
            <div class="tab" id="tab3"> 
              <h3><font size="4"><br>
                Our Guarantee</font></h3>
              <p> <Returns Policy="codeword"> </p>
              </div>
           
           
    </div>
    </div>
    </div>
    </div>
    
     
      </body>
    </html>

  • #2
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,642
    Thanks
    6
    Thanked 1,004 Times in 977 Posts
    Quote Originally Posted by youngnooblet View Post
    CSS (scroll all the way down to see .block properties)
    Code:
    …
    
    <!--blocks-->
    
    #block {	
     	background-color: #aaaaaa;
    	padding: 20px;
    	width: 500px;
    	height: 500px;
    	
    	}
    There can’t be HTML comments in a CSS file. CSS comments look like this:
    Code:
    /* blocks */

  • Users who have thanked VIPStephan for this post:

    youngnooblet (07-31-2011)

  • #3
    New Coder
    Join Date
    Jun 2011
    Posts
    15
    Thanks
    1
    Thanked 0 Times in 0 Posts
    oh well **** me! and many thanks to you =)


  •  

    Posting Permissions

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