Jump to content

Css Problem

john-iom

By john-iom
in CSS Help

Recommended Posts

john-iom Newbie

john-iom

Posted
Posted

Hey, I made a website and css rules and it all works. But i have a bug which is that my menu,content,sponsor bit has a big space betwen that and my copyright and i dont know how to fix that. Below is my css code and the website code itself.

 

  body {
    margin: 0px;
padding: 0px;
cursor :url(cursor3.cur);
  }
  
  
#fixedwidth{
position:relative;
width:1024px;
z-index:1;
background-color:#006666;
cursor :url(cursor3.cur);
}

input
{
font-family : trebuchet MS, Arial, san-serif;
font-size: 12px;
background-color: #4f80df;
color: #ffffff;
font-weight: normal;	
cursor :url(cursor3.cur);
}

  #banner {
height:123px;
background-color: #FF0066;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
cursor :url(cursor3.cur);
background-image: url(images/banner.jpg);
background-repeat:repeat-x;
width:1255px;
  }
  
  #guestInfo {
    position: relative;
height: 135px;
background-color: #4f80df;
border: thin solid #000000;
    cursor :url(cursor3.cur);
font-size:17px;
  }
  
  #menu {
width: 170px;
height: 210px;
float: left;
background-color: #FFFFCE;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-right-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000; 
cursor :url(cursor3.cur); 
  }
  
  #sponsors {
width: 170px;
height: 210px;
float: right;
background-color:#FFFFCE;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-left-style: solid;
border-top-color: #000000;
border-right-color: #000000;
border-bottom-color: #000000;
border-left-color: #000000;
cursor :url(cursor3.cur);
font-family: trebuchet MS, Arial, san-seri;
text-align: center;
  }
  
  #mainContent {
    background-color: #CCCCCC;
margin-left: 0px;
margin-right: 0px;
height: 210px;
cursor :url(cursor3.cur);
font-size:14px;
color:#000000;
text-align:center;
  }
  
  #copyright {
clear: both;
background-color: #4A82DE;
cursor :url(cursor3.cur);
text-align: center;
font-size: 14px;
  
  }
  
  #welcomebox {
background-color:#4f80df;
position: absolute;
top: 5px;
left: 5px;
border: thin solid #000000;
cursor :url(cursor3.cur);
color:#FFFFFF;
font-weight:bold;
width:250px;
height:120px;
text-align:center;
  }
  .forgotpassword {
  font-size: small;
  }
  #loginForm {
    position: absolute;
right: 5px;
top: 5px;
width: 280px;
padding: 0px;
background-color: #FFFFCC;
border: 1px solid #000000;
cursor :url(cursor3.cur);
  
  }
  
  fieldset {
font-size: x-small;
padding-top: 0px;
margin-top: 0px;    
cursor :url(cursor3.cur);
  }
  
  div.row label {
float: left;
width: 80px;
text-align: right;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
cursor :url(cursor3.cur);
  }
    div.row input {
 height:1.5em;
 font-size: x-small;
 cursor :url(cursor3.cur);
  }
 

 


<!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=iso-8859-1" />
<title>Untitled Document</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function Form(fldLogin, fldPassword) {
  // check for empty field
  if (fldLogin.value == "") {
    alert("You Must Enter Your User Name");
    fldLogin.focus();
    return false;
  }
  // check for empty field
  else if (fldPassword.value == "") {
    alert("You Must Enter Your Password");
    fldPassword.focus();
    return false;
  }
  else {
    return true; // validation ok
  }
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<link href="css.css" rel="stylesheet" type="text/css">

<body>
<div id"fixedwidth">
<div id="banner"></div>
<div id="guestInfo">
  <div id="welcomebox">
    <p>Welcome Guest </p>
    <p align="center"> The Time Is: <?php print date("H.i A"); ?></p>
    <p align="center">Today Date Is: <?php echo date("d/m/y"); ?></p>
    </div>
   <form action="" id="loginForm" method="get" name"customer_login" onsubmit="return Form(this.name_fld, this.password_fld);"> 
    <fieldset>
  <legend>Log in</legend>
    <div class="row">
	  <label for="name_fld">User name: </label>
	  <input class="field" name="name_fld" type="text" id="name_fld" size="25" />
	</div>
    <div class="row">
	  <label for="password_fld">Password: </label>
	  <input class="field"  name="password_fld" type="text" id="password_fld" size="25" />
	</div>	
       <div align="center">  <input name="cmdLogin" type="submit" id="cmdLogin" value="Login"/> </div>
   <div align="center" class="forgotpassword">Forgotten password </div>
</fieldset>
  </form>
  <p> </p>
  <p> </p>
</div>
<div id="menu">
  <p>menu</p>
  <table width="100%" border="1" cellspacing="0" cellpadding="0">
    <tr>
      <td>Home</td>
    </tr>
    <tr>
      <td>Register Account </td>
    </tr>
    <tr>
      <td>View Account Details </td>
    </tr>
    <tr>
      <td>PC Computer Products </td>
    </tr>
    <tr>
      <td>Network Products </td>
    </tr>
    <tr>
      <td>Links</td>
    </tr>
    <tr>
      <td>Contact</td>
    </tr>
  </table>
  </div>
<div id="sponsors">
  <p>sponsors</p>
  <table width="100%" border="1" cellspacing="0" cellpadding="0">
    <tr>
      <td> </td>
    </tr>
    <tr>
      <td>Roll Over 1 </td>
    </tr>
    <tr>
      <td>Roll Over 2 </td>
    </tr>
  </table>
  </div>
<div id="mainContent">
</div>
<div id="copyright">
  <p>Copyright</p>
  <p>2007 - 2009 </p>
</div>
</div>
</body>
</html>

Could anyone help me try get rid this bug please?

Link to comment
https://forums.phpfreaks.com/topic/49071-css-problem/
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.