It is currently Fri Mar 29, 2024 11:10 am


All times are UTC


Forum rules


Please click here to view the forum rules



Post new topic Reply to topic  [ 7 posts ] 
Author Message
 Post subject: CSS and banners
PostPosted: Mon Jun 20, 2005 1:18 am 
Noobie
Noobie

Joined: Fri Mar 11, 2005 3:51 am
Posts: 3
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.


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jun 20, 2005 1:45 am 
I have no life!
I have no life!

Joined: Sun Feb 13, 2005 6:12 pm
Posts: 1504
Location: My Office
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

_________________
Best Regards:
Aaron McGowan (aka: CyberGeek, =cipher=)

CyberGeek's Software Solutions
-- WWW: http://www.cybergeeksoftware.com
-- Tech Line: 1-519-860-4557
-- Email: cybergeek@cybergeeksoftware.com


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jun 20, 2005 5:05 pm 
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">


Top
  
 
 Post subject:
PostPosted: Mon Jun 20, 2005 5:12 pm 
I have no life!
I have no life!

Joined: Sun Feb 13, 2005 6:12 pm
Posts: 1504
Location: My Office
That should be an easy fix! :D

_________________
Best Regards:
Aaron McGowan (aka: CyberGeek, =cipher=)

CyberGeek's Software Solutions
-- WWW: http://www.cybergeeksoftware.com
-- Tech Line: 1-519-860-4557
-- Email: cybergeek@cybergeeksoftware.com


Top
 Profile  
 
 Post subject:
PostPosted: Mon Jun 20, 2005 5:21 pm 
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


Top
  
 
 Post subject:
PostPosted: Wed Jun 22, 2005 11:24 pm 
Noobie
Noobie

Joined: Fri Mar 11, 2005 3:51 am
Posts: 3
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.


Top
 Profile  
 
 Post subject:
PostPosted: Thu Jun 23, 2005 2:21 am 
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


Top
  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 7 posts ]  Moderators: fhmagic, KJ, Moderators, Support Team

All times are UTC


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
cron
100WebSpace © 2011