user lookup coding help

[linder_angel]

I made a layout for my lookup a week ago and it was fine. Until I won more trophies and they don't fit in the trophy section. I decreased the width, but there was no change. I don't know what else to do.

User lookup: http://www.neopets.com/userlookup.phtml?user=linder_angel

Here is the code:

<style />

#main {position:absolute;left:0px; top: 0px; width:100%; height: 2100px;

 

background-color:

 

#000000;}

 

#header {position: absolute; left:0px; top:00px; width:1003px;

 

height:2100px; border:none;

 

background: url("http://img194.imageshack.us/img194/6315/userlookup.jpg")}

 

#footer {display:none;}

 

#navigation {display:none}

 

#nst {display:none}

.user {display:none}

.eventIcon {display:none}

body, td, font, p, a{font: 12px verdana; color:#889aa1;}

.contentModule, .contentModuleTable, .contentModuleContent{border:none}

.contentModuleTable, #img, #abt {position:absolute;}

.contentModuleHeaderAlt, .contentModuleHeader {display:none}

 

#userneohome .contentModuleTable

{position: absolute;left:765px;top:1310px;

width:200px;height:50px;overflow:auto;}

 

#userinfo .contentModuleTable {position: absolute;left:660px;top:70px;

width:305px;height:251px;}

 

#usercollections .contentModuleTable {position:

absolute;left:690px;top:440px; width:244px;height:293px;}

 

#usershop .contentModuleTable {position: absolute;left:768px;top:880px;

width:195px;height:293px;}

 

#userneopets .contentModuleTable {position: absolute;left:45px;top:885px;

 

width:645px;height:844px;

text-align:center;}

 

#usertrophies .contentModuleTable {position: absolute;

left:30px;top:1220px; width:690px;height:850px;}

 

#usershop img{width:120px;height:120px;}

.contentModuleContent{background:none;}

b{color:#fcff00; font-size:9pt}

body,td,div,a,p{font: 14px verdana; color: #cccccc;}

a:hover b, a:hover{color:#ff6800;}

 

#Lin

{position:absolute;top:630px;left:40px;width:160px;height:210px;text-

align:center;overflow:auto;}

 

#info {position:

absolute;top:530px;left:275px;width:350px;height:250px;text-

align:center;overflow:auto;}

</style /></i>

 

<div id="info" >

Welcome!

<br >

<br>Ok alittle about me. Well I have 3 cats...Chloe, Tidus and

Molly. They can be a handful at times, but I love them to death. They love

making a mess and losing their toys. Someday I'm hoping to get a Siberian Husky, Basset Hound and an English Cocker Spaniel. I love animals and videos games. I started playing neopets a few years ago and then I took a break. I also love spending time with the people I love. If you want to know anything else...just ask. I might answer. Oh and I made this layout. Cool...huh?<p> Don't forget to check out my shop. Who knows you might find something you like.</p>

</div >

<div id="Lin">

<a href="/myaccount.phtml" class="nav"><b>My Account</a><br>

<a href="/petcentral.phtml" class="nav"><b>Pet Central</a><br>

<a href="/explore.phtml" class="nav"><b>Explore</a><br>

<a href="/gameroom.phtml" class="nav"><b>Games</a><br>

<a href="/neoboards/index.phtml" class="nav"><b>Boards</a><br>

<a href="/objects.phtml" class="nav"><b>Shops</a><br>

<a href="/nf.phtml" class="nav"><b>News</a><br>

<a href="video/index.phtml" class="nav"><b>Video</a><br>

<a href="http://ncmall.neopets.com/mall/shop.phtml" class="nav"><b>NC

Mall</a><br />

<br />

</div>

[hrtbrk]

Try to decrease it more? Otherwise I think you'd have to make your background image larger.

[Xepha]

#usertrophies img { width:60px; height:60px; }
#usertrophies .trophy_cell b { font-weight:normal; }
#usertrophies .medText { height:auto !important; }

 

You can add that to your css. Making the size for trophies image the way you want.

Another solution... add the following code to #usertrophies .contentModuleTable {

 

overflow: auto;

[linder_angel]

Thanks for the all the help. I still can't get it to fit right though. I decided I'm going to change the layout around a bit. I made the trophy section bigger and moved the links to the top and my neohome up by my shop. I have the layout done, so now I'm changing the code around. Hopefully it works.

 

has anyone tried to make a drop down menu? I'm trying to change the color of the links, but they are staying black. Here is my code:

 

#nst {display:none}

.user {display:none}

.eventIcon {display:none}

body, td, font, p; a{font: 12px Arial; color:#fcff00;}

.contentModule, .contentModuleTable, .contentModuleContent{border:none}

.contentModuleTable, #img, #abt {position:absolute;}

.contentModuleHeaderAlt, .contentModuleHeader {display:none}

ul.dropdown {border: 0px solid #000000; background-color:#000000;

 

filter:alpha (opacity=70);}

li:hover ul.dropdown a, li.over ul.dropdown a {color: #fcff00;}

li:hover ul.dropdown a:hover, li:hover ul.dropdown a:active, li.over

 

ul.dropdown a:hover, li.over ul.dropdown a:active {color: #ff6800;}

ul.dropdown {opacity:0.9; filter:alpha(opacity=70)}

 

The links should be yellow.

 

This post has been edited by a member of staff (Stephanie~) because of a violation of the forum rules.

Do not double post. Use the edit button instead.

Please check your user inbox to see if you have been contacted regarding this incident, then review our rules.