well, I've been re-starting my site with a new layout and some nice new CSS skills that I've just picked up.
Unfortunately, I seem to have accidentally covered up the banners. Since I dont really know how I did it in the first place, I dont quite know how to get rid of this problem. I really don't want my site to get deleted because I've covered up the banners, so I'd like to know how to fix this, please.
I have a feeling that the issue is with the CSS that I used to put the pic in the header in place, but sadly, I do not know what to do. I'd like to leave my layout intact as much as possible becuase it took me a long time to figure out how to code, but like I said, I don't want my site deleted.
If there's any way to move my *whole* layout down so that the banner still shows, but the layout pics and nav. isn't covered up, I'd appreciate the help.
my site URL is:
http://aerin.freeprohost.com
here's my source code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Sweet Okashi Cosplay</title>
<meta http-equiv="content-type"
content="text/html; charset=ISO-8859-1">
<!--Code generated by Cool Web Scrollbars from Harmony Hollow Software-->
<!--http://www.harmonyhollow.net-->
<style type="text/css">
<!--
BODY {
scrollbar-face-color:#ADAFC4;
scrollbar-highlight-color:#8C8FAE;
scrollbar-3dlight-color:#ADAFC4;
scrollbar-darkshadow-color:#ADAFC4;
scrollbar-shadow-color:#8C8FAE;
scrollbar-arrow-color:#8C8FAE;
scrollbar-track-color:#ADAFC4;
}
-->
</style>
<!--End Cool Web Scrollbars code-->
<link rel="stylesheet" ;="" type="text/css" href="style.css">
<style type="text/css">
BODY {background-image: url(okashibgbara.jpg);
background-repeat:repeat-y; }</style>
</head>
<body bgcolor="#adafc4" text="#000000" link="#0000ee" alink="#0000ee"
vlink="#551a8b"><div id='1357696611' style='text-align:center'>
<table bgcolor="#000000" align="center" border="0" cellpadding="1" cellspacing="0" width="778">
<tr>
<td width="100%">
<table background="/icons/100ws/bg1.gif" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#E7E7E7">
<tr>
<td width="10%"><a title='Free web hosting by 100WebSpace.com' href='http://www.100webspace.com'><img border=0 alt='Free web hosting by 100WebSpace.com' src="/icons/100ws/freewebhosting.gif" width="172" height="24"></a></td>
<td height="24" align="center" width="90%" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;">
<a href="http://www.100webspace.com" title="free web space" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">free web space</a> | <a href="http://www.motion-hosting.com" title="linux hosting" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">linux hosting</a> | <a href="http://www.ipowerweb.com" title="web hosting" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">web hosting</a> | <a href="http://www.idatingonline.com" title="dating" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">dating</a> | <a href="http://www.dollarsforsurveys.com" title="paid survey" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">paid survey</a> | <a href="http://www.makesurveycash.com" title="make money" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">make money</a> | <a href="http://www.wap123.com" title="ringtones" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">ringtones</a> | <a href="http://support.100webspace.com/sales.cgi" title="report abuse" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">report abuse</a> | <a href='#' style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="banner_links_sh(false);" onMouseOut="this.style.color= '#000000';" onClick='banner_links_sh(true);'>links</a>
</td>
</tr>
</table>
<div style='display:none;text-align:right;' id='banner_links'>
<table background="/icons/100ws/bg2.gif" border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="#E7E7E7">
<tr>
<td height="24" align='center' style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;">
<a href="http://www.valueweb.com" target="_blank" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">web hosting</a> | <a href="http://www.resellerspanel.com" title="web hosting reseller" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">web hosting reseller</a> | <a href="http://www.lonex.com" title="website hosting" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">website hosting</a> | <a href="http://www.cheaphostingdirectory.com" target="_blank" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">cheap web hosting</a> | <a href="http://www.websitehostdirectory.com" target="_blank" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">website hosting</a> | <a href="http://www.fateback.com" title="free web hosting" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">free web hosting</a> | <a href="http://www.ntchosting.com" title="hosting" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">hosting</a> | <a href="http://www.100webspace.com/advertising.html" target="_blank" style="font-weight: normal; font-family:Tahoma; color:#000000; font-size:11px; text-decoration: none;" onMouseOver="this.style.color = '#0000FF'" onMouseOut="this.style.color = '#000000'">online advertising</a>
</td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<table align="center" border="0" cellpadding="1" cellspacing="0" width="778">
<tr>
<td width="100%">
<script language="JavaScript">
<!--
//-------------------------------------------------
function check_browser(){
this.ver=navigator.appVersion
this.dom=document.getElementById?1:0
this.ie6=(this.ver.indexOf("MSIE 6")>-1 && this.dom)?1:0;
this.ie5=(this.ver.indexOf("MSIE 5")>-1 && this.dom)?1:0;
this.ie4=(document.all && !this.dom)?1:0;
this.ns5=(this.dom && parseInt(this.ver) >= 5) ?1:0;
this.ns4=(document.layers && !this.dom)?1:0;
this.bw=(this.ie5 || this.ie4 || this.ns4 || this.ns5);
return this;
}
//-------------------------------------------------
function check_banner(){
var bw = new check_browser();
var PageWidth = (bw.ns4 || bw.ns5) ? innerWidth : document.body.offsetWidth - 20;
var PageHeight = (bw.ns4 || bw.ns5) ? innerHeight : document.body.offsetHeight - 20;
if (parent && (PageWidth < 300 || PageHeight < 200)) {
var el = document.getElementById('1357696611');
el.style.display = "none";
}
}
//-------------------------------------------------
function banner_links_sh(isc){
var el = document.getElementById('banner_links');
if(el.style.display=='none') el.style.display = 'block';
else{
if(!isc) return true;
el.style.display = 'none';
}
return true;
}
//-------------------------------------------------
function google_ad_request_done(google_ads) {
if (google_ads.length < 1 ) return;
var colspana = (google_ads.length<3)?3:google_ads.length;
if(google_ads.length < 3 ) document.write("<form method='get' action='http://www.google.com/custom' target='_blank'>");
document.write("<table cellpadding='0' cellspacing='0' BORDER=0 style='width:778px;background-color:#ffffff;border-style:solid;border-width:1px;border-color:#000000;'>");
document.write("<tr><td align='left' style='padding: 2 2 2 2;background-color:#E9E9E9;border-style:solid;border-width:0 0 1 0;border-color:#000000;' colspan='"+colspana+"'>");
if (google_info.feedback_url) {
document.write("<a href='" + google_info.feedback_url +"' style='color:#333333;font-family:Tahoma;font-size: 9px; padding-left:6px; text-decoration:none;'>Ads by Google</a>");
} else {
document.write("Ads By Google");
}
document.write("</td></tr><tr>");
if (google_ads[0].type == 'text') {
for(i = 0; i < google_ads.length; ++i) {
document.write("<td nowrap style='padding:2 2 2 2;cursor:pointer;cursor:hand;'>" +
"<table width='100%' height='100%' bgcolor='#F4FAFF' style='border: 1px solid #000000; padding:3 3 3 3;' cellspacing='0' cellpadding='0'>"+
"<tr><td id='taw"+i+"' onFocus=\"ss('go to "+google_ads[i].visible_url+"')\" onMouseOver=\"ss('go to "+google_ads[i].visible_url+"')\" "+
"onMouseOut=\"cs()\" onClick=\"ga(this,event)\"><a id='aw"+i+"' target='_top' style='font-weight:bold;font-family:Tahoma; font-size:12px;"+
"color:#0000FF;' href='" + google_ads[i].url + "'>" +
google_ads[i].line1 + "</a><br>" +
"<div style='font-family:Tahoma; font-size:11px; color:#000000;'>"+google_ads[i].line2 + "<br>" +
google_ads[i].line3 + "<br></div>" +
"<a style='font-family:Tahoma; font-size:11px; color:green;' href='" + google_ads[i].url + "' >" +
google_ads[i].visible_url +
"</a></td></tr></table></td>");
}
if(google_ads.length < 3 ){
document.write("<td nowrap align='center' style='padding:2 2 2 2;'>"+
"<table bgcolor='#ffffff' width='100%' height='' cellspacing='0' cellpadding='0' style='border: 1px solid #000000; padding:3 3 3 3;'>"+
"<tr><td>"+
"<table bgcolor='#ffffff' width='100%' height='100%' cellspacing='0' cellpadding='0'>"+
"<tr><td>"+
"<table bgcolor='#ffffff' border='0' cellspacing='0' cellpadding='0' align='center'>"+
"<tr><td width='80'>"+
"<a target='_blank' href='http://www.google.com/'>"+
"<img src='http://www.google.com/logos/Logo_25wht.gif' border='0' alt='Google' align='middle'></img></a></td>"+
"<td><input type='text' name='q' size='21' maxlength='255' value=''></input></td>"+
"<td width='80' align='right'><input type='image' src='/icons/100ws/searchbut.gif' name='sa' value='Search'></input>"+
"<input type='hidden' name='client' value='pub-3460518834604685'></input>"+
"<input type='hidden' name='forid' value='1'></input>"+
"<input type='hidden' name='channel' value='0974414919'></input>"+
"<input type='hidden' name='ie' value='ISO-8859-1'></input>"+
"<input type='hidden' name='oe' value='ISO-8859-1'></input>"+
"<input type='hidden' name='cof' value='GALT:#008000;GL:1;DIV:#336699;VLC:663399;AH:center;BGC:FFFFFF;LBGC:336699;ALC:0000FF;LC:0000FF;T:000000;GFNT:0000FF;GIMP:0000FF;FORID:1;'></input>"+
"<input type='hidden' name='hl' value='en'></input>"+
"</td></tr></table>"+
"</td></tr><tr><td valign='bottom' align='right'><img src='/icons/100ws/powered.gif' border='0' alt='Search'></img></td></tr></table>"+
"</td></tr></table>"+
"</td>");
}
document.write("</tr>");
}
if (google_ads[0].type == 'image') {
document.write("<tr><td align='center'>" +
"<a href='" + google_ads[0].url + "'style='text-decoration: none'>" +
"<img src='" + google_ads[0].image_url +
"' height='" + google_ads[0].height +
"' width='" + google_ads[0].width +
"' border='0'></a></td></tr>");
}
document.write ("</table>");
if(google_ads.length < 3 ) document.write ("</form>");
}
//-------------------------------------------------
function ss(w,id) {window.status = w;return true;}
//-------------------------------------------------
function cs(){window.status='';}
//-------------------------------------------------
function ca(a) {top.location.href=document.getElementById(a).href;}
//-------------------------------------------------
function ga(o,e) {if (document.getElementById) {a=o.id.substring(1);p = "";r = "";g = e.target;if (g) {t = g.id;f = g.parentNode;if (f) {p = f.id;h = f.parentNode;if (h)r = h.id;}}else {h = e.srcElement;f = h.parentNode;if (f) p = f.id;t = h.id;}if (t==a || p==a || r==a)return true;top.location.href=document.getElementById(a).href;}}
//-------------------------------------------------
window.onload = check_banner;
-->
</script>
<script language="JavaScript">
<!--
google_ad_client = "pub-3460518834604685";
google_ad_channel ="7355677264";
google_ad_output = "js";
google_max_num_ads = 4;
google_safe = "high";
google_feedback = "on";
google_ad_type = "text_image";
google_color_line = "ff0000";
-->
</script>
<script language="JavaScript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
<noscript>
<img height=1 width=1 border=0 src="http://pagead2.googlesyndication.com/pagead/imp.gif?client=pub-3460518834604685&event=noscript"/><br />
</noscript>
</td>
</tr>
</table>
</div>
<div style="position: absolute; left: 0px; top: 0px;"> <img
src="ayubg1.jpg">
</div>
<!---MainPart--->
<div style="position: absolute; left: 76px; top: 490px; width: 498px;">
<h1>Welcome to Sweet-Okashi Cosplay</h1>
<p align="center">Welcome to Sweet-Okashi Cosplay!<br>
I hope that you will enjoy this little cosplaying site of mine<br>
</p>
</div>
<!---End---><!---Nav--->
<div
style="position: absolute; left: 632px; top: 139px; width: 140px; height: 867px;">
<h1 style="margin-top: 0pt; margin-bottom: 0pt;">Sitey</h1>
<a href="tos.html">Terms of Service</a><br>
<a href="about.html">About</a><br>
<a href="contact.html">Contact</a><br>
<a href="linksout.html">Links Out</a><br>
<a href="linkme.html">Link Me!</a><br>
<a href="affiliates.html">Affiliation</a>
<p></p>
<h1 style="margin-top: 0pt; margin-bottom: 0pt;">Cosplay<br>
</h1>
<a href="whatis.html">What is Cosplay?</a><br>
<a href="howtos.html">How-To's</a><br>
<a href="tipsclothing.html">Tips & Tricks - Clothing</a><br>
<a href="tipswigs.html">Tips & Tricks - Wigs</a><br>
<a href="tipsprops.html">Tips & Tricks - Props & Weapons</a> <br>
<p></p>
<h1 style="margin-top: 0pt; margin-bottom: 0pt;">Conventions<br>
</h1>
<a href="confaq.html">Convention FAQ</a> <a href="conlistings.html">Convention
Listings</a> <a href="conprep.html">Preparing for a Con</a> <a
href="newbtips.html">Tips for First-Timers</a>
<p></p>
<h1 style="margin-top: 0pt; margin-bottom: 0pt;">Community<br>
</h1>
<a href="aboutsocg.html">About Sweet-Okashi Cosplay Group</a><br>
<a href="join.html">Join S-OCG</a><br>
<a href="fans.html">Members</a><br>
<a href="update.html">Update Your Member Profile</a><br>
<a href="/cafe/index.php">The Sweet-Okashi Café</a><br>
<a href="/gallery/index.php">S-OCG Member's Gallery</a><br>
<h1 style="margin-top: 0pt; margin-bottom: 0pt;">Personal<br>
</h1>
<a href="mycostumes.html">Aerin's Costumes</a><br>
<a href="mycons.html">Aerin's Con Appearances</a><br>
<a href="commissions.html">Commissions</a><br>
<a href="aboutme.html">About Aerin</a><br>
<a href="http://endless-song.net/soliloquy/index.html" target="_blank">Aerin's
Blog</a> <!---EndNav---> <br>
<br>
<br>
</div>
<br>
<br>
<br>
<script type="text/javascript" language="javascript" src="http://counter.fateback.com/java.php?user=11469"></script><noscript>
<a href="http://counter.fateback.com" target="_blank">
<img src="http://counter.fateback.com/webstat.php?user=11469" alt="counter" border="0"></a></noscript>
</body>
</html>
Any help in this matter would be greatly appreciated.
I'm only a n000b to CSS, so I have no real idea how this has happened.