Jump to content

margins are grey?!?!


mastercjb

Recommended Posts

For some reason my margins are grey and i cant seem to find out why!! I have looked this over a million times and was wondering if someone could take a look at it with new eyes. I will post a picture of the grey as well. I though it was color code #b4b4b4 but i dont see it being a background color...

 

.leftmenu {
margin-left: 8px;

background-color : #546d8e;

border : 1px solid #444;

color : #ffffff; 

display : block; 

padding-top : 2px; 

padding-right : 2px; 

padding-bottom : 2px; 

padding-left : 2px; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 1px; 

border-bottom-width : 1px; 

border-left-width : 1px; 

width : 145px; 

font-weight : normal; 

text-align : left; 

} 

.gap { line-height: 3px; }



.topbar { width: 98%;

margin-left: 8px;

margin-right: 8px;

margin-top: 8px;

background-color: #546d8e;

border: 1px solid #444;

padding: 3px;

color: #ddd;

font-weight: bold;

font-size: 11px; }







.content { width: 100%;

padding: 0px; }



.contenthead { background-color: #709ad1;

border: 1px solid #444;

padding: 5px;

color: #ddd;

font-weight: bold;

font-size: 12px; }



.contentcontent { background-color: #546d8e;

border: 1px solid #444;

padding: 3px;

color: #ddd;

font-size: 11px; }

.contentaskapro { background-color: #000000;

border: 1px solid <?= $color[2] ?>;

padding: 3px;

color: <?= $color[1] ?>;

font-size: 11px; }





.bar_a{

width: 100px;

border: 1px solid #b4b4b4;

background-color:#666666;

}

.bar_b{

font-size: 10px;

background-color:#FFFF00;

}





body {

margin: auto;

border: 1px solid #000000;

width: 828px;

background-color: #000000;

font-family : Arial, Helvetica, sans-serif; 

font-weight : normal; 

} 





h1 , h2 , h3 , h4 , h5 , h6 {

font-family : "Trebuchet MS", Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 

font-weight : normal; 

} 



.head, .headbox , .dynabox , a.leftmenu , a.topmenu {

margin-left: 8px;

font-weight : bold; 

text-decoration : none; 

font-size : 80%; 

font-family : Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 

} 



