css for navigation on user lookup

[ildacoo]

hi y'all, to preface this I have no idea what i'm doing when it comes to css, I just cobble together bits of other peoples' code and see what works. I just want to add a normal neopets navigation bar to the top of my user lookup but the snippet I found makes my lil images disappear. 

current user lookup:

Quote

<style>
.bx-viewport {
    height: auto !important;
}
.bx-clone {
    display: none !important;
}
.bx-controls {
    display: none;
}
#userneopets li {
    display: block;
    width: 16% !important;
    margin: 0 2% !important;
}
#userneopets li a img {
    margin: 0 auto;
}
#userneopets li a {
    display: block;
    margin-bottom: -3em;
    margin-top: 1em;
}
ul#bxlist {
    display: block;
    width: 900px !important;
    padding: -3;
}
 {
}
body, div, table, tr, td {
    font: 11px verdana;
}
body {
    background: url("http://media.tenor.com/images/25a84e34e08eb04b924b450c1a23fcc9/tenor.gif") top right fixed repeat;
}
#main {
    border: 0px;
    background: #FFF;
    width: 980px;
    margin-top: 0px;
    padding-bottom: 188px;
}
.user, #nst, .sidebar, #userneohome, hr, .content div a img, .content div b, .brand-mamabar, #pushdown_banner, #ban, #footer, #habitarium, #ncmall, #header {
    display: none;
}
#pic {
    background: transparent url("http://i.imgur.com/D9eTlYS.png") no-repeat bottom center;
    bottom: 0px;
    left: 0px;
    height: 283px;
    width: 100%;
    z-index: 100;
}
#content {
    width: 800px;
    margin-left: 18px;
}
a:link, a:visited {
    color: #5ec833;
}
a:hover {
    color: #f6c0ca;
}
.contentModule div a img, .contentModule div b, #a img, #a b {
    display: inline;
}
.contentModuleContent, .contentModule, .contentModuleTable {
    background: none;
    border: 0px;
}
.contentModuleHeader, .contentModuleHeaderAlt {
    display: none;
}
#userneopets .contentModuleTable {
    background: url("http://www.glittertextonline.com/donez/z5f5167d53a5d0.gif") top center no-repeat;
}
#usertrophies .contentModuleTable {
    background: url("http://www.glittertextonline.com/donez/z5f5167a10eb9f.gif") top center no-repeat;
}
#userinfo .contentModuleTable {
    background: url("http://www.glittertextonline.com/donez/z5f51675605681.gif") top left no-repeat;
}
#userinfo .medText img {
    visibility: hidden;
}
#userinfo .medText table table img {
    visibility: visible;
}
#userinfo .contentModuleContent {
    background: url("http://i.imgur.com/yCgK7yZ.png") top right no-repeat;
}
#usercollections .contentModuleTable {
    background: url("http://www.glittertextonline.com/donez/z5f5168751092d.gif") top center no-repeat;
}
#usershop .contentModuleTable {
    background: url("http://www.glittertextonline.com/donez/z5f5168243a468.gif") top left no-repeat;
}
.contentModuleContent {
    padding-top: 50px;
}
#usershop .medText img {
    margin-top: 45px;
}
#link {
    width: 690px;
    height: 40px;
    color: #FFF;
    margin-right: auto;
    margin-left: auto;
    margin-top: -10px;
}
#link b {
    display: inline;
    color: #000;
}
</style><div id="pic" style="position: fixed;"> </div>
<div id="link">
| <a href="/userlookup.phtml?user=hotfreshsalad">side 1</a> | <a href="/userlookup.phtml?user=saladbarn">side 2</a> | <a href="/userlookup.phtml?user=veganlasagna">side 3</a> | <a href="/userlookup.phtml?user=abideep">side 4</a>  
</div>
<div id="a">

<a href="http://www.neopets.com/~Juiceri"><img src="http://i.imgur.com/rwhotEE.png" height="25"></a>
<a href="http://www.neopets.com/~Stupidinator"><img src="http://i.imgur.com/yOSyt2P.png" height="25"></a>
<a href="http://www.neopets.com/~Greshtina"><img src="http://i.imgur.com/aehasRW.png" height="25"></a>
<a href="http://www.neopets.com/~Guntrad"><img src="http://i.imgur.com/hEGIvBf.png" height="25"></a>

</div>

snippet I found that doesn't work:

Quote

#navigation {position: relative;top: -30px;padding-left: 160px;}td.user.medText , #nst{

display: none;
}

.content div a img, .content div b {

visibility: hidden;

}
#userinfo b, #usercollections b, #usershop b, #userneopets b, #usertrophies b,#userneopets a img {

visibility: visible !important;

}

if anyone can give me some code that will add a nav bar i'd be so grateful! and sorry for being an idiot thanks!!

[Mouseykins]

Try removing this:

.content div a img, .content div b {

visibility: hidden;
}

Also, your backround is a bit much and really hard on the eyes and distracting. Something you may wish to change later on.

[ildacoo]

Didn't work  

Also, my background is awesome  maybe you're not nostalgic for the loud pink glitter gif backgrounds of the early 2000s, but I am and it brings me joy! your page is actually really beautiful and fun, I love the pink and red hearts  

[Mouseykins]

Oh, hmm. I'd have to test it then and see what the trouble is. Something in your code is probably causing the glitch. Can you put the entire thing in here and I can try and test it.

Your background is pretty, however, the flashing animation is the issue I have. It may also be an issue for those that are photosensitive. Just my two bits, but its your lookup and your choice.

Thanks! Took me a while to get that completed, then I had to tweak it when we got more pet slots and after photobucket broke everything lol. I'm glad you like it, I even won lookup of the week for it years back. I do need a new one but I broke my photoshop and haven't had the time to fix it. I'm a graphic and web designer so this is one of the things I have in my portfolio.