Jump to content

css errors i cant fix?

adamhhh

By adamhhh
in CSS Help

Recommended Posts

adamhhh Member

adamhhh

Posted
Posted

hi been banging my head over these errors for a few days now and still cant fix, any ideas?

 

error in parsing value for property 'margin-bottom'. Declaration dropped.

 

heres an example of where the error is referring to as the error is basically occurring everywhere:

 

 

 

#block2 {
width: 495px;
float: left;
background-color: #FFFFFF;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
}

 

heres the full style sheet:

 

body {
background-color: #CCCCCC;	 
}

#container {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
width: 800px;
height: auto;
line-height: 16px;
padding-bottom: 20px;
margin-right: auto;
margin-left: auto;
margin-top: -20px;
margin-bottom: -20px;
border: 1px solid #5F9E4F;
background-color: #FFFFFF;
}
#header {
height: 155px;
width: 800px;
}

#version {
width: 100px;
height: auto;
margin-left: 688px;
padding-top: 20px;
}
#username {
float: left;
line-height: 20px;
padding-right: 5px;
}
#logout {
width: 165px;
margin-left: 645px;
padding-top: 20px;
}
#updates {
width: auto;
margin-left: 530px;
padding-top: 15px;
height: auto;

}
#container #header #bottomhead {
float: left;
width: 800px;
background-repeat: repeat;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #78AD6D;
}

.button {
width: auto;
margin-right: 5px;
float: left;
}

.newbutton {
width: auto;
margin-right: 20px;
float: right;
}

.newbutton2 {
width: auto;
margin-right: 5px;
float: right;
}

.bluetext {
color: #00236B;
font-weight: bold;

}

#breadcrumbs {
margin-left: 20px;
height: auto;
width: auto;
margin-top: 10px;
}
#container #content #buttons #menudropdown {
float: left;
width: 100px;
margin-left: 162px;
}

#container #content #minicontainer {
float: left;
width: 760px;
margin-left: 20px;
margin-right: 20px;
background-color: #054177;
padding-bottom: 5px;
height: auto;
}
#container #content #bottomborder {
float: left;
width: 760px;
margin-left: 20px;
margin-right: 20px;
}

#navi {
width: 170px;
background-color: #FFFFFF;
float: left;
margin-top: 5px;
margin-left: 5px;
height: auto;
}

#buttons {
margin-left: 20px;
width: auto;
padding-top: 10px;
}


#feedback {
margin-top: 20px;
width: 104px;
margin-left: 630px;
}

#logo {
width: auto;
margin-left: 20px;
height: auto;
float: left;
padding-top: 15px;
}
#search {
width: 245px;
margin-left: 585px;
padding-top: 15px;

}

#content {
height: auto;
width: 800px;
}
#block {
width: 570px;
float: left;
background-color: #FFFFFF;
margin: 5px;
}


.boldfont {
font-weight: bold;
}

.cornerbluetopright {
background-image: url(images/corner7.jpg);
background-repeat: no-repeat;
float: right;
width: 3px;
height: 3px;	
}

.cornerwhitetopleft {
background-image: url(images/corner1.jpg);
background-repeat: no-repeat;
float: left;
width: 2px;
height: 2px;
}

.bottom {
height: 3px;

width: 710px;
margin-left: 20px;
margin-right: 20px;
	background-color: #054177;
}


.cornerwhitetopright {
background-image: url(images/corner2.jpg);
background-repeat: no-repeat;
float: right;
width: 2px;
height: 2px;
}

.floatright {
float: right;
}
.floatleft {
float: left;
}

.navi2 {
padding: 5px;
list-style:none;
}

.navi12 {
margin-top: -200px;
padding: 5px;
float: left;

}

.menubox {
float: none;
width: 40%;
}

#rightdiv {

font-size: 11px;

}

/* for calculators.php */
#block2 {
width: 495px;
float: left;
background-color: #FFFFFF;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 5px;
}

#block3 {
width: 750px;
float: left;
background-color: #FFFFFF;
margin-top: 5px;
margin-bottom: 1px;
margin-left: 5px;
}

#block4 {
width: 750px;
float: left;
background-color: #FFFFFF;
margin-top: 5px;

margin-left: 5px;
background-color: #054177;
}

#block5 {
width: 420px;
float: left;
background-color: #FFFFFF;
margin-top: 5px;

margin-left: 5px;

}

#navi3 {
width: 250px;
background-color: #FFFFFF;
float: left;
margin-top: 5px;
margin-left: 5px;
height: auto;
margin-bottom: 5px;
}

.navi5 {
width: 160px;
background-color: #FFFFFF;
float: left;
margin-top: 5px;
margin-left: 5px;
height: auto;
margin-bottom: 5px;
}

.calc {
margin-right: 5px;
width: 200px;
border: 1px solid #CCCCCC;
padding: 5px;
visibility: hidden;
height: 120px;
}
.imagedetails {
float: none;
text-align: right;
padding-right: 15px;
}


.calc2 {
margin-right: 5px;
width: 200px;
border: 1px solid #CCCCCC;
padding: 5px;
visibility: hidden;
height: 120px;	
}

.calc3 {
margin-right: 5px;
width: 200px;
border: 1px solid #CCCCCC;
padding: 5px;
visibility: hidden;
height: 120px;
}

.calc4 {
margin-right: 5px;
width: 225px;
border: 1px solid #CCCCCC;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
height: 160px;

}
.calc5 {
margin-right: 5px;
width: 225px;
border: 1px solid #CCCCCC;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
height: 130px;
}

