Jump to content

margins are grey?!?!

mastercjb

By mastercjb
in CSS Help

 Share

Recommended Posts

mastercjb Member

mastercjb

Posted
Posted

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
This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

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