Userlookup Help?

[.Brianna.]

I know enough code to barely scrape by if I want to change a color etc. (learning more is on my to do list) but I tend to use premade lookups. I've found one that I really like, but the spacing is off when I have 5 pets instead of 4 leaving one pet cut off and hidden behind the end of the table(I think?). I'm not sure if this has to do with browser settings but I think it is a code issue. Any suggestions?

 

<style>

#content {

padding-left: 57px;

padding-top: 0px;

width: 768px;

margin-left: 0px;

margin-top: -132px;

overflow: hidden;

}

#content img {

padding: 1px;

background: #ffffff;

border: 1px solid #ffe7ff;

}

.mbn, #header table, #habitarium, #ncmall, #footer, hr, #userneohome, #ban, .brand-mamabar {

display: none;

}

.content div a img, .content div b {

visibility: hidden;

}

.contentModule div a img, .contentModule div b, #about b, #about a img {

visibility: visible;

}

#main {

background: url("http://i.imgur.com/C39lKt8.jpg") repeat-x;

border: none;

width: 150%;

margin-left: 0px;

margin-top: 0px;

}

#userinfo table {

border-top: 0px !important;

}

.contentModuleContent, .contentModule, .contentModuleTable {

background: none;

border: none;

}

#main, #content, .medText, td, #nst, .sf {

color: #6D6D6D;

font: 7.5pt "verdana";

line-height: 15px;

}

a:link, a b, a:visited {

font-weight: bold;

color: #f076ef;

text-transform: lowercase;

}

a:hover b, a:hover {

color: #f99ef8;

}

b {

font: 6.5pt verdana;

text-transform: uppercase;

font-weight: bold;

color: #b59ce2;

}

.contentModuleHeader, .contentModuleHeaderAlt {

font: 7pt verdana;

font-weight: bold;

text-transform: uppercase;

color: #ffffff;

text-align: center;

letter-spacing: 4px;

padding-left: 15px;

background: #decced;

border-bottom: 2px solid #bca6e2;

border-top: 2px solid #ef9ff3;

}

h1 {

font: 7.5pt "verdana";

color: #ffffff;

padding-left: 6px;

letter-spacing: 2px;

background: #e8b4f0;

margin: 3px 0px 2px 0px;

text-transform: uppercase;

text-align: left;

}

#header {

background: url("http://i.imgur.com/xvKflBi.jpg") no-repeat;

width: 973px;

height: 589px;

border: none;

}

body {

background: url("http://i.imgur.com/RbtpWtN.jpg") repeat-y #ffe7ff;

}

#userinfo {

width: 330px;

}

#usercollections {

width: 232px;

}

#usershop {

width: 217px;

}

#userneopets, #usertrophies {

width: 761px;

}

#usertrophies img {

width: 50px;

height: 50px;

}

#userneopets img {

border: 10px solid #e4d7ee;

}

#usertrophies b {

font-weight: normal;

font: 7pt verdana;

}

#usertrophies {

font: 7pt verdana;

}

#nav {

left: 55px;

top: 0px;

text-align: left;

z-index: 2;

}

#nav a:link, #nav a:visited {

font: 45pt georgia;

font-weight: bold;

color: #e3baf0;

display: block;

float: left;

margin-right: 3px;

border-left: 1px solid #daaae5;

border-right: 1px solid #daaae5;

width: 26px;

height: 72px;

overflow: hidden;

}

#nav a:hover {

color: #FFFFFF;

background: #ba81cc;

}

#about {

left: 62px;

top: 88px;

width: 260px;

height: 397px;

overflow: auto;

text-align: justify;

}

</style>

<div id="nav" style="position: absolute;">

<a href="/myaccount.phtml">1</a>

<a href="/customise/">2</a>

<a href="/games/arcade.phtml">3</a>

<a href="/explore.phtml">4</a>

<a href="/nf.phtml">5</a>

<a href="/petcentral.phtml">6</a>

<a href="/neoboards/index.phtml">7</a>

<a href="/objects.phtml">8</a>

<a href="/mall/index.phtml">9</a>

</div>

<div id="about" style="position: absolute;">

<h1>About Me</h1>

I'm a collector. I finished up the secret lab map and the petpet lab map, now I'm moving on to other things like my dream pets, avatars, and stamp collections. Neomail me with any tips or tricks. Friend requests welcome :)

<br><br><h1>My Avatars</h1>

Current Avatar: <br><img src="https://images.neopets.com/neoboards/avatars/queenfyora.gif"><br><br>

Most Recent Avatar:<br><img src="https://images.neopets.com/neoboards/avatars/cocojubjub.gif"><br><br>

Most Wanted Avatar: <br><img src="https://images.neopets.com/neoboards/avatars/kadoatery.gif"><p><br>

Userlookup made by <a href="/userlookup.phtml?user=nienkju">Nienke</a></p>

</div>

 

 

 

[Saxen]

width: 768px;

 

^ I'd play around with this part at the beginning and increase the width

 

I'm not a great coder, I just mess around with premades and stuff. That's what I'd do though, hopefully it helps!

[Xepha]

A good resource page to bookmark : http://www.neopets.com/~Kaikuto

#userneopets img {
	width: 70px;
	height: 70px;
}

If that's not already part of the code, then add it in the style section and play with the value to get what you need.

[.Brianna.]

All better!!! Thanks so much! And thanks for the additional resource - I'm sure it will come in handy in the future.