Petpage Coding Help

[beruichi]

Hey guys! :) I'm having an issue with putting hyperlinks on images in my petpage. Basically, I want the images to be clickable, like the affiliates buttons in this petpage, but somehow, when I put the code in, the images won't show up. If I remove the link, the images will show up without any problems. I can hyperlink text without encountering any problems either, so I'm stumped.

I'm even using the code for the buttons provided by the pages I want to link, but still no dice. Examples of the codes I tried putting in my petpage are:

<a href="http://neopets.com/~JubbyJubJack"><img src="//images.weserv.nl/?url=http://i255.photobucket.com/albums/hh139/neo-pixels/jjj/jj3.gif" alt="Button"></a>

<a href="http://avatars.thedailyneopets.com/user/148156"><img src="//images.weserv.nl/?url=http://avatars.thedailyneopets.com/c2/148156_asparagus.gif" border=0></a>

I actually copied the unedited code for the first button in my petpage. It's right below the broken TDN link under the Useful Links in the left sidebar, but it's not visible for some reason unknown to me.

 

Speaking of the broken link, I also have issues linking to TDN. I originally thought the issue with the hyperlinked images was because TDN was an external site (I was trying to put my avatar counter in the petpage using the second code above), but I still had issues with the images even when linking to other petpages. Anyway, as for the TDN link (using text, this time), it works fine in the preview; the pop-up appears as it should and when I choose yes, it does redirect me to the TDN site, and the url looks like this:

http://www.neopets.com/redirect/fansite.phtml?r=http%3A%2F%2Fwww.thedailyneopets.com

even if I originally input a plain url in the code, like this:

http://thedailyneopets.com/

But when I save the changes, the url breaks. The code will still look like the first instance (the one with the redirect), but when I check the link in the page itself (not the preview), it will look like this:

http://www.neopets.com/redirect/fansite.phtml?r=http%3A%2F+-invalid_characters-+Fwww.thedailyneopets.com

So when I click it, there will be an error page from neopets saying it wasn't a valid url (obviously).

If it's relevant, the code for my petpage is here (very long winded code, sorry):

 

<style>
body {
    background: url("http://www.sunnyneo.com/petpage/PP_un-valentine_bg1.gif") #3B593F;
    overflow: auto;
}
#bg {
    left: 0px;
    bottom: 20px;
    width: 100%;
    height: 216px;
    z-index: -1;
    background: url("http://www.sunnyneo.com/petpage/PP_un-valentine_bg3.png") repeat-x;
}
#box {
    z-index: 5;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    overflow: auto;
}
#text1 {
    width: 748px;
    text-align: center;
}
#text2 {
    width: 748px;
    background: url("http://www.sunnyneo.com/petpage/PP_un-valentine_bg2.jpg") repeat-y;
    border-bottom: solid 1px black;
}
#tekst {
    font: 10pt 'century gothic';
}
table {
    background: none;
}
td a img, .sf, .smallfont {
    display: none;
}
.do h1 {
    font: 10pt georgia;
    font-weight: bold;
    text-align: left;
    color: #ADC270;
    font-style: italic;
    letter-spacing: 2px;
    margin-top: 0px;
    margin-bottom: 4px;
    border-bottom: 5px solid #EDF8CD;
}
.da h1 {
    font: 10pt georgia;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    color: #859B52;
    background: url("http://www.sunnyneo.com/petpage/PP_un-valentine_h1.png") no-repeat;
    font-style: normal;
    letter-spacing: 1px;
    border: none;
    padding-left: 3px;
    padding-top: 19px;
    padding-bottom: 15px;
}
b {
    color: #4C5933;
    font-weight: bold;
}
i {
    color: #4E8B74;
    font-weight: bold;
    font-style: italic;
}
u {
    color: #7D974D;
    font-weight: bold;
    font-variant: small-caps;
}
a:link, a:visited {
    color: #6A874B;
    font-weight: bold;
    text-decoration: none;
}
a:hover {
    color: #8AA66C;
    font-weight: bold;
    text-decoration: none;
}
#bottom {
    bottom: 0px;
    width: 100%;
    left: 0px;
    z-index: 1000000;
    height: 30px;
    text-align: center;
    background: #688A52;
    overflow: hidden;
    border-top: 1px dotted #FFFFFF;
}
.nav a:link, .nav a:visited {
    font: 12pt 'century gothic';
    text-transform: uppercase;
    font-weight: bold;
    color: #9BB888;
    padding: 10px;
    margin-left: 2px;
    margin-right: 2px;
    background: none;
}
.nav a:hover {
    font: 16pt 'century gothic';
    text-transform: uppercase;
    font-weight: bold;
    color: #FFFFFF;
    padding: 10px;
    margin-left: 2px;
    margin-right: 2px;
    background: #597B43;
}
table {
    background: none;
}
table a img, center p {
    height: 0px;
    width: 0px;
    overflow: hidden;
}
#pic1 {
    background: url("http://www.sunnyneo.com/petpage/PP_un-valentine_img1.png");
    height: 55px;
    width: 748px;
}
#pic2 {
    background: url("http://www.sunnyneo.com/petpage/PP_un-valentine_img2.jpg");
    height: 273px;
    width: 748px;
}
</style>

