Neopets coding help


Joined
Sep 23, 2021
Messages
3
Reaction score
0
Asking for help to my fellow neopian friends in a site that accepts html without converting it.
Whenever I try to use the code it says "Invalid words or disallowed property names found in your style tags. position" The exact "position" with problems is the one showed in "#bottom2", I want that image to display so I don't want to erase it.

<style>
body {
background: #FAECEA url("http://www.sunnyneo.com/petpage/PP_autumn_bg.jpg");
background-repeat: repeat;
overflow: auto;
}
.footer, .sf {
display: none;
}
#link table {
display: inline;
}
table {
background-color: transparent;
}
table a img, center p {
height: 0px;
width: 0px;
overflow: hidden;
}
b {
color: #EB896F;
}
i {
font-family: georgia;
color: #6F4D53;
}
.v {
font-weight: bold;
text-decoration: underline;
color: #AA594C;
}
.sm {
padding: 3px;
margin: 3px;
border: 1px solid #F0BAAE;
background: #FFF;
}
a:active, a:link, a:visited {
color: #D7A85D;
font-weight: bold;
text-decoration: none;
}
.navi, a.navi:link, a.navi:active, a.navi:visited {
text-transform: uppercase;
text-align: center;
font: bold 12px tahoma;
color: #EB896F;
padding: 4px;
margin: 4px;
background: none;
}
a.navi:hover, a:hover, a:hover {
background: url("http://www.sunnyneo.com/petpage/PP_autumn_nav.jpg");
color: #BF6F67;
}
h1 {
color: #E87C78;
font: italic 25px georgia;
background: none;
margin-top: 0px;
margin-bottom: 4px;
padding-left: 20px;
text-align: left;
border-bottom: 1px dashed #EDC2BB;
}
#picture {
background: url("http://www.sunnyneo.com/petpage/PP_autumn_top.jpg");
left: 0px;
top: 0px;
z-index: -1;
height: 488px;
width: 1004px;
}
#bottom2 {
background: url("http://cdn.discordapp.com/attachmen...28773765120/148_sin_titulo_20210308033404.png") no-repeat bottom right;
position: absolute;
bottom: 0px;
right: 5px;
text-align: center;
height: 202px;
width: 203px;
z-index: 100 !important;
}
</style><div id="picture" style="position: absolute;"></div>
<div style="position: absolute; left: 378px; top: 350px; width: 305px; text-align: center; overflow: hidden; font: italic 25px georgia; color: #DF9285;">
Federbaellchen app
</div>
<div style="position: absolute; left: 153px; top: 490px; width: 695px; height: auto; color: #C28D8A; font: 12px tahoma; text-align: justify;">
<div align="center">
<a href="/myaccount.phtml" class="navi">account</a>
<a href="/customise" class="navi">customise</a>
<a href="/games/arcade.phtml" class="navi">games</a>
<a href="/explore.phtml" class="navi">explore</a>
<a href="/nf.phtml" class="navi">news</a>
<a href="/community/index.phtml" class="navi">community</a>
<a href="/objects.phtml" class="navi">shops</a>
<a href="/mall/index.phtml" class="navi">nc mall</a>
<a href="http://nc.neopets.com/membership" class="navi">premium</a>
</div>
<br><h1>header</h1>
<b>bold</b> <font class="v">underlined</font> <i>italic</i> <a href="/index.phtml">link</a><br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<br><br><h1>header</h1>
<b>bold</b> <font class="v">underlined</font> <i>italic</i> <a href="/index.phtml">link</a><br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<br><br><h1>header</h1>
<b>bold</b> <font class="v">underlined</font> <i>italic</i> <a href="/index.phtml">link</a><br>
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text<br><br><br><div align="center">
<img src="http://images.neopets.com/items/boo_fall_destinations.gif" class="sm">
<img src="http://images.neopets.com/items/boo_fun_tree_facts.gif" class="sm">
<img src="http://images.neopets.com/items/boo_autumnal_decorating.gif" class="sm">
<img src="http://images.neopets.com/items/boo_fallleaves.gif" class="sm">
<img src="http://images.neopets.com/items/fbo_gladefall.gif" class="sm"><br> <br></div>
</div>
 
Ad

Advertisements

Joined
Nov 13, 2020
Messages
80
Reaction score
14
There is nothing in the HTML code with an ID of bottom2 and the url you give has "..." in it so I could not see the image. When I went to the site it's self I was denied access to it. And that maybe the problem. Why not move that image to your folder and see if things work, You might also want to remove "text-align: center;", just for fun.
PS. Next time use the <code> tags to encase your code and separate the CSS from the HTML.
 
Joined
Sep 23, 2021
Messages
3
Reaction score
0
Forgot to add <div id="bottom2"></div> also removed the "text-align: center;" still trhows me an error. Thanks for the help though!
 
Joined
Sep 23, 2021
Messages
1
Reaction score
0
First you're gonna wanna put that image on imgur or some other image hosting and not link from discord.

Secondly, neo hates positioning in the style tags try removing then replacing it in the div:
<div id="bottom2" style="position: absolute; bottom: 0px;
right: 5px;"> </div>
 
Ad

Advertisements


Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top