a 																	{color : #b4b4b4; } 

.body a:hover, .dynabox .headbox a:hover							{color : #ffffff; }



.pos0														{background-color : #ffffff; color : #b4b4b4; } 

.pos1 {background-color : #000000;}

.mainbox , .dynabox , a.leftmenu:link , a.leftmenu:visited 	{background-color : #546d8e; border : 1px solid #444; color : #ffffff; } 

.pos2 , .topnav , a.leftmenu:hover 									{background-color : #546d8e; color : #ffcc00; border : 1px solid #444; }





.neg0 																{background-color : #000000; } 

.neg1 , a.topmenu:hover												{background-color : #000000; color : #ffffff; border : #b4b4b4; } 

.neg2 , .headbox , a.topmenu:link , a.topmenu:visited 				{background-color : #000000; color : #ffffff; border : #b4b4b4; } 



a.leftmenu:link {

display : block; 

padding-top : 2px; 

padding-right : 2px; 

padding-bottom : 2px; 

padding-left : 2px; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 1px; 

border-bottom-width : 1px; 

border-left-width : 1px; 

width : 145px; 

font-weight : normal; 

text-align : left; 

} 



a.leftmenu:hover {

display : block; 

padding-top : 2px; 

padding-right : 2px; 

padding-bottom : 2px; 

padding-left : 2px; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 1px; 

border-bottom-width : 1px; 

border-left-width : 1px; 

width : 145px; 

font-weight : normal; 

text-align : left; 

} 



a.leftmenu:visited {

display : block; 

padding-top : 2px; 

padding-right : 2px; 

padding-bottom : 2px; 

padding-left : 2px; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 1px; 

border-bottom-width : 1px; 

border-left-width : 1px; 

width : 145px; 

font-weight : normal; 

text-align : left; 

} 



a.topmenu:link {

display : inline; 

padding-top : 5px; 

padding-right : 0; 

padding-bottom : 5px; 

padding-left : 0; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 0; 

border-bottom-width : 0; 

border-left-width : 1px; 

text-align : center;  

} 



a.topmenu:hover {

background-color : #000000; 

display : inline; 

padding-top : 5px; 

padding-right : 0; 

padding-bottom : 5px; 

padding-left : 0; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 0; 

border-bottom-width : 0; 

border-left-width : 1px; 

text-align : center; 

} 



a.topmenu:visited {

display : inline; 

padding-top : 5px; 

padding-right : 0; 

padding-bottom : 5px; 

padding-left : 0; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 0; 

border-bottom-width : 0; 

border-left-width : 1px; 

text-align : center; 

} 



.headbox {



background-color: #709ad1;

border: 1px solid #444;

padding: 5px;

color: #ddd;



display : block; 

padding: 5;

width : 139px; 

text-align : left; 

} 



.topbox {

margin-left: 8px;

margin-right: 8px;

margin-top: 8px;

color: #ffffff;

border: 1px solid #444;

background-color: #709ad1; 

height : 158px; 



padding-right : 5px; 

padding-bottom : 0; 

} 



.topnav {

border : solid ; 

border-width : 0 1px 1px; 

padding-top : 3px;

padding-bottom : 0; 

} 



.mainbox {

border: none;
background-color: #000000;

border-width : 1px 0 1px 1px; 

padding-top : 5px; 

padding-left : 5px; 

padding-right : 5px; 

padding-bottom : 5px; 

} 



.mainbox p a {

font-weight : bold; 

font-size : 90%; 

} 



.dynabox {

border: 1px solid #546d8e;

text-align : center; 


} 



.dynabox .headbox {

border-style : dashed; 

border-top-style : solid; 

border-right-width : 0; 

border-left-width : 0; 

padding-top : 3px; 

padding-left : 0; 

padding-right : 0; 

padding-bottom : 3px; 

} 



.dynacontent {

padding-top : 3px; 

padding-left : 5px; 

padding-right : 5px; 

padding-bottom : 3px; 

text-align : left; 

font-size : 70%; 

font-weight : normal; 

} 



a{

color: #ffcc00;

}

a:hover{

color: #FFFF33;

}


.style1 {color: #BDBDBD}

 

1z6uki8.png

 

 

It could also be in my header page....

 

<?

/*
$color[0] = "#546d8e";
$color[1] = "#ddd";
$color[2] = "#444";
$color[3] = "#ffffff";
$color[4] = "#709ad1";
$color[5] = "#b4b4b4";
$color[6] = "#666666";
$color[7] = "#FFFF00";
$color[8] = "#b4b4b4";
$color[9] = "#ffcc00";
$color[10] = "#000000";
$color[11] = "#709ad1";
$color[12] = "#FFFF33";
*/
session_start();

if (!isset($_SESSION['id'])){

include('home.php');

die();

}



include 'dbcon.php';

include 'classes.php';

include 'updates.php';

if ($_GET['action'] == "logout"){

session_destroy();

die('You have been logged out.<meta http-equiv="refresh" content="0;url=index.php">');

}



function microtime_float()

{

$time = microtime();

return (double)substr( $time, 11 ) + (double)substr( $time, 0, 8 );

}



microtime_float();

$starttime = microtime_float();



if (Is_User_Banned($_SESSION['id']) == 1){

echo "<h1>" . Why_Is_User_Banned($_SESSION['id']) . "</h1>";

die();

}

$user_class = new User($_SESSION['id']);

// get style info
$cresult = mysql_query("SELECT `value` FROM `styles` WHERE `style`='".$user_class->style."'");
$i = 0;
while($line = mysql_fetch_array($cresult, MYSQL_ASSOC)) {
$color[$i] = $line['value'];
$i++;
}
//get style info

$result = mysql_query("SELECT * FROM `serverconfig`");
$worked = mysql_fetch_array($result);
if($worked['serverdown'] != "" && $user_class->admin != 1){
die("<h1><font color='red'>SERVER DOWN<br><br>".$worked['serverdown']."</font></h1>");
}

$time = date(F." ".d.", ".Y." ".g.":".i.":".sa,time());

$result = mysql_query("UPDATE `grpgusers` SET `lastactive` = '".time()."', `ip` = '".$_SERVER['REMOTE_ADDR']."' WHERE `id`='".$_SESSION['id']."'");


function callback($buffer){ 
  $user_class = new User($_SESSION['id']);


  

  
  $checkmail = mysql_query("SELECT * FROM `pms` WHERE `to`='$user_class->username' and `viewed`='1'");
  $nummsgs = mysql_num_rows($checkmail);
  $mail = "[".$nummsgs."]";
  

  $out = $buffer;
  $out = str_replace("<!_-mail-_!>", $mail, $out);
  
  return $out;
}

ob_start("callback");


?>

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>

<title>Old School Skillers</title>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<style type="text/css">
.leftmenu {
margin-left: 8px;

background-color: <?= $color[0] ?>;

border : 1px solid <?= $color[2] ?>;

color : <?= $color[3] ?>; 

display : block; 

padding-top : 2px; 

padding-right : 2px; 

padding-bottom : 2px; 

padding-left : 2px; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 1px; 

border-bottom-width : 1px; 

border-left-width : 1px; 

width : 145px; 

font-weight : normal; 

text-align : left; 

} 

.gap { line-height: 3px; }



.topbar { width: 98%;

margin-left: 8px;

margin-right: 8px;

margin-top: 8px;

background-color: <?= $color[0] ?>;

border: 1px solid <?= $color[2] ?>;

padding: 3px;

color: <?= $color[1] ?>;

font-weight: bold;

font-size: 11px; }







.content { width: 100%;

padding: 0px; }



.contenthead { background-color: <?= $color[4] ?>;

border: 1px solid <?= $color[2] ?>;

padding: 5px;

color: <?= $color[1] ?>;

font-weight: bold;

font-size: 12px; }



.contentcontent { background-color: <?= $color[0] ?>;

border: 1px solid <?= $color[2] ?>;

padding: 3px;

color: <?= $color[1] ?>;

font-size: 11px; }





.bar_a{

width: 100px;

border: 1px solid <?= $color[5] ?>;

background-color:<?= $color[6] ?>;


}

.bar_b{

font-size: 10px;

background-color:<?= $color[7] ?>;

}





body {

margin: auto;

border: 1px solid <?= $color[10] ?>;

width: 828px;

background-image:url('images/bg1.png');

font-family : Arial, Helvetica, sans-serif; 

font-weight : normal; 


} 





h1 , h2 , h3 , h4 , h5 , h6 {

font-family : "Trebuchet MS", Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 

font-weight : normal; 


} 



.head, .headbox , .dynabox , a.leftmenu , a.topmenu {

margin-left: 8px;

font-weight : bold; 

text-decoration : none; 

font-size : 80%; 

font-family : Verdana, "Lucida Sans", Arial, Geneva, Helvetica, Helv, "Myriad Web", Syntax, sans-serif; 


} 



a 																	{color : <?= $color[5] ?>;  } 

.body a:hover, .dynabox .headbox a:hover							{color : <?= $color[3] ?>; }



.pos0														{background-color : <?= $color[3] ?>; color : <?= $color[5] ?>; } 

.pos1 {background-color : <?= $color[8] ?>; }

.mainbox , .dynabox , a.leftmenu:link , a.leftmenu:visited 	{background-color : <?= $color[0] ?>; border : 1px solid <?= $color[2] ?>; color : <?= $color[3] ?>; } 

.pos2 , .topnav , a.leftmenu:hover 									{background-color : <?= $color[0] ?>; color : <?= $color[9] ?>; border : 1px solid <?= $color[2] ?>; }





.neg0 																{background-color : <?= $color[5] ?>; } 

.neg1 , a.topmenu:hover												{background-color : <?= $color[10] ?>; color : <?= $color[3] ?>; border : <?= $color[5] ?>; } 

.neg2 , .headbox , a.topmenu:link , a.topmenu:visited 				{background-color : <?= $color[11] ?>; color : <?= $color[3] ?>; border : <?= $color[5] ?>; } 



a.leftmenu:link {

display : block; 

padding-top : 2px; 

padding-right : 2px; 

padding-bottom : 2px; 

padding-left : 2px; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 1px; 

border-bottom-width : 1px; 

border-left-width : 1px; 

width : 145px; 

font-weight : normal; 

text-align : left; 

} 



a.leftmenu:hover {

display : block; 

padding-top : 2px; 

padding-right : 2px; 

padding-bottom : 2px; 

padding-left : 2px; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 1px; 

border-bottom-width : 1px; 

border-left-width : 1px; 

width : 145px; 

font-weight : normal; 

text-align : left; 

} 



a.leftmenu:visited {

display : block; 

padding-top : 2px; 

padding-right : 2px; 

padding-bottom : 2px; 

padding-left : 2px; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 1px; 

border-bottom-width : 1px; 

border-left-width : 1px; 

width : 145px; 

font-weight : normal; 

text-align : left; 

} 



a.topmenu:link {

display : inline; 

padding-top : 5px; 

padding-right : 0; 

padding-bottom : 5px; 

padding-left : 0; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 0; 

border-bottom-width : 0; 

border-left-width : 1px; 

text-align : center;  

} 



a.topmenu:hover {

background-color : <?= $color[10] ?>; 

display : inline; 

padding-top : 5px; 

padding-right : 0; 

padding-bottom : 5px; 

padding-left : 0; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 0; 

border-bottom-width : 0; 

border-left-width : 1px; 

text-align : center; 

} 



a.topmenu:visited {

display : inline; 

padding-top : 5px; 

padding-right : 0; 

padding-bottom : 5px; 

padding-left : 0; 

border-style : solid; 

border-top-width : 0; 

border-right-width : 0; 

border-bottom-width : 0; 

border-left-width : 1px; 

text-align : center; 

} 



.headbox {



background-color: <?= $color[4] ?>;

border: 1px solid <?= $color[2] ?>;

padding: 5px;

color: <?= $color[1] ?>;


display : block; 

padding: 5;

width : 139px; 

text-align : left; 

} 



.topbox {

margin-left: 8px;

margin-right: 8px;

margin-top: 8px;

color: <?= $color[3] ?>;

border: 1px solid <?= $color[2] ?>;

background-color: <?= $color[11] ?>; 

height : 158px; 

height : 158px; 



padding-right : 5px; 

padding-bottom : 0; 

} 



.topnav {

border : solid ; 

border-width : 0 1px 1px; 

padding-top : 3px;

padding-bottom : 0; 

} 



.mainbox {

border: none;
background-color: <?= $color[8] ?>;

border-width : 1px 0 1px 1px; 

padding-top : 5px; 

padding-left : 5px; 

padding-right : 5px; 

padding-bottom : 5px; 


} 



.mainbox p a {

font-weight : bold; 

font-size : 90%; 

} 



.dynabox {

border: 1px solid <?= $color[0] ?>;

text-align : center; 

} 



.dynabox .headbox {

border-style : dashed; 

border-top-style : solid; 

border-right-width : 0; 

border-left-width : 0; 

padding-top : 3px; 

padding-left : 0; 

padding-right : 0; 

padding-bottom : 3px; 



} 



.dynacontent {

padding-top : 3px; 

padding-left : 5px; 

padding-right : 5px; 

padding-bottom : 3px; 

text-align : left; 

font-size : 70%; 

font-weight : normal; 

} 



a{

color: <?= $color[9] ?>;

}

a:hover{

color: <?= $color[12] ?>;

}


.style1 {color: #BDBDBD}
</style>

<?if ($user_class->admin != 1) {
  echo Message("You are not authorized to be here.");
  include 'footer.php';
  die();
}?>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="100%">

<tr>
  <td>


  <table class="topbar">
<tr>
	<td width="80%">
		> Server Time: <? echo $time; ?>                	</td>
        <td width="20%" align="right"> Loged in as: <a href='profiles.php?id=<? echo $_SESSION['id'] ?>'><? echo $user_class->formattedname; ?></a></td>

</tr>
</table>
</td>
</tr>
<tr>
    <td colspan="3" class="pos1" height="55" valign="middle">
      <div class="topbox">
  	  <table width='800'>
        <tr>
          <td width="50%"><img src="images/banner1.png" /> </td>
          <td width="30%"> 
           </td>
         </td>
        </tr>
      </table>
  </div>
    </td>
  </tr>

<tr><td>
<table class="topbar">
<tr>
	<td>
	<?
	$result = mysql_query("SELECT * from `serverconfig`");
        $worked = mysql_fetch_array($result);
	$messagetext = str_replace("^","                                          ",$worked['messagefromadmin']);
	echo "<marquee scrollamount='3'>".$messagetext."</marquee>";
	?>
	</td>
</tr>
</table>
</td>
</tr>
  

  <tr>
    <td>	
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
        <tr>
          <td valign="top" width="150">
	  <div style="height:7px;"></div>
	  	<div>

	 <?= ($user_class->admin == 1) ? '
	 <div class="headbox">Controls</div>
		  <a class="leftmenu" href="control.php">Marrqee</a>
		  <a class="leftmenu" href="control.php?page=setplayerstatus">Admin Set Up</a>
		  <a class="leftmenu" href="cmessage.php">Messages</a>
		  <a class="leftmenu" href="cnews.php">News</a>
		  <a class="leftmenu" href="cquestion.php">Questions</a>
		  <a class="leftmenu" href="control.php?page=skills">Skills</a>
		  <a class="leftmenu" href="cer.php">Event Requests</a>
		  <a class="leftmenu" href="cevents.php">Update Events</a>

	</div><br>

	 <div class="headbox">Finished?</div>
		  <a class="leftmenu" href="index.php">Exit</a>


	</div><br>
	  <br />
	 ' : "" ?>	


          	  
	  <br />

         <td valign="top">
            <table border="0" cellspacing="0" cellpadding="0" width="100%">
              <tr>
                <td width="10"></td>
                <td valign="top" class="mainbox">

<table class="content">
<?
if ($user_class->admin == 1 || $user_class->rmdays > 0){
} else {
?>



	</td></tr>

    <?php
}

?>

Link to comment
https://forums.phpfreaks.com/topic/261083-margins-are-grey/
Share on other sites

Archived

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

×
×
  • 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.