<div id="bg" style="position: fixed;"></div>
<div id="bottom" style="position: fixed;"><center><div class="nav">
<a href="/myaccount.phtml">my account</a>
<a href="/customise/">customise</a>
<a href="/games/arcade.phtml">games</a>
<a href="/explore.phtml">explore</a>
<a href="/nf.phtml">news</a>
<a href="/community/index.phtml">community</a>
<a href="/objects.phtml">shops</a>
<a href="/mall/index.phtml">nc mall</a>
<a href="/">premium</a>
<a href="/~alan_rogers2132">sunnyneo</a>
</div></center></div>
<center>
<br><br><div id="text">
<div id="pic1" style="position: relative;"></div>
<div id="pic2" style="position: relative;"></div>
<center>
<div id="text2" style="position: relative; top: 0px;">

<table id="tekst" width="748" cellspacing="0" cellpadding="0" border="0" style="position: relative; top: -270px;">
<td width="18"></td>
  <td width="276" valign="top" class="do">
<div style="position: relative; top: 272px;">












<h1><center><font size="7"><a href="http://www.neopets.com/userlookup.phtml?user=akanechang">Beruichi's</a> Hideout</font></center></h1>
Welcome to my page! This is where I keep track of my goals for my neopets, as well as for my account in general. Here, you'll find what I want my pets to look like, the avatars and trophies I am currently gunning for, items I'm saving up for, and the like. This is to help me focus on what I need to do so as to not spend NPs whimsically and lose track of my objectives.
<br><br><h1><center><font size="3">Attempting to Acquire:</font></center></h1>
<h1><a name="avatars">Avatars</a></h1>
<table>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/aishascalawag.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/nfy14.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/neomailaddict.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/brightvale.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/kelpwaitress.gif"></td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/jubzambra.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/evilcoconut.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/fishsquid.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/forgshore.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/geraptiku_tomb.gif"></td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/tdmbgpop.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/turmaculus.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/nq1erick.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/kinghagan.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/moodyskarl.gif"></td>
</tr>
</table>
<hr>
<center><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/avviecount.png"></center>
<hr>
<br><h1><a name="trophies">Game Trophies</a></h1>
<center><table>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/55_1.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/77_1.gif"></td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/216_2.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/68_2.gif"></td>
</tr>
</table></center>
<br><br><h1><a name="secretlab">Secret Lab Map Pieces:</a></h1>
<center><table>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/labmap_01.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/labmap_06.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/labmap_07.gif"></td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/labmap_02.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/labmap_05.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/labmap_08.gif"></td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/labmap_03.gif"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/pdil1ktq.png"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/labmap_09.gif"></td>
</tr>
</table></center>
<br><br><h1><center><font size="3"><a name="links">Useful Links</a></font></center></h1>
<center>
<img src="//images.weserv.nl/?url=http://i255.photobucket.com/albums/hh139/neo-pixels/jjj/jj3.gif"><br><a href="http://neopets.com/~JubbyJubJack">Neopets Dailies Guide</a><hr>
<img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/trophyguide2.jpg" height="60"><br><a href="http://www.neopets.com/~tied_trophy_scores#Easy">Fred's Trophy Guide</a><hr>
<img src="//images.weserv.nl/?url=http://i165.photobucket.com/albums/u58/binbaines/TurmyTimes12.png"><br><a href="http://www.neopets.com/~brownhownd">Turmaculus Times</a><hr>
<img src="//images.weserv.nl/?url=http://izzy.bumpwire.com/htmlguides/link1.jpg"><br><a href="http://www.neopets.com/~Sariyra">Sariyra's HTML and CSS Guide</a><hr>
<a href="http://neopets.com/~JubbyJubJack"><img src="//images.weserv.nl/?url=http://i255.photobucket.com/albums/hh139/neo-pixels/jjj/jj3.gif" alt="Button"></a>

