100 Web Space
http://forum.100webspace.com/

CSS and banners
http://forum.100webspace.com/viewtopic.php?f=4&t=1914
Page 1 of 1

Author:  Aerin [ Mon Jun 20, 2005 1:18 am ]
Post subject:  CSS and banners

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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp; <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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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>&nbsp;|&nbsp;<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 &amp; Tricks - Clothing</a><br>
<a href="tipswigs.html">Tips &amp; Tricks - Wigs</a><br>
<a href="tipsprops.html">Tips &amp; Tricks - Props &amp; 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&eacute;</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.

Author:  =cipher= [ Mon Jun 20, 2005 1:45 am ]
Post subject: 

Greetings,

I do not know either how this happened and Im not going to spend a couple of hours re-coding that script to make it work right. I suggest opening a trouble ticket in the cPanel . :D We will help you there! :D

Author:  rm249 [ Mon Jun 20, 2005 5:05 pm ]
Post subject: 

Try replacing this code:
Code:
<div style="position: absolute; left: 0px; top: 0px;"> <img
src="ayubg1.jpg">


with this code:
Code:
<div style="position: absolute; left: 0px; top: 130px;"> <img
src="ayubg1.jpg">

Author:  =cipher= [ Mon Jun 20, 2005 5:12 pm ]
Post subject: 

That should be an easy fix! :D

Author:  rm249 [ Mon Jun 20, 2005 5:21 pm ]
Post subject: 

It should because I set the TOP attribute to 130px which means that it should be 130 pixels from the top rather then 0 pixels from the top which is why it went over the banners :D

Author:  Aerin [ Wed Jun 22, 2005 11:24 pm ]
Post subject: 

thank you very much, rm249! :D
That does seem to have fixed my problem. I just had no idea that the banner wouldnt go over it....most webhosts I've been on put a banner up there regardless of what it goes over.

Author:  rm249 [ Thu Jun 23, 2005 2:21 am ]
Post subject: 

No Problem :D I think that your page went over the banners because your site uses Layers correct? Maybe your layer for your image was above the banner adds..... I don't know as long as its fixed now :D

Page 1 of 1 All times are UTC
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
http://www.phpbb.com/