user lookup help

[emilia99xo]

my user look up theme is from the daily neopets look ups and i'd like to tweak stuff to correct them but i really cant do it as i'm not great at html/css,
the navigation is a bit messed up when you hover over 'account' 'games' etc, it appears in a different place or slightly off course instead of appearing as a normal drop down. this problem is on all of my pet descriptions apart from one and i can't figure it out lmao.

i tried to fix the bottom of the page where the trophy cage is, because i want the neohome and the nc mall album etc back there, i managed to do it but the footer of the page was all messed up and it just wasn't right lmao

the whole html is here;
<style>
.TDN {
}
body, div, table, tr, td {
font: 11px verdana;
}
body {
background: #f7ecfd url("http://graphics.thedailyneopets.com/img/ul/p/onacloud/pg-bkgd.jpg");
text-align: center;
}
#main {
margin-top: 0px;
border: 0px;
background: #f7ecfd url("http://graphics.thedailyneopets.com/img/ul/p/onacloud/mn-bkgd.jpg")top center repeat-y;
width: 920px;
text-align: left;
}
#footer, .user, #nst, .sidebar, #userneohome, hr, .content div a img, .content div b, .brand-mamabar, #pushdown_banner, #ban, #habitarium, #ncmall {
display: none;
}
#header {
background: transparent url("http://graphics.thedailyneopets.com/img/ul/p/onacloud/header.jpg")top center no-repeat;
height: 650px;
width: 920px;
border: 0px none;
}
#content {
width: 880px;
margin-top: -595px;
margin-left: 20px;
text-align: left;
}
a:link, a:visited {
color: #d2a6f1;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
.contentModule div a img, .contentModule div b, #a img, #a b {
display: inline;
}
.contentModuleContent, .contentModule, .contentModuleTable {
background: none;
border: 0px;
}
.contentModuleHeader, .contentModuleHeaderAlt {
background: transparent;
font-weight: bold;
text-align: center;
font: 22px georgia;
color: #d2a6f1;
letter-spacing: 2px;
}
#template_nav {
;
margin-top: -50px;
}
#navigation {
width: 850px;
}
#navigation img {
visibility: hidden;
margin-right: 17px;
}
ul.dropdown {
border: 1px solid #e2c0fa;
background: #f7ecfd url("http://graphics.thedailyneopets.com/img/ul/p/onacloud/pg-bkgd.jpg");
}
.dropdown li a {
color: #d2a6f1 !important;
}
.dropdown li a:hover {
text-decoration: none;
color: #000000 !important;
}
#a {
text-align: center;
}
#fill {
height: 95px;
}
</style><table height="480"><tr valign="top"><td width="470"> </td>
<td width="430"><div id="a">
 
 
 
 
</div></td>
</tr></table><div id="fill"> </div>

This topic has been edited by a member of staff (Spritzie).
This topic was posted in the wrong area.
Please check your user inbox to see if you have been contacted regarding this topic.
Per the reason above, this topic has been MOVED from 'Neopets Help' to 'Computers & Programming'.

[Mouseykins]

This is one of the reasons why I don't code with the dropdowns. They can be a pain to customize. I can take a look later either tomorrow or Friday and do some tweaking. :)

[emilia99xo]

sweet thanks. :)
 
This post has been edited by a member of staff (Spritzie) because of a violation of the forum rules.
Please keep your posts at 7 words or above.
Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.