Code: Select all
body
{
margin:0;
padding:0;
background-image: url('images/tall_main2.gif');
}
#container
{
margin:auto 15% auto 15%;
}
.header
{
background-image:url('images/header2.gif');
background-repeat:no-repeat;
width:100%;
height:100%;
padding-top:82px;
}
/*navigation*/
a.home
{
display: block;
float:left;
width: 208px;
height:44px;
margin: 0 auto;
background-image: url("images/b1.gif");
}
a.home:hover
{
background-image: url("images/b1-roll.gif");
}
a.webmail
{
display: block;
float:left;
width: 208px;
height:44px;
margin: 0 auto;
background-image: url("images/b2.gif");
}
a.webmail:hover
{
background-image: url("images/b2-roll.gif");
}
a.Tickets
{
display: block;
float:left;
width: 208px;
height:44px;
margin: 0 auto;
background-image: url("images/b3.gif");
}
a.Tickets:hover
{
background-image: url("images/b3-roll.gif");
}
a.AD
{
display: block;
float:left;
width: 208px;
height:44px;
margin: 0 auto;
background-image: url("images/b4.gif");
}
a.AD:hover
{
background-image: url("images/b4-roll.gif");
}
a.Logout
{
display: block;
float:left;
width: 208px;
height:43px;
margin: 0 auto;
background-image: url("images/b5.gif");
}
a.Logout:hover
{
background-image: url("images/b5-roll.gif");
}
#nest_content
{
float:left;
width:716px;
margin:0px;
text-align:center;
margin-right: auto;
margin-left: auto;
}
#nest_buttons
{
float:left;
padding-left:16px;
width:208px;
margin:0px;
text-align:center;
margin-right: auto;
margin-left: auto;
}
.line
{
float:left;
margin-bottom:-5px;
padding-bottom:-5px;
width:716px;
height:5px;
margin-bottom:0px;
background-image: url("images/top.gif");
background-repeat:no-repeat;
}
.content_back
{
float:left;
margin:0px;
height:302px;
width:716px;
background-image: url("images/tall_y.gif");
margin-right: auto;
margin-left: auto;
margin-top: auto;
}
.clear
{
display:inline-block;
}
.clear:after
{
display:block;
visibility:hidden;
clear:both;
height:0;
margin:-5px;
content: ".";
}
#text
{
font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
COLOR: #989898;
font-size:11px;
width:487px;
height:350px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
overflow: auto;
scrolling:yes;
}
#text2
{
font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
margin:0px;
COLOR: #989898;
font-size:11px;
width:450px;
height:350px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
overflow: auto;
scrolling:yes;
}
#text_3
{
font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
margin:0px;
COLOR: #989898;
font-size:11px;
width:475px;
height:350px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
overflow: auto;
scrolling:yes;
}
#text_4
{
font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
margin:0px;
COLOR: #989898;
font-size:11px;
width:450px;
height:350px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
padding-bottom:5px;
}
.o_text
{
font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
margin:0px;
color:#989898;
font-size:14px;
padding-top:5px;
}
.o_text2
{
font-family: "Tahoma", "Helvetica", "Arial", sans-serif;
margin-top:10px;
margin-left:15px;
color:#989898;
font-size:12px;
padding-top:5px;
}
A.rolls{margin:0px; font-size:11px; font-weight:bold; color:#868686; font-family:tahoma;
text-decoration:none;}
A.rolls:hover{font-size:11px; color:#98B530;}
A.rolls2{margin:0px; font-size:11px; font-weight:bold; color:#868686; font-family:tahoma;}
A.rolls2:hover{font-size:11px; color:#98B530;}
A.m_rolls{margin:0px; font-size:11px; color:#868686; font-family:tahoma;}
A.m_rolls:hover{font-size:11px; color:#98B530;}
.policy{font-family:Tahoma; font-size:11px; color:#7B7B79; text-decoration:none }
.main{font-family:Tahoma; font-size:11px; color:#717171; line-height:13px }
.gray{font-family:Tahoma; font-size:11px; color:#868686; }
.green{font-family:Tahoma; font-size:11px; color:#98B530; }
Code: Select all
<html>
<head>
<title></title>
<link href="this.css" rel="stylesheet" type="text/css">
</head>
<body>
<div style="margin:auto 15% auto 15%;">
<div class= "header">
<div id="nest_buttons">
<div><a class="home" href=""><span class="alt"></span></a></div>
<div><a class="webmail" href=""><span class="alt"></span></a></div>
<div><a class="Tickets" href=""><span class="alt"></span></a></div>
<div><a class="AD" href=""><span class="alt"></span></a></div>
<div><a class="Logout" href=""><span class="alt"></span></a></div>
</div>
<div class="line"></div>
<!--this is where the space is-->
<div class="content_back"> </div>
</div>
</body>
</html>