<a href="http://www.neopets.com/redirect/fansite.phtml?r=http%3A%2F%2Fwww.thedailyneopets.com" class="auto_bumper">TDN</a><br><hr>
<a href="http://neopets.com/~JubbyJubJack"><img src="//images.weserv.nl/?url=http://i255.photobucket.com/albums/hh139/neo-pixels/jjj/jj3.gif" alt="Button"></a>


</center>
</div>
  </td>
  <td width="28"></td>
  <td width="410" valign="top" class="da">















<h1>Navigation</h1>
<center>
<a href="#petwishlist">Pet Wishlist</a> | <a href="#avatars">Avatars</a> | <a href="#trophies">Trophies</a> | <a href="#secretlab">Secret Lab Map</a><br><a href="#links">Useful Links</a>
</center>
<h1>Calendar</h1>
<b>APR 01</b> - Start of the ALP Pet Chains; expect neomail from mod.<br>
Pet Chains Applied for:<br>
1) "Werelupe" & "Whee!" & "Mootix<br>
2) "Ruki - Mummified<br>
3) "Island Quiggle" & "Gruslen<br>
4) "Pink!" & "Mazzew<br><hr>
<b>APR 18</b> - Lutari Day<br>
Make sure to <a href="http://www.neopets.com/addpet.phtml">create a Lutari</a>.



<h1>My Active Pets</h1>
<hr>
<a href="http://www.neopets.com/petlookup.phtml?pet=o0_KyoN_0o">o0_KyoN_0o</a>, the Magma Xweetok<hr>
<table>
<tr>
<td>Current:</td>
<td>Goal:</td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/kyon.png" width="200" height="200"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4.png" width="200" height="200"></td>
</tr>
</table>
Status: <br>
❦ Pet color goal <b><i>attained</i></b>.<br>
❦ Battledome training <i>in progress</i>.
<br><hr>
<hr>
<a href="http://www.neopets.com/petlookup.phtml?pet=Akatorimono">Akatorimono</a>, the Red Pteri<hr>
<table>
<tr>
<td>Current:</td>
<td>Goal:</td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/akatori.png" width="200" height="200"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-1.png" width="200" height="200"></td>
</tr>
</table>
Status: <br>
❦ Pet color goal <b>not yet attained</b>.<br>
❦ Needs <a href="http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=item_exact&search_string=Faerie+Paint+Brush">Faerie Paint Brush</a> (est. value 1.7M NP).<br>
❦ Use to get <a href="http://www.neopets.com/worlds/deadlydice.phtml">Deadly Dice</a> avatar (once a day, 12AM-1AM NST [3PM local time])

<hr>
<hr>
<a href="http://www.neopets.com/petlookup.phtml?pet=Kyonpachi">Kyonpachi</a>, the Red Xweetok<hr>
<table>
<tr>
<td>Current:</td>
<td>Goal:</td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/kyonpachi.png" width="200" height="200"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-3.png" width="200" height="200"></td>
</tr>
</table>
Status: <br>
❦ Pet color goal <b>not yet attained</b>.<br>
❦ Needs <a href="http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=item_exact&search_string=Water+Paint+Brush">Water Paint Brush</a> (est. value 2.2M NP).
<hr>
<hr>
<a href="http://www.neopets.com/petlookup.phtml?pet=Uri_Tempesta">Uri_Tempesta</a>, the Red Xweetok<hr>
<table>
<tr>
<td>Current:</td>
<td>Goal:</td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-5.png" width="200" height="200"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-2.png" width="200" height="200"></td>
</tr>
</table>
Status: <br>
❦ Pet color goal <b>not yet attained</b>.<br>
❦ Needs <a href="http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=item_exact&search_string=Pastel+Paint+Brush">Pastel Paint Brush</a> (est. value 7M NP).
<hr>
<hr>
<a href="http://www.neopets.com/petlookup.phtml?pet=oO0_RyuU_0Oo">oO0_RyuU_0Oo</a>, the Blue Shoyru<hr>
<table>
<tr>
<td>Current:</td>
<td>Goal:</td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/ryu.png" width="200" height="200"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-4.png" width="200" height="200"></td>
</tr>
</table>
Status: <br>
❦ Pet color goal <b>not yet attained</b>.<br>
❦ Needs <a href="http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=item_exact&search_string=Wraith+Paint+Brush">Wraith Paint Brush</a> (est. value 3.2M NP).
<hr>
<h1>Other Pets</h1>
<table>
<tr>
<td><font size="2"><a href="http://www.neopets.com/petlookup.phtml?pet=Zapplebomb">Zapplebomb</a>, the Yellow Ogrin</font></td>
<td><font size="2"><a href="http://www.neopets.com/petlookup.phtml?pet=_Kii_kun_">_Kii_kun_</a>, the Blue Skeith</font></td>
</tr>
<tr>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/zapple.png" width="200" height="200"></td>
<td><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/kii.png" width="200" height="200"></td>
</tr>
<tr>
<td><font size="2">Will be used as lab rat for the Secret Lab Ray.</font></td>
<td><font size="2">No plans yet.</font></td>
</tr>
</table>
<br><br><h1><a name="petwishlist">Pets to Acquire</a></h1>
<center>Mutant Pteri<br><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-6.png" width="200" height="200"><br>
Either thru the Secret Lab Ray or a <a href="http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=item_exact&search_string=Pteri+Transmogrification+Potion">Pteri Transmogrification Potion</a> (est. value 2M NP).<hr>

Stealthy Eyrie<br><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-7.png" width="200" height="200"><br>
Either thru the Secret Lab Ray or a <a href="http://www.neopets.com/island/tradingpost.phtml?type=browse&criteria=item_exact&search_string=Stealth+Paint+Brush">Stealth Paint Brush</a> (est. value 8M NP).<hr>

Magma Lutari<br><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-1-1.png" width="200" height="200"><br>
Either thru the Secret Lab Ray or wait for Lutari Day (18 APR) and paint it in the <a href="http://www.neopets.com/magma/pool.phtml">Magma Pool</a> between 3:50PM to 3:55PM NST (6:50AM local time).<hr>

Swamp Gas or Zombie Buzz<br><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-8.png" width="200" height="200"><img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/4-9.png" width="200" height="200"><br>
For the Buzzin' avatar (acquired after finishing a FFQ). Still undecided which color is preferred. Currently leaning towards Swamp Gas.<hr>
</center>
<br><br>
</td>
  <td width="18"></td>
</table>
</div>
</center>
</div>
</center>

 

 

and I got the template for the page from SunnyNeo.

It's really frustrating, so I initially gave up and just put the links in the text below the images. XD But I keep seeing properly hyperlinked buttons in other petpages, so I want to find a solution to my problem. I've been out of practice with HTML coding for several years now so I'm more than rusty. Any help will be appreciated. Thanks!

 

