Arielle Gray Posted November 8, 2009 Share Posted November 8, 2009 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. :) Quote Link to comment Share on other sites More sharing options...
Sapphy the Swamp Witch Posted November 8, 2009 Share Posted November 8, 2009 Change the opening style tag back to normal, like this: <style> Change the closing style tag to be like this: < /style> That should work. :) If you add any HTML, make sure that closing style tag is always at the bottom of all the coding! Quote Link to comment Share on other sites More sharing options...
Arielle Gray Posted November 8, 2009 Author Share Posted November 8, 2009 Thanks for your fast reply. ^^ I tried it and unfortunately it didn't work. :/ I still got this message "Invalid words or disallowed property names found in your style tags. position" Quote Link to comment Share on other sites More sharing options...
Xepha Posted November 8, 2009 Share Posted November 8, 2009 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> Quote Link to comment Share on other sites More sharing options...
Arielle Gray Posted November 9, 2009 Author Share Posted November 9, 2009 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: Quote Link to comment Share on other sites More sharing options...
Xepha Posted November 9, 2009 Share Posted November 9, 2009 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. Quote Link to comment Share on other sites More sharing options...
Arielle Gray Posted November 9, 2009 Author Share Posted November 9, 2009 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. ^^ Quote Link to comment Share on other sites More sharing options...
Xepha Posted November 9, 2009 Share Posted November 9, 2009 Well I'll have to try your code when I come back tonight then. My userlookups are generally centered and I use margin to position stuff. Quote Link to comment Share on other sites More sharing options...
Arielle Gray Posted November 10, 2009 Author Share Posted November 10, 2009 Thanks. ^^ I may have to just start over completely for my 3rd try. The filter is driving me crazy. I've been using the same css since I was 12 and to have to just change 6 years later is like, a pain. :P Quote Link to comment Share on other sites More sharing options...
Sapphy the Swamp Witch Posted November 10, 2009 Share Posted November 10, 2009 Strange, the method I posted worked perfectly for me. o_O Sorry I wasn't much help! Quote Link to comment Share on other sites More sharing options...
Xepha Posted November 10, 2009 Share Posted November 10, 2009 <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. Quote Link to comment Share on other sites More sharing options...
Arielle Gray Posted November 10, 2009 Author Share Posted November 10, 2009 That worked! :D Thank you very much for all of your time. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.