grlEgrl
05-01-2005, 04:08 AM
I'm having a few problems while developing this page for my site: Click here to see what's going on (http://losersyoulove.6te.net/index2.html)
First off, I'd like my header to have a margin from the top, but not from the side...Is there any way to do that?
And the center div is sticking to the bottom of the header, and I want it to be lower down and to have a space in between the header and this center div.
The left one is being good for me, but that's about it...
Here are my codes so far:
<html>
<head>
<title>L osers Y ou L ove</title>
<link href="stylesheet.css">
<style type="text/css">
body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
#header {
margin: 0px;
padding: 0px;
height: 390px;
}
#left {
position: absolute;
left: 15px;
top: 450px;
width: 200px;
}
#center {
top: 1000;
margin-left: 230px;
margin-right: 15px;
}
</style>
</head>
<body>
<div id="header" style="background-image:url(__); layer-background-image:url(__SAME__);">
<img src="http://img.photobucket.com/albums/v188/lylgrle/Site/General/HarryTableTopper.jpg" usemap="#menu" width="998" height="420" alt="Welcome to Losers You Love!" border="0"></div>
<map name="menu">
<area shape="rect" coords="0,365,90,420" href="Home.html" target="inlineframe" alt="Home">
<area shape="rect" coords="91,365,275,420" href="FanFiction/Fan_Fiction_Home.html" target="inlineframe" alt="Fan Fiction">
<area shape="rect" coords="276,365,555,420" href="YoungPerformers/YP_Home.html" target="inlineframe" alt="Young Performers">
<area shape="rect" coords="556,365,715,420" href="FunStuff.html" target="inlineframe" alt="Fun Stuff">
<area shape="rect" coords="716,365,820,420" href="WWW.html" target="inlineframe" alt="WWW">
<area shape="rect" coords="821,365,998,420" href="http://www.losersyoulove.6te.net/4images/" alt="Screencaps">
</map>
</div>
<div id="left" style="background-color:#669900;">
<TABLE>
<tbody>
<tr>
<td
style="filter: alpha(opacity=70); BORDER-RIGHT: #00CC00 1px solid; BORDER-TOP: #00CC00 1px solid; BORDER-LEFT: #00CC00 1px solid; BORDER-BOTTOM: #00CC00 1px solid"
align=middle width=200 bgcolor=#99FF33 height="24" cellspacing=3 cellpadding=3 width=212 align="CENTER"> <div align="CENTER"><b>DISCLAIMER</b></div>
</td>
</tr>
<tr> <td
style="filter: alpha(opacity=70); BORDER-RIGHT: #00CC00 1px solid; BORDER-TOP: #00CC00 1px solid; BORDER-LEFT: #00CC00 1px solid; BORDER-BOTTOM: #00CC00 1px solid"
align=middle width=200 bgcolor=#99FF33 height="24" cellspacing=3 cellpadding=3 width=212 align="CENTER">
<div align="CENTER">
<b>L</b>osers <b>Y</b>ou <b>L</b>ove is purely an unofficial fan site. We have no connection to the people and companies involved; All we own are the characters, places, etc. that the respective authors have made up themselves. Any copyright infringement is not intended. All other material is the property of their respective owners.
</div>
</td> <TR>
<TD vAlign=top align=left>
<div
style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; LEFT: 485px; BORDER-LEFT: 0px; WIDTH: 200px; BORDER-BOTTOM: 0px; POSITION: absolute; TOP: 459px">
<tbody>
<tr>
<td
style="filter: alpha(opacity=70); BORDER-RIGHT: #00CC00 1px solid; BORDER-TOP: #00CC00 1px solid; BORDER-LEFT: #00CC00 1px solid; BORDER-BOTTOM: #00CC00 1px solid"
align=middle width=200 bgcolor=#99FF33 height="24" cellspacing=3 cellpadding=3 width=212 align="CENTER"><div align="CENTER"><b>HELP US OUT!</b></div>
</td>
</tr>
<tr> <td
style="filter: alpha(opacity=70); BORDER-RIGHT: #00CC00 1px solid; BORDER-TOP: #00CC00 1px solid; BORDER-LEFT: #00CC00 1px solid; BORDER-BOTTOM: #00CC00 1px solid"
align=middle width=200 bgcolor=#99FF33 height="24" cellspacing=3 cellpadding=3 width=212 align="CENTER">
<div align="CENTER">
See something wrong? Have a suggestion? <a href="">Fill out this form!</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="center">
<IFRAME name="inlineframe" src="Home.html" align="left" width=750 height=580 marginwidth=100 marginheight=100 frameborder=0 scrolling=auto></IFRAME>
</div>
</body>
</html>
Can anyone help me?
~:Laura:~
First off, I'd like my header to have a margin from the top, but not from the side...Is there any way to do that?
And the center div is sticking to the bottom of the header, and I want it to be lower down and to have a space in between the header and this center div.
The left one is being good for me, but that's about it...
Here are my codes so far:
<html>
<head>
<title>L osers Y ou L ove</title>
<link href="stylesheet.css">
<style type="text/css">
body
{ margin-top: 0;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
#header {
margin: 0px;
padding: 0px;
height: 390px;
}
#left {
position: absolute;
left: 15px;
top: 450px;
width: 200px;
}
#center {
top: 1000;
margin-left: 230px;
margin-right: 15px;
}
</style>
</head>
<body>
<div id="header" style="background-image:url(__); layer-background-image:url(__SAME__);">
<img src="http://img.photobucket.com/albums/v188/lylgrle/Site/General/HarryTableTopper.jpg" usemap="#menu" width="998" height="420" alt="Welcome to Losers You Love!" border="0"></div>
<map name="menu">
<area shape="rect" coords="0,365,90,420" href="Home.html" target="inlineframe" alt="Home">
<area shape="rect" coords="91,365,275,420" href="FanFiction/Fan_Fiction_Home.html" target="inlineframe" alt="Fan Fiction">
<area shape="rect" coords="276,365,555,420" href="YoungPerformers/YP_Home.html" target="inlineframe" alt="Young Performers">
<area shape="rect" coords="556,365,715,420" href="FunStuff.html" target="inlineframe" alt="Fun Stuff">
<area shape="rect" coords="716,365,820,420" href="WWW.html" target="inlineframe" alt="WWW">
<area shape="rect" coords="821,365,998,420" href="http://www.losersyoulove.6te.net/4images/" alt="Screencaps">
</map>
</div>
<div id="left" style="background-color:#669900;">
<TABLE>
<tbody>
<tr>
<td
style="filter: alpha(opacity=70); BORDER-RIGHT: #00CC00 1px solid; BORDER-TOP: #00CC00 1px solid; BORDER-LEFT: #00CC00 1px solid; BORDER-BOTTOM: #00CC00 1px solid"
align=middle width=200 bgcolor=#99FF33 height="24" cellspacing=3 cellpadding=3 width=212 align="CENTER"> <div align="CENTER"><b>DISCLAIMER</b></div>
</td>
</tr>
<tr> <td
style="filter: alpha(opacity=70); BORDER-RIGHT: #00CC00 1px solid; BORDER-TOP: #00CC00 1px solid; BORDER-LEFT: #00CC00 1px solid; BORDER-BOTTOM: #00CC00 1px solid"
align=middle width=200 bgcolor=#99FF33 height="24" cellspacing=3 cellpadding=3 width=212 align="CENTER">
<div align="CENTER">
<b>L</b>osers <b>Y</b>ou <b>L</b>ove is purely an unofficial fan site. We have no connection to the people and companies involved; All we own are the characters, places, etc. that the respective authors have made up themselves. Any copyright infringement is not intended. All other material is the property of their respective owners.
</div>
</td> <TR>
<TD vAlign=top align=left>
<div
style="BORDER-RIGHT: 0px; BORDER-TOP: 0px; LEFT: 485px; BORDER-LEFT: 0px; WIDTH: 200px; BORDER-BOTTOM: 0px; POSITION: absolute; TOP: 459px">
<tbody>
<tr>
<td
style="filter: alpha(opacity=70); BORDER-RIGHT: #00CC00 1px solid; BORDER-TOP: #00CC00 1px solid; BORDER-LEFT: #00CC00 1px solid; BORDER-BOTTOM: #00CC00 1px solid"
align=middle width=200 bgcolor=#99FF33 height="24" cellspacing=3 cellpadding=3 width=212 align="CENTER"><div align="CENTER"><b>HELP US OUT!</b></div>
</td>
</tr>
<tr> <td
style="filter: alpha(opacity=70); BORDER-RIGHT: #00CC00 1px solid; BORDER-TOP: #00CC00 1px solid; BORDER-LEFT: #00CC00 1px solid; BORDER-BOTTOM: #00CC00 1px solid"
align=middle width=200 bgcolor=#99FF33 height="24" cellspacing=3 cellpadding=3 width=212 align="CENTER">
<div align="CENTER">
See something wrong? Have a suggestion? <a href="">Fill out this form!</a>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div id="center">
<IFRAME name="inlineframe" src="Home.html" align="left" width=750 height=580 marginwidth=100 marginheight=100 frameborder=0 scrolling=auto></IFRAME>
</div>
</body>
</html>
Can anyone help me?
~:Laura:~