Edit: The image hyperlink problem has been solved, many thanks to maikrowsoft! :)

Still looking for a solution to the broken external site url problem.

[maikrowsoft]

Your first issue stems from: "table a img, center p" and "td a img, .sf, .smallfont".

table a img, center p {
height: 0;
overflow: hidden;
width: 0;
}

td a img, .sf, .smallfont {
display: none;
}

You can actually remove both, but that will make the top banner peek out a little. Checking into that now.

 

No idea about your linking problem.

 

Edit:

On second thoughts, leave the original code above. They're fine. Simply add the following.

.do img {
display: inline-block !important;
height: auto !important;
width: auto !important;
}

[beruichi]

Ah, it worked! Thank you very much! I am unfamiliar with this part of the code (I hardly know HTML, and this doesn't look like HTML :weird: ) so I wouldn't've figured this out myself. I appreciate the help! :D

[maikrowsoft]

This isn't HTML. It's CSS. CSS styles the HTML.

[beruichi]

Ah, that is way beyond me, then. I never learned CSS in school. :p

 

Quick question though, is there a way to adjust the image size of just one of the buttons? This code I used before to adjust the height

<img src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/trophyguide2.jpg" height="70">

doesn't work anymore, probably because the code sets image height and width to auto. I tried changing that word to a numerical value but it changed the sizes of all the images in that part of the page. :weird:

 

Also, could you recommend any basic CSS guides? I'd love to read up on this so I won't pester people with my questions anymore ehe (:

[Xepha]

Re: linking TDN

 

Any images uploaded to our domain will break like that when posted on petpages. It's sad, but we can't do anything about it and we did report it to TNT who were supposed to investigate. (I bet it never happened. >.>)

 

Good CSS guide => http://www.w3schools.com/css/

 

To fix just one picture, I'd create an id like so

#thisimg{
width: 80px;
height: 70px;
}

<img id="thisimg" src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/trophyguide2.jpg">

[maikrowsoft]

Remove the !important tags in my previous code, then change your above line to:

<img style="height: 30; width: auto;" src="//images.weserv.nl/?url=http://i821.photobucket.com/albums/zz140/beruichi/Neopets/trophyguide2.jpg">

You can learn CSS and stuff off w3schools, though keep in mind that not everything is usable on Neopets due to strict filtering :/

 

Edit: Oooooo Ninja'd. Yeah follow Xepha's code.

[beruichi]

@Xepha - Oh, so is the broken redirect url an issue with neopets and not the code? Because I tried inputting the avatar counter code again to check if maikrowsoft's fix solved it, but nope, still broken when saved. It's weird how it works fine during preview, though (the image and url both). The url break this time looks like this:

http://www.neopets.com/redirect/fansite.phtml?r=http%3A%2F%2Favatars.thedailyneopets.com%2Fuser+-invalid_characters-+F148156

so it seems like neopets has a problem with forward slashes of external sites heh. (:

 

Ah, and I fixed the resizing problem, thanks to you and maikrowsoft both! I initially followed just your code but it didn't work, then I saw his comment about the !important tags. :p I'll be reading through that site you both recommended.

 

I very much appreciate the help! :D

[Xepha]

@Xepha - Oh, so is the broken redirect url an issue with neopets and not the code? Because I tried inputting the avatar counter code again to check if maikrowsoft's fix solved it, but nope, still broken when saved. It's weird how it works fine during preview, though (the image and url both). The url break this time looks like this:

http://www.neopets.com/redirect/fansite.phtml?r=http%3A%2F%2Favatars.thedailyneopets.com%2Fuser+-invalid_characters-+F148156

so it seems like neopets has a problem with forward slashes of external sites heh. (:

 

Ah, and I fixed the resizing problem, thanks to you and maikrowsoft both! I initially followed just your code but it didn't work, then I saw his comment about the !important tags. :P I'll be reading through that site you both recommended.

 

I very much appreciate the help! :D

 

It's an issue with Neopets, not with the code. You can't fix it. :(