Forum Moderators: not2easy
I have made on page using css the all has done now the problem is i want to add footer to my page but i think there is a problem i wont be able to add it.
I m also adding the code of my css for ur refrences.
Can any one help
Thanx
Vikas
<style>
#shdi-top {
position: absolute;
width: 600px;
margin: 0 0 0 0px;
background-color: #ffffff;
border : 1px solid #ff9900;
}
#shdi-top1 {
position: absolute;
width: 600px;
height: 2px;
margin: 67 0 0 0px;
background-color: #ffffff;
border-left : 1px solid #ff9900;
border-right : 1px solid #ff9900;
}
#shdi-top2 {
position: absolute;
width: 600px;
height: 16px;
margin: 69 0 0 0px;
background-color: #ff9900;
border : 1px solid #ff9900;
font: bold 12px Arial;
color: #ffffff;
text-align: right;
}
#background {
position: absolute;
width: 600px;
height:10px;
margin: 85 0 0 0px;
background: url(images/bg.gif);
border-left : 1px solid #ff9900;
border-right : 1px solid #ff9900;
font: bold 8px Arial;
}
div.shdi-main {
position: absolute;
width: 600px;
margin: 95 0 0 0px;
border-left : 1px solid #ff9900;
border-right : 1px solid #ff9900;
border-bottom : 1px solid #ff9900;
}
#shdi-firstnav {
width: 15px;
margin: 20px 0 0 0px;
/* Top ¦ Right ¦ Bottom ¦ Left */
float: right;
background-color: #ffffff;
/*border : 1px solid #ff9900;*/
}
#shdi-banner {
width: 134px;
margin: 20px 0 0 0px;
float: right;
background-color: #F3F3F3;
border : 1px solid #D3D3D3;
font: bold 6px Arial;
}
p{
margin: 8px;
font: normal 20px Verdana;
color: #666666;
}
#shdi-block {
width: 35px;
margin: 20px 0 0 0px;
background-color: #ffffff;
float: right;
/*border : 1px solid #ff9900;*/
}
#shdi-content {
width: 401px;
margin: 20px 0 0 0px;
float: right;
background-color: #ffffff;
}
.welcome {
margin-top:0px;
margin-left: 30px;
font: bold 14px Arial;
}
.p1{
font: normal 11px/14px Tahoma;
color: #000000;
margin-left: 30px;
}
.heads {
font: normal 22px Arial;
color: #FF840C;
background: url(images/arrow.gif) no-repeat 0 5px;
padding-left: 16px;
margin-left: 10px;
}
#p2 {
width: 365px;
background-color: #E8F2F7;
border-top: 1px solid #9FB9C6;
border-bottom: 1px solid #9FB9C6;
padding: 8px;
margin-left: 30px;
font: normal 11px/14px Tahoma;
color: #000000;
}
#p3 {
width: 365px;
background-color: #E8F2F7;
border-bottom: 1px solid #9FB9C6;
padding: 8px;
margin-left: 30px;
margin-top:0px;
font: normal 11px/14px Tahoma;
color: #000000;
}
#p4 {
width: 365px;
background-color: #FAEEBF;
border: 1px solid #F0D181;
padding: 8px;
font: normal 11px/14px Tahoma;
color: #000000;
margin-left: 30px;
}
</style>
<body topmargin="0">
<div id="shdi-top"><img src="images/logo.gif" width="220" height="65" border="0"><img src="images/contact-lens.gif" width="378" height="65" border="0"></div>
<div id="shdi-top1"></div>
<div id="shdi-top2">19 May 2004 </div>
<div id="background"></div>
<div class="shdi-main">
<div id="shdi-firstnav"></div>
<div id="shdi-banner"><p><img src="images/l-oral.gif" width="120" height="400" border="0"><br><br><img src="images/baazee.gif" width="120" height="80" border="0"><br><br><br></p></div>
<div id="shdi-block"></div>
<div id="shdi-content">
<p class="welcome">Hello</p>
<p class="p1"><b><br>Following are the responses to your profile.<br><br></b></p>
<span class="heads">Contacts</span>
<p class="p1">Congratulations! The following members are interested in you. Click on the Profile IDs to view full profiles and respond to the members.</p>
<div id="p2">
<b>Profile Id:</b> foo<br>
<b>Message:</b> If you ALSO sense a connection, please let me know...</span>
</div>
<div id="p3">
<b>Profile Id:</b> bar<br>
<b>Message:</b> If you ALSO sense a connection, please let me know...</span>
</div><br>
<span class="heads">Accepts</span>
<p class="p1">Congratulations! The following members have accepted your contact. Click on the Profile IDs to view full profiles and respond to the members.</p>
<div id="p2">
<b>Profile Id:</b> baz<br>
<b>Message:</b> If you ALSO sense a connection, please let me know...</span>
</div>
<p class="p1"><br>
Good luck with your Partner Search!<br>
<b>Example.com Team<br><br></b>
</p>
<div id="p4">
<b>Special Offer:</b> Submit Success Story and Win a <b>FREE Holiday</b> for 2!<br>
Click here for fabulous offers<br>
</div>
</div>
</div>
</body>
[edited by: DrDoc at 8:28 pm (utc) on June 9, 2004]
[edit reason] Removed specifics [/edit]
p.footer {
font-size: 14px;
text-align: center;
}