.calc6 {
margin-right: 5px;
width: 225px;
border: 1px solid #CCCCCC;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
height: 140px;
}

.calc7 {
margin-right: 5px;
width: 225px;
border: 1px solid #CCCCCC;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
height: 100px;
}

.calc8 {
margin-right: 5px;
width: 225px;
border: 1px solid #CCCCCC;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
height: 200px;
}

.calc9 {
margin-right: 5px;
width: 225px;
border: 1px solid #CCCCCC;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
height: 180px;
}

.navi4 {
list-style:none;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

/* for feedback */
#feedbackblock {
width: 700px;
float: left;
background-color: #FFFFFF;
margin: 5px;
}
.feedback {
width: 300px;
}

.feedbackform {
width: 350px;
margin-left: 200px;
margin-top: 10px;
margin-bottom: 10px;
}

.searchform {
width: 740px;
margin-top: 10px;
margin-bottom: 10px;
}

.image_thumbs{

margin:3px;

padding-left: 2px;

padding-right: 2px;



width:160px;

height: 190px;

float:left;

text-decoration:none;

border: 1px solid black;

background: white;

overflow: hidden;

}

#admin_right_col{float:left;width:70%;margin:0px; padding:5px;font-size:12px}
#admin_right_col2{
float:left;
width: 97%;
margin-left: 5px;
margin-top: 5px;
padding:5px;
font-size:12px; 
background-color: #FFFFFF;
}
#admin_right_col3{
float:left;
width: 97%;
margin-left: 5px;
margin-top: 5px;
padding:5px;
font-size:12px; 
background-color: #FFFFFF;
}
#imagedetails2 {
width: 200px;
margin-left: 296px;
margin-top: 10px;
padding: 2px;
margin-bottom: 10px;
background-color: #CCCCCC;
border: 1px solid #000000;

}
#newimagedetails {
width: 200px;
margin-left: 520px;
margin-top: 10px;
padding: 2px;
margin-bottom: 10px;
background-color: #CCCCCC;
border: 1px solid #000000;
}



#admin_left_col{float:left;width:27%;margin:0px; padding:5px; font-size:12px;

			border-right: 1px solid black;

			border-bottom: 1px solid black;

			background: white;

			margin-top: 5px;

}

#admin_left_col2{float:left;width:27%;margin:0px; padding:5px; font-size:12px;

			background: white;

			margin-top: 5px;

}

#image_container{width:	550px

}				

.navigation_row
{
background: white;
margin-left: 5px;
padding: 1px;
width: 505px;

}

.maxwidth
{
max-width: 100%;
overflow: auto;
}

.maxwidth2
{
max-width: 100%;

}

/* admin styles */

.thumb_text
{
width: 100%;
float: left;
}

.thumb_text2
{
width: 100%;
float: left;
}

.thumb_text3
{
background-color:#000000;
}

.exampleA
{


}

.boldtextindent
{
font-weight: bold;
padding-left: 3px;
}

.page_box
{
width: 300px;
}.test {
margin-top: 200px;
background-color: #FFFFFF;
}

 

Some of the html

 

<body>
<div id="container">
  <div id="header">
    <div id="logo"><?php include 'includes/logo.html' ?></div>
    <div id="version"><?php include 'includes/version.php' ?></div>
<div id="search">
    <?php include 'includes/search.php' ?>	
</div>
<div id="logout">
  <div id="username"><?php include 'includes/login.php' ?></div>
  </div>
  <div id="bottomhead">    <div class="newbutton"><a href="feedback.php"><img src="images/feedbackdown.jpg" alt="feedback" width="105" height="23" border="0" /></a></div>
<div class="newbutton2"><a href="updates.php"><img src="images/updatesdown.jpg" alt="feedback" width="93" height="23" border="0" /></a></div>
  </div>
  </div>
  
  <div id="content">
      <div class="bluetext" id="breadcrumbs"><?php include 'includes/home.html' ?>/<a href="raillinks.php">Raillinks</a></div>
      
      <div id="buttons">
   <div class="button"><img src="images/navigationdown.jpg" alt="navigation button" width="110" height="24" /></div>
  <div class="button"><a href="calculators.php"><img src="images/calculatorsdown.jpg" alt="calculators button" width="120" height="24" border="0" /></a></div>
  <div class="button"><a href="imagesprog/images.php"><img src="images/mapsdown.jpg" alt="maps button" width="66" height="24" border="0" /></a></div>
  <div class="button"><a href="raillinks.php"><img src="images/raillinksup.jpg" alt="Raillinks button" width="95" height="24" border="0" /></a></div>
  <div class="button"><a href="tickets/index2.php"><img src="images/ticketsdown.jpg" alt="navigation button" width="85" height="24" border="0" /></a></div>	  
      <div id="menudropdown"></div>
    </div>
   
    <div id="minicontainer">
        <div class="cornerbluetopright"></div>

        <div class="thumb_text3" id="block3">
          <div class="cornerwhitetopleft"></div>
	<div class="cornerwhitetopright"></div>
	<div class="navi2"><?php include 'index5.php' ?></div>
	<div><img src="images/corner3.jpg" class="floatleft" /><img src="images/corner4.jpg" class="floatright" /></div>
      </div>

        
    </div>

      
    <div id="bottomborder"><img src="images/bigborder.jpg" width="760" height="5" /></div>
  </div><div style="clear:both;"></div>
</div>
</body>

 

and yes there is a link to the style sheet :) any ideas?

Link to comment
https://forums.phpfreaks.com/topic/45399-css-errors-i-cant-fix/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

Go to topic listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.