...

View Full Version : div attributes not showing up



youngnooblet
07-31-2011, 05:23 PM
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)



/*
----------------------------------------------------------------------------------------

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)



<!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>

VIPStephan
07-31-2011, 06:24 PM
CSS (scroll all the way down to see .block properties)




<!--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:

/* blocks */

youngnooblet
07-31-2011, 06:52 PM
oh well **** me! and many thanks to you =)



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum