some borders not showing

2 replies [Last post]
Wed, 2010-02-17 22:30
rene
Offline
Regular
Timezone: GMT-10
Joined: 2010-02-16
Posts: 17
Points: 31
Hi again,
At some point I decided to change my borders from 2px to 3px as well as their color. Now, I have some borders not showing and others are. I tried going back, and editing the code over and over but I cannot find where or what is preventing the borders from showing. Can anyone help me find my error?
<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link rel="stylesheet" title="Disabled for Preview-in-Browser: CSS/template2layout.css" type="text/css" />
<style type="text/css">
<!--
 
#wrapper {
	width: 1100px;
  margin: 0 auto;
  text-align: left;   
}
 
#wouheader {
	width: 1100px;
	background-color: #B51310;
}
 
#pawsheader {
	width: 1100px;
}
 
#fiveboxspace {
	background-color: #B51310;
	width: 1100px;
	height: 1000px;
	padding-top: 10px;
}
 
#leftnavcol {
	float: left;
	width: 206px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 10px;
}
 
.leftbox1single {
	padding: 4px;
	width: 190px;
	background-color: #000;
	float: left;
	height: 20px;
	color: #FFF;
	border: 2px solid FBD9C8;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 16px;
	font-weight: normal;
}
 
.leftbox2single {
	padding: 4px;
	width: 190px;
	background-color: #000;
	float: left;
	height: 20px;
	color: #FFF;
	border: 3px solid #FC9;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 16px;
	font-weight: normal;
	margin-top: 48px;
}
 
.leftbox3single {
	padding: 4px;
	width: 190px;
	background-color: #000;
	float: left;
	height: 20px;
	color: #FFF;
	border: 3px solid FBD9C8;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 16px;
	font-weight: normal;
	margin-top: 4px;
}
 
 
.leftbox1double {
	padding: 4px;
	width: 190px;
	background-color: #000;
	float: left;
	height: 34px;
	color: #FFF;
	border: 3px solid #FC9;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 16px;
	font-weight: normal;
	margin-left: 10;
}
 
.leftbox2double {
	padding: 4px;
	width: 190px;
	background-color: #000;
	float: left;
	height: 34px;
	color: #FFF;
	border: 3px solid #FC9;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 16px;
	font-weight: normal;
	margin-top: 48px;
}
 
.leftbox3double {
	padding: 4px;
	width: 190px;
	background-color: #000;
	float: left;
	height: 34px;
	color: #FFF;
	border: 3px solid #FC9;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	font-size: 16px;
	font-weight: normal;
	margin-top: 4px;
}
 
 
.fourbox1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	padding: 8px;
	float: left;
	width: 190px;
	border: 3px solid #000;
	text-align: left;
	margin-top: 4px;
	margin-right: 6px;
	background-image: url(Images/tan2whitegradient.jpg);
	background-repeat: repeat-x;
}
 
.fourbox2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	padding: 8px;
	float: left;
	width: 190px;
	border: 3px solid #000;
	text-align: left;
	margin-top: 4px;
	margin-right: 6px;
	background-image: url(Images/tan2whitegradient.jpg);
	background-repeat: repeat-x;
}
 
.fourbox3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	padding: 8px;
	float: left;
	width: 190px;
	border: 3px solid #000;
	text-align: left;
	margin-top: 4px;
	margin-right: 6px;
	background-image: url(Images/tan2whitegradient.jpg);
	background-repeat: repeat-x;
}
.fourbox4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	padding: 8px;
	float: left;
	width: 190px;
	border: 3px solid #000;
	text-align: left;
	margin-top: 4px;
	margin-right: 6px;
	background-image: url(Images/tan2whitegradient.jpg);
	background-repeat: repeat-x;
}
 
 
.fourtitle1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #3A0107;
	padding: 6px;
	height: 16px;
	width: 174px;
	color: #FFF;
	border: 3px solid #000;
	text-align: center;
}
.fourtitle2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #5B0007;
	padding: 6px;
	height: 16px;
	width: 174px;
	color: #FFF;
	border: 3px solid #FFF;
	text-align: center;
}
.fourtitle3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #800008;
	padding: 6px;
	height: 16px;
	width: 174px;
	color: #FFF;
	border: 3px solid #FFF;
	text-align: center;
	letter-spacing: 0.05em;
}
.fourtitle4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #9D0000;
	padding: 6px;
	height: 16px;
	width: 174px;
	color: #FFF;
	border: 3px solid #FFF;
	text-align: center;
}
 
 
-->
</style>
</head>
 
<body>	
<div id="wrapper">
 
	<div id="wouheader"><a href="http://www.wou.edu"><img src="Images/woulogo.jpg" width="204" height="21" alt="woulogo" /></a></div>
    <div id="pawsheader"><img src="Images/PAWSHeaderSmaller.jpg" width="1100" height="100" alt="pawsheader" /> </div>
 
    <div id="fiveboxspace">
      <div id="leftnavcol">
        <div class="leftbox1single">MOODLE</div>
        <div class="leftbox2double">OVERVIEW OF MOODLE'S TOOLS</div>
        <div class="leftbox3single">MOODLE WOU HOO'S</div>
        <div class="leftbox3single">MOODLE HOW TO'S</div>
        <div class="leftbox3single">MOODLE WORKSHOPS</div>
        <div class="leftbox3single">MOODLE CLASSES</div>
        <div class="leftbox3double">ONLINE MOODLE COMMUNITIES</div>
        <div class="leftbox3single">YOUR MOODLE PATH</div>
      </div>
      <div class="fourbox1">
        <div class="fourtitle1">ACTIVITY TOOLS</div>
        <p>When editing is turned on, a drop-down menu “Add an activity” is revealed in each of the middle column of blocks. This allows you to add a variety of tools to your course space.  Read overviews of each of these tools here, or click on a more detailed description of each below.</p>
        <ul>
          <li>Assignments</li>
          <li>Chat</li>
          <li>Choice</li>
          <li>Database</li>
          <li>Forum</li>
          <li>Glossary</li>
          <li>Hot Potatoes Quiz</li>
          <li>Journal</li>
          <li>LAMS</li>
          <li>Lesson</li>
          <li>Page Menu</li>
          <li>Quiz</li>
          <li>SCORM</li>
          <li>Survey</li>
          <li>Wiki</li>
        </ul>
      </div>
      <div class="fourbox2">
        <div class="fourtitle2">RESOURCE TOOLS</div>
        <p>When editing is turned on, a pop-up “Add a resource” is revealed in each of the middle blocks, that allows you to add a variety of resources and displays to your course.  Read overviews of each of these tools here, or click on a more detailed description of each below.</p>
        <ul>
          <li>Insert label</li>
          <li>Compose a text page</li>
          <li>Compose a web page</li>
          <li>Link to a file or web site</li>
          <li>Display a directory</li>
          <li>Add an IMS Package</li>
          <li>Content</li>
        </ul>
      </div>
      <div class="fourbox3">
        <div class="fourtitle3">ADMINISTRATIVE BLOCK</div>
        <p>Explore beyond the defaults to find course space settings that compliment your style of curriculum content delivery.</p>
        <ul>
          <li>Turn Editing On</li>
          <li>Roles</li>
          <li>Grades</li>
          <li>Outcomes</li>
          <li>Groups</li>
          <li>Backup</li>
          <li>Restore</li>
          <li>Import</li>
          <li>Reset</li>
          <li>Reports</li>
          <li>Questions</li>
          <li>Files</li>
          <li>Unenroll</li>
          <li>Profile</li>
        </ul>
      </div>
      <div class="fourbox4">
        <div class="fourtitle4">BLOCKS</div>
        <p>Blocks can be one of Moodle’s most creative tools to use to develop Front Page spaces that give direct access to course content. </p>
        <ul>
          <li>Activities</li>
          <li>Blog Menu</li>
          <li>Blog Tags</li>
          <li>Calendar</li>
          <li>Course Site Description</li>
          <li>Courses </li>
          <li>Global Search</li>
          <li>HMTL</li>
          <li>Latest</li>
          <li>Loan Calculator</li>
          <li>Mentees</li>
          <li>Messages</li>
          <li>Online User</li>
          <li>Page Module</li>
          <li>People</li>
          <li>Quiz Results</li>
          <li>Random Glossary Entry</li>
          <li>Remote RSS Feeds</li>
          <li>Search Forum</li>
          <li>Section Links</li>
          <li>Tags</li>
          <li>Upcoming Events</li>
        </ul>
      </div>
      <div class="fourbox4">
        <div class="fourtitle4">DEFAULT TOOLS</div>
        <p>When you first create a Moodle space, it will come with default tools in place.  Many of these tools serve little value to most instructors and students.  Students have reported being confused by some, especially when left to default settings or not actively used by the instructor.  Learn more about these tools to see which ones to develop and which ones to delete from your Front Page.</p>
        <ul>
          <li> Activities
            Blog Menu</li>
          <li> Blog Tags</li>
          <li> Calendar</li>
          <li> Course Site Description</li>
          <li>Courses </li>
          <li> Global Search</li>
          <li> Latest</li>
          <li> Messages</li>
          <li> People</li>
          <li> Upcoming Events</li>
        </ul>
      </div>
    </div>
 
</div>
</body>
</html>
Tags:
Thu, 2010-02-18 03:02
Caposoft
Offline
Enthusiast
Timezone: GMT+1
Joined: 2008-03-16
Posts: 326
Points: 112
please check the values for

please check the values for margin-left for .leftbox1double which probably has nothing to do with your problem. More obvious is that you forgot the # sign in front of the border`s colors for .leftbox1single and .leftbox3single
Fri, 2010-03-12 16:16
rene
Offline
Regular
Timezone: GMT-10
Joined: 2010-02-16
Posts: 17
Points: 31
thanks!

That was it!
some borders not showing

please check the values for

thanks!

New forum topics

User login

Navigation
