Thread: CSS layers and database content
View Single Post
  #4 (permalink)  
Old Jan 9th, 2006, 01:53
sssaudddahmed sssaudddahmed is offline
New Member
Join Date: Jan 2006
Age: 27
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
Re: CSS layers and database content
thanks for the responses,


here is the CSS code for the page:
Code: Select all
body
    {
    margin: 0;
    padding: 0;
    }
#Logo
    {
    position:absolute;
    height:113px;
    width: 806px;
    z-index:10;
    margin-left: 16%;
    background-image:url(images/ghjghj_02.gif);
    background-repeat:;
    left: -10px;
    top: 0px;
    }
#Signlogoa
    {
    position:absolute;
    height:20px;
    width: 300px;
    z-index:3;
    margin-left: 10%;
    background-image:;
    background-repeat:no-repeat;
    left: 555px;
    top: 116px;
    }
#Search
    {
    position:absolute;
    height:20px;
    width: 300px;
    z-index:3;
    margin-left: 15%;
    background-image:;
    background-repeat:no-repeat;
    left:10px;
    top: 116px;
    }
#Nav
    {
    position:absolute;
    height:380px;
    width: 100px;
    z-index:0;
    margin-left: 16%;
    background-image:url(images/design_13.jpg);
    background-repeat:no-repeat;
    left: 5px;
    top: 144px;
    }
#Content
    {
    position:absolute;
    height:20px;
    width:467px;
    z-index:2;
    margin-left:16%;
    background-image:url(images/design_21+.jpg);
    background-repeat:no-repeat;
    left:111px;
    top:144px;    
    }
#Content1
    {
    position:absolute;
    height:50px;
    width:466px;
    z-index:1;
    margin-left:16%;
    background-image:url(images/design_21++.jpg);
    background-repeat:;
    left:-74px;
    top:20px;    
    }
#News
    {
    position:absolute;
    height:326px;
    width: 192px;
    z-index:1;
    margin-left: 10%;
    background-image:url(images/design_25.jpg);
    background-repeat:no-repeat;
    left: 648px;
    top:140px;
    }
#tour
    {
    position:absolute;
    height:90px;
    width: 192px;
    z-index:3;
    margin-left: 10%;
    background-image:url(images/design_20.jpg);
    background-repeat:no-repeat;
    left: 648px;
    top: 480px;
    }
#Ads1
     {
    position:absolute;
    height:240px;
    width: 100px;
    z-index:0;
    margin-left: 16%;
    background-image:url(images/design_13.jpg);
    background-repeat:no-repeat;
    left: 5px;
    top: 540px;
    }
#Ads2
    {
    position:absolute;
    height:198px;
    width: 192px;
    z-index:3;
    margin-left: 10%;
    background-image:url(images/design_25.jpg);
    background-repeat:no-repeat;
    left: 648px;
    top: 582px;
    }
#botbar /////this layer holds the copyright info
    {
    position:absolute;
    height:30px;
    width: 779px;
    z-index:3;
    margin-left: 16%;
    background-image:url(images/design_33.jpg);;
    background-repeat:;
    left: 5px;
    top: 800px;
    }
here is the html:
HTML: Select all
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<link href="stylesearch.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
.style1 {color: #FFFFFF}
-->
</style>
</head>

<body bgcolor="#000000">
<div id="Logo"></div>
<div id="Nav"></div>
<div id="Content">
  
  <div id="Content1">
    <table width="466" height="209" border="0">
      <tr>
        <th width="95" height="21" valign="top" scope="col"><div align="left"></div></th>
        <th width="80" scope="col"><div align="left"></div></th>
        <th width="84" scope="col"><div align="left"></div></th>
        <th width="89" scope="col"><div align="left"></div></th>
        <th width="96" scope="col"><div align="left"></div></th>
      </tr>
      <tr>
        <th rowspan="3" scope="col"><div align="left"></div>          <div align="left"></div>          <div align="left"><img src="http://www.webforumz.com/images/design_20.jpg" width="151"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
      </tr>
      <tr>
        <th height="21" scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
      </tr>
      <tr>
        <th height="21" scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
      </tr>
      <tr>
        <th height="21" scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
        <th scope="col"><div align="left"></div></th>
      </tr>
      <tr>
        <th height="21" scope="row"><div align="left"></div></th>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
      </tr>
      <tr>
        <th height="21" scope="row"><div align="left"></div></th>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
      </tr>
      <tr>
        <th height="21" scope="row"><div align="left"></div></th>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
      </tr>
      <tr>
        <th scope="row"><div align="left"></div></th>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
        <td><div align="left"></div></td>
      </tr>
    </table>
    <p>&nbsp;</p>
  
  </div>
</div>
<div id="Search" class="style1">Content for id "SfgdHere</div>
<div id="News">Content for id "News" Goes Here</div>
<div id="tour">Content for id "tour" Goes Here</div>
<div id="Signlogoa" class="style1">Content for11111111 id "Signlogoa" Goes Here</div>
<div id="Ads1">Content for id "Ads1" Goes Here</div>
<div id="Ads2">Content for id "Ads2" Goes Here</div>
<div id="botbar">Content for id "botbar" Goes Here</div>

</body>
</html>
sorry for the excessiveness
Last edited by benbacardi; Jan 10th, 2006 at 17:09.
Reply With Quote