Trouble Editing Ogrin Default Petpage with Filters

[Officer 1BDI]

I already sent off a bug report about this, but I thought I'd ask you guys for help in the meantime:

I'm getting sick of the Lutari having a blank petpage, so I was going to create my own version (so he'd at least have SOMETHING) and then offer the code to anyone who was interested in using it. I wanted to use the Ogrin petpage template as a... template, because I think it's the tidiest of the petpages and has a similar look to the petpage I was going for.

So, I went to my Ogrin's petpage (which has not been altered, period), copied the code for it, went back to my Lutari's petpage and pasted the code. Instead of getting a nice, pretty Ogrin page, I get this:

Code:

Invalid words, disallowed words or words that should have quotes but do not were found inside your html tags.

For example:

GOOD: <map> BAD: <map>

YES: <a>page</a> NO: <a>page</a>

GOOD: <td align="center" valign="middle"> BAD: <td align="center valign=middle">

Here are the invalid words or disallowed words or words that should be inside of quotes inside the html tags < >

If the word is preceded by an = sign in your code, it is likely that the word should be inside of quotes.

Problem words and estimated problem area.
0.) border="0"

    * <table width="600" cellpadding="4" cellspacing="0" border="0">
    * <img src="http://images.neopets.com/pp/ogrin_logo.gif" width="350" height="150" border="0">
    * <img src="''" width="200" height="200" border="0" align="left">
    * <img src="http://images.neopets.com/template_images/ogrin_run.gif" width="160" height="160" border="0" align="right">
    * <img src="http://images.neopets.com/pets/closeattack/ogrin_green_left.gif" width="150" height="150" border="0" align="left">
    * <img src="http://images.neopets.com/pets/happy/ogrin_blue_baby.gif" width="150" height="150" border="0">

I find this really odd, considering this is an unedited, default petpage. So I go back to my Ogrin's petpage and see if I can't recreate the error. I don't make any changes to the text itself, but I hit the "Make Changes" button. Sure enough, I get the same error message.

Interestingly, pressing "Reset Petpage to Default" allows me to bypass this filter error message, but this doesn't help me because I'm unable to make the changes I need/want to either my Ogrin or my Lutari's pages.

So, while I'm waiting for TNT to answer me, could anyone please explain why this stuff won't pass the filters? I thought it had to do with having the quotation marks around the numbers (because the other pictures didn't have those quote marks in the HTML), but when I took them out, the error message proceeded to list all of the image HTML missing quotes.

[kimiko_00]

Get rid of all the border="0" attributes and replace them with an img {border-style: none} CSS entry.

[Officer 1BDI]

Hmmm, it's still not working. I think I misinterpreted your directions, Kimiko. In related news, now would be a good time to admit that I know squat about HTML.

Here's what I'm getting now. I'll play around with it a bit more and see if I can't figure it out myself, but if I can't I'd appreciate a turn in the right direction.

Code:

Problem words and estimated problem area.
0.) {border-style:

    * <table width="600" cellpadding="4" cellspacing="0">
    * <img src="''" width="200" height="200" align="left">
    * <img src="http://images.neopets.com/template_images/ogrin_run.gif" width="160" height="160" align="right">
    * <img src="http://images.neopets.com/pets/closeattack/ogrin_green_left.gif" width="150" height="150" align="left">

1.) none}

    * <table width="600" cellpadding="4" cellspacing="0">
    * <img src="''" width="200" height="200" align="left">
    * <img src="http://images.neopets.com/template_images/ogrin_run.gif" width="160" height="160" align="right">
    * <img src="http://images.neopets.com/pets/closeattack/ogrin_green_left.gif" width="150" height="150" align="left">

2.) css

    * <table width="600" cellpadding="4" cellspacing="0">
    * <img src="''" width="200" height="200" align="left">
    * <img src="http://images.neopets.com/template_images/ogrin_run.gif" width="160" height="160" align="right">
    * <img src="http://images.neopets.com/pets/closeattack/ogrin_green_left.gif" width="150" height="150" align="left">

[kimiko_00]

No no, CSS entries go inside <style> </style> tags. Read up on HTML and CSS here:
HTML 4.01 Specification
CSS 2.1 Specification

[yvonne_l_d]

I don't know if this helps at all, but the same thing happened a week ago with my Aisha. The default code was giving me an error. But then it stopped afer a while. I know very little about HTML/CSS, so I did not understand what the error meant.

[Officer 1BDI]

I give up. I managed to get rid of the CSS code error (thanks, Kimiko), but now it's compaining about the align tags. I'm probably better off starting from scratch in Mozilla.

That's interesting, Yvonne, and somewhat encouraging. Maybe, if I'm lucky, the code will suddenly work again next week.

Edit: Figures. I copy and paste the HTML into Mozilla composer, save the page, recopy and paste the HTML back into Neopets and it suddenly works again.