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> | <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. |
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 . We will help you there! |
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! |
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 |
Author: | Aerin [ Wed Jun 22, 2005 11:24 pm ] |
Post subject: | |
thank you very much, rm249! 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 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 |
Page 1 of 1 | All times are UTC |
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group http://www.phpbb.com/ |