The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Background problem...
tsutanai
post Jan 26 2007, 03:30 PM
Post #1


Newbie
*

Group: Members
Posts: 16
Joined: 21-November 06
From: England
Member No.: 1,010



>>Link<<

I'm having a problem with the coding at the link above. That problem being, the background image moves when making new tabs or opening to "find" bar... This makes the text go out of place. What coding can I use to stop it moving?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 26 2007, 04:19 PM
Post #2


Computer says no.
********

Group: WDG Moderators
Posts: 19,222
Joined: 9-August 06
Member No.: 6



It seems you have to be logged in at neopets to view the page. sad.gif
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
tsutanai
post Jan 28 2007, 02:28 PM
Post #3


Newbie
*

Group: Members
Posts: 16
Joined: 21-November 06
From: England
Member No.: 1,010



Aieee... That site is so awkward sometimes... Sorry, here are some screenshots... It's all I can do to show the problem without a Neopets member being able to offer help.

No tab, no find bar

Tab, no find bar

No tab, find bar open

Tab and find bar open

Here is the relevant part of the code for the problem:

CODE

<style>
body {background-image: url('http://i15.photobucket.com/albums/a394/Vigaku/tohrulookupbigger3.jpg'); background-repeat: no-repeat; background-position: 100% 100%; background-attachment: fixed; }
td, p, body {font: 12px verdana; color: #b26075; text-decoration: none; cursor: default; }
a { font: 12px verdana; color: #b26075; text-decoration: none; }
a:hover { color: #dfb9c2; cursor: text; }

#textbox { position: absolute; top: 275px; right: 380px; height: 220px; width: 510px; }

#navigation { position: absolute; top: 125px; right: 190px; width: 700px; }

table {background: none; }
#form, #object, .ban, #m, #ald, #mb, #ol,.hdr, .sf, #n {display: none; }
table,td {background: none;}
.hdr {display: none; }
.tt {visibility: hidden; }
center font b {display: none; }
hr {border: none; border-top: 1px dashed #b26075; height: 1px; width: 250px; }
</style>


Sorry that the code is bunched together. And I know that the style tags would usually say <style type="text/css"> but for some reason Neopets changes it just to <style>. It doesn't make any difference there, though.

This post has been edited by tsutanai: Jan 28 2007, 02:30 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Jan 29 2007, 04:21 AM
Post #4


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



Since we can't see the on line code, I suppose it has to do with the "background-attachment: fixed;", which is intended to make the background image stay in the viewport of the browser window upon scrolling the page.

See if getting rid of that statement solves your problem.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
tsutanai
post Jan 30 2007, 01:38 PM
Post #5


Newbie
*

Group: Members
Posts: 16
Joined: 21-November 06
From: England
Member No.: 1,010



Hmm, I think I had it that way to start with, but on Neopets it produces this effect:

>>Link<<

Perhaps it's a problem with Neopets' coding? This is what the source shows.

CODE

<!--
host - www204.sjo.neopets.com
//-->
<html>
<head>
<link rel="stylesheet" type="text/css" href="/css/template.css?v=1">
<style>#ban_spacer.show
{
width:728px;
height:90px;
margin: 0;
text-align:center;
background: #FFCE00 no-repeat;
background-position: center;
}
#ban_spacer.noshow
{
width: 0;
height: 0;
background-position: center;
}
#nst{width:110px;font-size:8pt;border:1px solid #000000;background-color:#FFFF63;color:#000000;padding:2px;margin:0px}
#ban
{
height:0px;
margin:0px;
display:none;
}
#m,#n,#mb{background-color:#FFCE00}
</style><title>Neopets - User Lookup</title>
<script type="text/javascript" src="http://images.neopets.com/n.js"></script>
<script type="text/javascript">
<!--
var nl='en',nh=10,nm=37,ns=21,na='am',ncl=new Array(0,53,104,137,169,198,231,265,299,335,368,397,427);
window.setInterval('nc()',1000);
function sh(i){ol.style.clip="rect("+ncl[i-1]+" 128 "+ncl+" 0)";ol.style.visibility='visible'}
function mo(){ol.style.visibility='hidden'};
//-->
</script>
<script src="http://images.neopets.com/js/urchin.js" type="text/javascript"></script>

<script type="text/javascript">
_uacct = "UA-1152868-1";
urchinTracker("/randomfriend.phtml");
</script>



<script type="text/javascript">
<!--//
function search_handle(searchForm)
{
if(searchForm.search_option && searchForm.search_option[1].checked)
{
searchForm.action="http://www.google.com/custom";
searchForm.target="google_window";
searchForm.method="get";
searchForm.submit();
}
else
{
searchForm.action="/search.phtml";
searchForm.target="";
searchForm.method="post";
searchForm.s.value=searchForm.q.value;
searchForm.submit();
}
}
//-->
</script>
</head>
<body marginheight="0" marginwidth="0" topmargin="0" leftmargin="0" bgcolor="#ffffff" >

<map name="a">
<area shape="rect" coords="0,10,130,53" href="/addpet.phtml" onmouseover="sh(1)" alt="Create a Neopet" title="Create a Neopet">
<area shape="rect" coords="0,53,130,104" href="/petcentral.phtml" onmouseover="sh(2)" alt="Pet Central" title="Pet Central">
<area shape="rect" coords="0,104,130,137" href="/explore.phtml" onmouseover="sh(3)" alt="Explore" title="Explore">
<area shape="rect" coords="0,137,130,169" href="/games/arcade.phtml" onmouseover="sh(4)" alt="Games" title="Games">
<area shape="rect" coords="0,169,130,198" href="/neomessages.phtml" onmouseover="sh(5)" alt="Neomail" title="Neomail">
<area shape="rect" coords="0,198,130,231" href="/objects.phtml" onmouseover="sh(6)" alt="Shops" title="Shops">
<area shape="rect" coords="0,231,130,265" href="/neoboards/index.phtml" onmouseover="sh(7)" alt="Neoboards" title="Neoboards">
<area shape="rect" coords="0,265,130,299" href="/nf.phtml" onmouseover="sh(8)" alt="News" title="News">
<area shape="rect" coords="0,299,130,335" href="/stuff.phtml" onmouseover="sh(9)" alt="Stuff" title="Stuff">
<area shape="rect" coords="0,335,130,368" href="/help.phtml" onmouseover="sh(10)" alt="Help" title="Help">

<area shape="rect" coords="0,368,130,397" href="/loginpage.phtml" onmouseover="sh(11)" alt="Login" title="Login">
<area shape="rect" coords="0,397,130,427" href="/logout.phtml" onmouseover="sh(12)" alt="Logout" title="Logout">
</map>
<div id="ban_spacer" class="noshow"></div><table cellspacing=0 cellpadding=0 background="http://images.neopets.com/t/hdr.gif" height=44 width=728 border=0>
<tr><td colspan=2 height=2></td></tr>
<tr><td width=130><a style="cursor:pointer;" href=/><div style="height:34px;"></div></a></td>
<td align="right" valign=middle>
<table align="right" valign=middle border=0><tr>
<td class=tt>
Welcome, <a class=tl href=/randomfriend.phtml?user=vigaku>vigaku</a> |
Pet : <a class=tl href=/quickref.phtml>Kazama_jolteon</a> |
NP : <a class=tl href=/objects.phtml?type=inventory>2,025</a>

</td>
</tr></table></td>
<td width=10 />
</tr>
<tr><td colspan=2 height=8 /></tr>
</table>
<table cellpadding=0 cellspacing=0 border=0><tr><td valign=top>
<table cellpadding=0 cellspacing=0 border=0>
<tr><td width=128 valign=top>
<img id=ol onmouseout="mo()" src="http://images.neopets.com/t/m5on.gif" usemap=#a border=0>
<img id=m src="http://images.neopets.com/t/m5.gif" usemap=#a width=128 height=427 border=0><div>
<table id=n cellpadding=0 cellspacing=0 width=128>
<tr><td class=tl height=277 align=center><br>
<span id=nst>10:37:21 am NST</span><br><br>
<form onsubmit="search_handle(this);">Search Neopets:
<input type="text" name="q" size="7" maxlength="255" value=""></input>

<input type=submit value="Go!" class="sf">
<input type="hidden" name="client" value="pub-9208792519293771"></input>
<input type="hidden" name="forid" value="1"></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="safe" value="active"></input>
<input type="hidden" name="domains" value="www.neopets.com"></input>
<input type="hidden" name="cof" value=& quot;GALT:#FFFFFF;GL:1;DIV:#000066;VLC:FFFFFF;AH:center;BGC:FFFFFF;LBGC:000066;A
LC:FFFFFF;LC:FFFFFF;T:000000;GFNT:000066;GIMP:000077;FORID:1"></input>
<input type="hidden" name="hl" value="en"></input>
<input type="hidden" name="s"></input>
</form>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width=120
height=60 >
<param name=movie value="http://images.neopets.com/buttons/banner_button_shell_v15.swf?flashXML=<message success='1' text=''><buttons><button>
<source><URL>http%3A%2F%2Fimages.neopets.com%2Fbuttons%2Fnetsize_120.swf</URL>
</source><destination>
<URL>http%3A%2F%2Fwww.neopets.com%2Fprocess_click.phtml%3Fitem_id%3D5951%26type_id%3D6</URL>
<window>_self</window><method>GET</method></destination><flightDuration>30000</flightDuration>
<removeBlockerButton>0</removeBlockerButton><disable>0</disable>
<borderColor></borderColor><borderSize>0</borderSize></button></buttons></message>">
<param name=quality value=high>
<param name=menu value=false>
<param name=scale value=exactfit>

<embed src="http://images.neopets.com/buttons/banner_button_shell_v15.swf?flashXML=<message success='1' text=''><buttons><button><source>
<URL>http%3A%2F%2Fimages.neopets.com%2Fbuttons%2Fnetsize_120.swf</URL></source><destination>
<URL>http%3A%2F%2Fwww.neopets.com%2Fprocess_click.phtml%3Fitem_id%3D5951%26type_id%3D6</URL>
<window>_self</window><method>GET</method></destination><flightDuration>30000</flightDuration>
<removeBlockerButton>0</removeBlockerButton><disable>0</disable><borderColor></borderColor>
<borderSize>0</borderSize></button></buttons></message>" quality=high
pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
type="application/x-shockwave-flash" scale="exactfit"
width=120 height=60>
</embed>
</object><br><br>
<form action="/randomfriend.phtml?user=vigaku&" method=post>Select language:<br><select name=lang class="sf"><option value="en" selected>English</option><option value="nl">Nederlands</option><option value="pt">Português</option><option value="de">Deutsch</option><option value="fr">Français</option><option value="it">Italiano</option><option value="es">Español</option><option value="ch">简体中文</option><option value="zh">繁體中文</option><option value="ja">日本語</option><option value="ko">한국어</option></select>
<input type=submit value="Go!" class="sf"></form>

<a href=/linktous.phtml class=tl>link to us</a></td></table>
</td><td width=2 bgcolor=black></td></tr>
</table>
<img id=mb src="http://images.neopets.com/t/1.gif" width=130 height=20 border="0">
</td>
<script type="text/javascript">var ol = document.getElementById('ol');</script>
<td style="padding:0px 5px 5px 10px; width:595px;" onmouseover="mo()" valign=top>

<table border=0><tr><td width=80>
</td><td align=right><img src="http://images.neopets.com/new_headers/userlookup.gif" width=480 height=62 alt="Neopets - User Lookup" class="hdr"></td></tr></table><br><br clear=all>

<p><center><font size=+1><b>User Lookup : vigaku</b></font></center><p><center><i>

</i>
<style>
body {background-image: url('http://i15.photobucket.com/albums/a394/Vigaku/tohrulookupbigger3.jpg'); background-repeat: no-repeat; background-position: 100% 100%;
background-attachment: fixed; }
td, p, body {font: 12px verdana; color: #b26075; text-decoration: none; cursor: default; }
a { font: 12px verdana; color: #b26075; text-decoration: none; }
a:hover { color: #dfb9c2; cursor: text; }

#textbox { position: absolute; top: 275px; right: 380px; height: 220px; width: 510px; }

#navigation { position: absolute; top: 125px; right: 190px; width: 700px; }

table {background: none; }
#form, #object, .ban, #m, #ald, #mb, #ol,.hdr, .sf, #n {display: none; }
table,td {background: none;}
.hdr {display: none; }
.tt {visibility: hidden; }
center font b {display: none; }
hr {border: none; border-top: 1px dashed #b26075; height: 1px; width: 250px; }
</style>


<div id="navigation">
<a href="http://www.neopets.com/loginpage.phtml">Login</a> |
<a href="http://www.neopets.com/">Logout</a> |
<a href="http://www.neopets.com/addpet.phtml">Create</a> |
<a href="http://www.neopets.com/petcentral.phtml">Central</a> |

<a href="http://www.neopets.com/explore.phtml">Explore</a> |
<a href="http://www.neopets.com/games/arcade.phtml">Play</a> |
<a href="http://www.neopets.com/neomessages.phtml">Mail</a> |
<a href="http://www.neopets.com/objects.phtml">Shops</a> |
<a href="http://www.neopets.com/neoboards/index.phtml">Chat</a> |
<a href="http://www.neopets.com/nf.phtml">News</a> |

<a href="http://www.neopets.com/stuff.phtml">Stuff</a> |
<a href="http://www.neopets.com/help.phtml">Help</a>
</div>


<div id="textbox">
<table width="100%"><tr><td><div style="width=510px; height: 220px; overflow:auto; scrollbar-face-color:#e9bdc9; scrollbar-highlight-color:#ffffff; scrollbar-3dlight-color:#f5d5de; scrollbar-shadow-color:#ffffff; scrollbar-darkshadow-color:#f5d5de; scrollbar-arrow-color:#b26075; scrollbar-track-color:#fffbfc;">



Content goes here... But this is a test! Lovely.<br />

</i><br clear=all></style></center><p><table align=center width=100% border=0 cellpadding=4 cellspacing=0><tr><td><b>Name</b> : Nicole<br><b>Last Spotted</b> : Under one day ago<br><b>Status</b> : Online - Ignoring YOU<br><b>Gender</b> : <font color=pink><b>Female</b></font><br><b>Country</b> : United Kingdom<br><b>Started Playing</b> : July 19, 2003<br><b>Hobbies </b>: Art and Crafts, Cinema, Console Games<br><b>Shop</b> : <a href='http://www.neopets.com/browseshop.phtml?owner=vigaku'><b>~Nostalgic Whispers~</b></a> (Size 6)<br><b>NeoHome</b> : <a href='/neohome.phtml?owner=vigaku'><b>352883 Market Street, Neopia Central</b></a><br>+ <b>Rooms</b> : 1<br>+ <b>Carpet</b> : Marble<br>+ <b>Lighting</b> : Electric Lamps<br><b>Guild Info</b> : Leader in <a href='/guilds/guild.phtml?id=2723204'><b>vigaku's guild</b></a><br><b>One Player BD</b> : <a href='battledome/bd_userlookup.phtml?userlookup=vigaku'><b>Won 35 out of 52</a></b> (<b>67.31%</b>)<br><b>Secret Avatars</b> : 95<br></td><td><img src='http://images.neopets.com/images/shields/42mth.gif' width=100 height=150></td></tr></table><p><table width=340 border=0 cellpadding=4 cellspacing=0 align=center><tr><td align=center valign=top width=85><a href='/island/tradingpost.phtml?type=browse&criteria=owner&search_string=vigaku'><img src='http://images.neopets.com/icons/trades.gif' width=40 height=40 border=0></a><br><font class=sf>Trades</font></td><td align=center valign=top width=85><a href='/genie.phtml?type=find_user&auction_username=vigaku'><img src='http://images.neopets.com/icons/auctions.gif' width=40 height=40 border=0></a><br><font class=sf>Auctions</font></td><td align=center valign=top nowrap width=85><a href='/mygamescores.phtml?randomfriend=vigaku'><img src='http://images.neopets.com/icons/scores.gif' width=40 height=40 border=0></a><br><font class=sf>Scores (54)</font></td><td align=center valign=top width=90><a href='/shopping/newcatalogue.phtml?list_type=wishlist&user=vigaku'><img src='http://images.neopets.com/icons/wishlist.gif' width=40 height=40 border=0></a><br><font class=sf>Wishlist</font></td></tr></table><p><table align=center width=450 height=100 border=0 cellspacing=0 cellpadding=3><tr><td align=center colspan=5><b>- NEOPETS -</b></td></tr><td align=center valign=top><a href='search.phtml?selected_type=pet&string=Kazama_jolteon'><IMG src="http://images.neopets.com/pets/80by80/flotsam_blue_happy.gif" width="80" height="80" border="0"><br><b>Kazama_jolteon</b></a></td><td align=center valign=top><a href='search.phtml?selected_type=pet&string=Shiny_Dranzer'><IMG src="http://images.neopets.com/pets/80by80/shoyru_starry_sad.gif" width="80" height="80" border="0"><br><b>Shiny_Dranzer</b></a></td><td align=center valign=top><a href='search.phtml?selected_type=pet&string=Walking_Behind'><IMG src="http://images.neopets.com/pets/80by80/lupe_cloud_happy.gif" width="80" height="80" border="0"><br><b>Walking_Behind</b></a></td></td></tr></table><p><hr size=1 align=center noshade><DIV align="center"><B>- Site Feature Trophies -</B></DIV><BR><DIV align="center"><TABLE border="0" cellpadding="0" cellspacing="0"><TR><TD align="center"><P><TABLE border="0" cellpadding="5" cellspacing="0"><TR><TD align="center" width="100" valign="top" class="trophy_cell"><A href="games/defenders.phtml"><IMG src="http://images.neopets.com/games/defenders/medal3_56139.gif" width="80" height="80" border="0"></A><BR><SPAN class="sf"><B>Defender of Neopia<BR>(Mission 2)</B></SPAN></TD><TD align="center" width="100" valign="top" class="trophy_cell"><A href="games/don2.phtml"><IMG src="http://images.neopets.com/games/defenders2/medal3_56139.gif" width="80" height="80" border="0"></A><BR><SPAN class="sf"><B>Defender of Neopia Series 2<BR>(Mission 2)</B></SPAN></TD><TD align="center" width="100" valign="top" class="trophy_cell"><A href="/mobile/yourtali.phtml"><IMG src="http://images.neopets.com/mobile/talisman_80.gif" width="80" height="80" border="0"></A><BR><SPAN class="sf"><B>Lutari Talisman</B></SPAN></TD></TR></TABLE></P></TD></TR></TABLE></DIV><HR size="1" align="center" noshade><table align=center cellpadding=5 cellspacing=0 width=400><tr><td align=center width=100 valign=top><img src='http://images.neopets.com/trophies/68_3.gif' width=80 border=0 height=80 alt='Third place at Pyramid Bonus!!'><br><font size=1>Third place at <br>Pyramid Bonus!!</font></td><td align=center width=100 valign=top><img src='http://images.neopets.com/trophies/109_1.gif' width=80 border=0 height=80 alt='Cheat! CHAMPION!!!'><br><font size=1><b>Cheat! CHAMPION!!!</b></font></td><td align=center width=100 valign=top><img src='http://images.neopets.com/trophies/115_1.gif' width=80 border=0 height=80 alt='Beating Punchbag Bob CHAMPION!!!'><br><font size=1><b>Beating Punchbag Bob CHAMPION!!!</b></font></td></table><br><br>

<hr size=1 align=center noshade>
<p>
<table cellpadding=6 border=0 cellspacing=0 align="center">
<tr><td align="center">
<a href='neomessages.phtml?type=send&recipient=vigaku'><img src='http://images.neopets.com/icons/neomail.gif' width="40" height="40" border=0 alt='Send a Message'></a><br>
<span class="sf">Send Neomail</span>
</td>
<td align="center">
<a href='process_neofriend_requests.phtml?_ref_ck=d09b6d8914baf387e0a61a620125899a&dowhat=add_single_neofriend&neofriend_add=vigaku'><img src='http://images.neopets.com/icons/neofriend.gif' width="40" height="40" border=0 alt='Make NeoFriend'></a><br>
<span class="sf">Make Neofriend</span>
</td>

</tr></table>
</td></tr><tr><td> </td><td align=center><br>
<div id="bottomban"><!--footerinc -->
</div><P><font class=sf color=#666666>NEOPETS, characters, logos, names and all related indicia<br>
are trademarks of <a href='/aboutus.phtml'><font class=sf>Neopets, Inc.,</a><font class=sf color=#666666> © 1999-2007.<br>® denotes Reg. US Pat. & TM Office.
All rights reserved.</font><br><a href='/privacy.phtml' class=sf>PRIVACY POLICY</a> | <a href='/safetytips.phtml' class=sf>Safety Tips</a> | <a href='/contact.phtml' class=sf>Contact Us</a> | <a href='/aboutus.phtml' class=sf>About Us</a> | <a href='/presskit_form.phtml' class=sf>Press Kit</a>

<script language=JavaScript><!--
if(navigator.appVersion.indexOf("MSIE")>0&&parseInt(navigator.appVersion)>=4){document.write(' | <a href="java script:window.external.AddFavorite(document.location,document.title)"><font class=sf>Bookmark Us</a>');}
//-->
</script><br><font class=sf>Use of this site signifies your acceptance of the <a href=/terms.phtml><font class=sf>Terms and Conditions</a><br clear=all><br><br>
</tr></table><script language="JavaScript">
function tzCook() {
var today = new Date();
var expire = new Date();
expire.setTime(today.getTime() + 3600000*24*30);
var cstr = "_tz="+escape(today.getTimezoneOffset()) + ";expires="+expire.toGMTString() + ";path=/;domain=.neopets.com;";
document.cookie = cstr;
}
tzCook();
</script>
</body></html>



I was wondering... Is there a way to set the position of the writing and stuff specifying the distance from the [i]bottom
, rather than the top? And if so, could this help?

This post has been edited by Darin McGrew: Jan 30 2007, 05:54 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 30 2007, 05:55 PM
Post #6


WDG Member
********

Group: Root Admin
Posts: 8,340
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



I put your code in a codebox so your message would be easier to read.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 23rd November 2020 - 05:53 PM