Jump to content

Userlookup coding problem.


Arielle Gray

Recommended Posts

Ok. So. I'm going through a really tough time with the userlookup coding filters. Note my coding is no where near finished at all, but I'm very stubborn when I have a problem. I've tried googling and have looked at every site. I've searched all throughout this forum and still have no solution. Problem is: Invalid words or disallowed property names found in your style tags: position.

 

And here's my code:

 

 

 

<style />

body{background-image:url(url);background-repeat:repeat;}
#main{background:url(url);background-repeat:no-repeat;border:none;}

#header{background:transparent;border:none;}
#template_nav, .user, #nst, #footer, #header a{display:none}
[b]#stats {position:absolute; top:200px; left:140px; width:595px; }[/b]
#content{width:725px;color:#408080;}
.content div a img, .content div b {visibility:hidden;}
.contentModule div a img, .contentModule div b {visibility:visible;}
.contentModule{border:none;background:#D8EAEF;}
.contentModuleTable{border: 2px solid #000000;}
.contentModuleHeader, .contentModuleHeaderAlt {
  font: 2px Serif;
  font-weight: bold;
  color: #70A596;
  text-align: center;
  background-color: #AED9C1;
  padding: 3px;
  border-top: 3px solid #000000;
  border-bottom: 2px dotted #000000;
}
</style />

 

I'd be really grateful for any help you guys can provide. I'm totally stumped.

Thanks. :)

Link to comment
Share on other sites

Use inline styles :)

 

remove position:absolute from your css (style part of your code), but keep the value.

When you call for that div, ask it to apply the position style ;)

 

<div id="stats" style="position:absolute"></div>

Link to comment
Share on other sites

Thanks. ^^ I tested it and I'm not sure if I placed it right. I've tried several different ways with that code and still it doesn't work. :X

 

<div id="Stats" style="position:absolute;">
<style>
//
*{} 
body{background-image:url(http://usera.ImageCave.com/Ariella/Xweeheart.png);background-repeat:repeat;}
#main{background:url(http://usera.ImageCave.com/Ariella/HappyXweeday.png);background-repeat:no-repeat;border:none;}

#header{background:transparent;border:none;}
#template_nav, .user, #nst, #footer, #header a{display:none}

#Stats {top:649px; left:79px; width:248px;}

#content{width:725px;color:#408080;}
.content div a img, .content div b {visibility:hidden;}
.contentModule div a img, .contentModule div b {visibility:visible;}
.contentModule{border:none;background:#D8EAEF;}
.contentModuleTable{border: 2px solid #000000;}
.contentModuleHeader, .contentModuleHeaderAlt {
  font: 2px Serif;
  font-weight: bold;
  color: #70A596;
  text-align: center;
  background-color: #AED9C1;
  padding: 3px;
  border-top: 3px solid #000000;
  border-bottom: 2px dotted #000000;
}

</style>
</div>

 

That's what I currently have. I wish they just left the CSS alone. I know about all the cging and stuff but really they didn't have to make it so complicated. :stitchface:

Link to comment
Share on other sites

It's not working as the filter is still picking it up OR it's not placing elements where you want?

 

Also, you don't need to put anything after <style>. It should go through without it. And I hightly suggest that you put your CSS before your HTML. It's a coding convention.

Link to comment
Share on other sites

As in it won't position them correctly, but it did go through the filter. I typically put my html after my css, I was just moving it around a bit to make sure it wasn't a problem. :)

I appreciate all of your help by the way. ^^

Link to comment
Share on other sites

<style>

body{background-image:url(http://usera.ImageCave.com/Ariella/Xweeheart.png);background-repeat:repeat;}
#main{background:url(http://usera.ImageCave.com/Ariella/HappyXweeday.png);background-repeat:no-repeat;border:none;}

#header{background:transparent;border:none;}
#template_nav, .user, #nst, #footer, #header a{display:none}


#content{margin-top:649px; margin-left:79px; width:725px;color:#408080;}
.content div a img, .content div b {visibility:hidden;}
.contentModule div a img, .contentModule div b {visibility:visible;}
.contentModule{border:none;background:#D8EAEF;}
.contentModuleTable{border: 2px solid #000000;}
.contentModuleHeader, .contentModuleHeaderAlt {
  font: 2px Serif;
  font-weight: bold;
  color: #70A596;
  text-align: center;
  background-color: #AED9C1;
  padding: 3px;
  border-top: 3px solid #000000;
  border-bottom: 2px dotted #000000;
}

</style>

 

 

I removed your #Stats as it doesn't control anything on Neopets and added a margin-top and margin-left to #Content. The stats box have moved down where you wanted, I think.

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...