I'm having some issues with the coding for my lookup...

**Rebecca~** · August 7, 2012

Lovely TDNers, I am completely stuck. I made my lookup three or four years ago, back when I kind of knew something about coding. But recently, I've noticed something that really, really annoys me. If you look at my lookup, you can see that on the left side of the tables, there is a white gap between the border and the header of each module. On the right side, most of the titles overlap the border.

I have no idea why it's like that. I've been playing with my coding for hours, and I don't see any padding codes going on that would create that white area on the left side. I don't hate the gap, but I would prefer to have the headers flush with the border. I would be happy to stick with that gap if it was even on BOTH sides though. I was able to create a fix for the trophy and neopet modules by saying the body area was smaller than it is. I don't know how to make that work for the stats area, or for the info table I've made at the top.

And most of all, I don't know why it's doing this. :(

Please, lovely, brilliant people, help me. ;__;

(Also, I have a horizotal rule showing up just above my neomail/neofriend/trades/etc buttons, even though it's set to not display. Any idea why?)

<style>
#myflash, #ban, #tbg, #m, #mb, #n, #footer, hr, #nst, .user, #habitarium, #ncmall, .sidebar,
.brand-mamabar, #navigation, #template_nav, #sip #ban_bottom, .slug, .adBox2, .ad_wrapper_fixed {
display: none;
}


#userinfo table table table {
border: 0 !important;
}

body {
background: #FDBE43;
}
#header {
background: url("http://i167.photobucket.com/albums/u157/runtling/Stuff/banner.png") no-repeat;
width: 708px;
height: 430px;
border: none;
}
#main {
width: 708px;
background: #FFFFFF;
border-left: 3px solid #FDE977;
border-right: 3px solid #FDE977;
}
#content, #usertrophies, #userneopets {
border: none;
width: 694px;
background-color: transparant;
}
.contentModuleHeader, .contentModuleHeaderAlt {
background-color: #E4A656;
border: none;
border-bottom: 0px;
letter-spacing: 2px;
font-size: 8pt;
text-align: center;
color: #ffffff;
}
.contentModuleTable, .contentModuleContent, .contentModule {
border: none;
background: transparent;
}
.contentModule img {
border: 0px;
}
.medText, td {
color: #000000;
font-size: 8pt;
font-weight: normal;
font-family: verdana;
}
a:link, a:visited, a:active {
color: #E4A656;
text-decoration: none;
font-size: 8pt;
font-family: verdana;
}
a:hover {
color: #E4A656;
}
b {
color: #FDBE43;
}
</style>
<table cellpadding="0" cellspacing="0" border="0" class="contentModule">
<tr><td class="contentModuleHeaderAlt">Rebecca is... ♥~</td></tr>
<tr><td class="contentModuleContent" align="center" valign="-blocked-">
Twenty-two; a lady; a baker; a believer in the paranormal; a fangirl of Harry Potter,
Star Trek, and Doctor Who; a feminist; a listener of Big Finish audios; a lover of history
and literature; a bit of a dork; a film fanatic; a knitter; Canadian (but wants to be British).
<p>She's been playing Neopets on and off since <b>2001</b>.</p>
<p>The picture in her banner is from the comic <i>Grant Morrison's Doctor Who</i>, issue 1. :D</p>
<p>
<a href="http://www.neopets.com/myaccount.phtml">My Account</a> -|-
<a href="http://www.neopets.com/customise/">Customise</a> -|-
<a href="http://www.neopets.com/games/arcade.phtml">Games</a> -|-
<a href="http://www.neopets.com/explore.phtml">Explore</a> -|-
<a href="http://www.neopets.com/nf.phtml">News</a> -|-
<a href="http://www.neopets.com/petcentral.phtml">Pet Central</a> -|-
<a href="http://www.neopets.com/neoboards/index.phtml">Boards</a> -|-
<a href="http://www.neopets.com/objects.phtml">Shops</a><br></p>
</td></tr>
</table>

Thanks so much in advance! <3

**Zombiiesque** · August 7, 2012

I'm very rusty at coding myself, so I totally relied on guides! Here's a tidbit I found at Worthied, might help with that horizontal rule?

#userinfo table table table {
border: 0 !important;
}

Hopefully someone will be able to help you with the more complicated bits!

**Rebecca~** · August 7, 2012

I'm very rusty at coding myself, so I totally relied on guides! Here's a tidbit I found at Worthied, might help with that horizontal rule?
#userinfo table table table {
border: 0 !important;
}
Hopefully someone will be able to help you with the more complicated bits!

Aha! That did the trick, thank you!

I hope so too~ every time I see that annoying overlapping bit I get annoyed, lol. XD

**Zombiiesque** · August 7, 2012

Yes, I see that would be very annoying - weird not to have it on the one side but it's there on the other! o_O I'm glad that bit helped you though! Have you by chance looked at Izzy's coding tutorial, maybe the values would help since the style is similar to yours?

**Rebecca~** · August 7, 2012

Yes, I see that would be very annoying - weird not to have it on the one side but it's there on the other! o_O I'm glad that bit helped you though! Have you by chance looked at Izzy's coding tutorial, maybe the values would help since the style is similar to yours?

I know, right? I just can't figure it out. :(

I did poke through, but I didn't see anything that looked like it would work. I may check again though- I may have missed something!

**Mouseykins** · August 7, 2012

I took a look at your lookup and it looks great to me. Have you found your problem? If not maybe a screenie would help. I'm quite good with positioning on a UL and I might be able to help.

**Rebecca~** · August 7, 2012

I took a look at your lookup and it looks great to me. Have you found your problem? If not maybe a screenie would help. I'm quite good with positioning on a UL and I might be able to help.

Weird! No, I haven't been able to fix it yet. I tried looking at it on Firefox as well (I use Chrome), and I saw the same problem. I'll make a screenie and post it. :)

EDIT: Here we are.

The top left arrow shows the gap. The top right arrow shows where it's overlapping the border. The bottom arrow shows where i manually created the gap on the right side, by making the width for that module smaller (but 14 pixels, I think).

**Mouseykins** · August 7, 2012

I see what you mean now and I'll take a look at your code on my side account and see what I can do for you.

Ok so I've added a few things you'll need to tinker with until you get the correct values that you want. I've classified your About Me box as #infobox so you can position it. Just adjust the numbers and you should be able to get your lookup the way you want it.

<style>
#myflash, #ban, #tbg, #m, #mb, #n, #footer, hr, #nst, .user, #habitarium, #ncmall, .sidebar,
.brand-mamabar, #navigation, #template_nav, #sip #ban_bottom, .slug, .adBox2, .ad_wrapper_fixed {
display: none;
}
#userinfo table table table {
border: 0 !important;
}
body {
background: #FDBE43;
}
#header {
background: url("http://i167.photobucket.com/albums/u157/runtling/Stuff/banner.png") no-repeat;
width: 708px;
height: 430px;
border: none;
}
#main {
width: 708px;
background: #FFFFFF;
border-left: 3px solid #FDE977;
border-right: 3px solid #FDE977;
}
#content, #usertrophies, #userneopets {
border: none;
width: 694px;
background-color: transparant;
}
.contentModuleHeader, .contentModuleHeaderAlt {
background-color: #E4A656;
border: none;
border-bottom: 0px;
letter-spacing: 2px;
font-size: 8pt;
text-align: center;
color: #ffffff;
}
.contentModuleTable, .contentModuleContent, .contentModule {
border: none;
background: transparent;
}
.contentModule img {
border: 0px;
}
.medText, td {
color: #000000;
font-size: 8pt;
font-weight: normal;
font-family: verdana;
}
a:link, a:visited, a:active {
color: #E4A656;
text-decoration: none;
font-size: 8pt;
font-family: verdana;
}
a:hover {
color: #E4A656;
}
b {
color: #FDBE43;
}
#infobox {
    width: 694px;
margin-top: 0px;
margin-left: -9px;
}
#userinfo {
width: 0px;
margin-top: 0px;
margin-left: 0px;
}
#usercollections {
width: 0px;
margin-top: 0px;
margin-left: 0px;
}
#usershop {
width: 0px;
margin-left: 0px;
margin-top: 0px;
}
</style>
<table cellpadding="0" cellspacing="0" border="0" class="contentModule" id="infobox">
<tr><td class="contentModuleHeaderAlt">Rebecca is... ♥~</td></tr>
<tr><td class="contentModuleContent" align="center" valign="-blocked-">
Twenty-two; a lady; a baker; a believer in the paranormal; a fangirl of Harry Potter,
Star Trek, and Doctor Who; a feminist; a listener of Big Finish audios; a lover of history
and literature; a bit of a dork; a film fanatic; a knitter; Canadian (but wants to be British).
<p>She's been playing Neopets on and off since <b>2001</b>.</p>
<p>The picture in her banner is from the comic <i>Grant Morrison's Doctor Who</i>, issue 1. :D</p>
<p>
<a href="http://www.neopets.com/myaccount.phtml">My Account</a> -|-
<a href="http://www.neopets.com/customise/">Customise</a> -|-
<a href="http://www.neopets.com/games/arcade.phtml">Games</a> -|-
<a href="http://www.neopets.com/explore.phtml">Explore</a> -|-
<a href="http://www.neopets.com/nf.phtml">News</a> -|-
<a href="http://www.neopets.com/petcentral.phtml">Pet Central</a> -|-
<a href="http://www.neopets.com/neoboards/index.phtml">Boards</a> -|-
<a href="http://www.neopets.com/objects.phtml">Shops</a><br></p>
</td></tr>
</table>

If you need additional help let me know. Your infobox I kind of tinkered with but you'll probably have to adjust it some more to get it how you want it.

**Rebecca~** · August 7, 2012

I see what you mean now and I'll take a look at your code on my side account and see what I can do for you.

Ok so I've added a few things you'll need to tinker with until you get the correct values that you want. I've classified your About Me box as #infobox so you can position it. Just adjust the numbers and you should be able to get your lookup the way you want it.

<style>
#myflash, #ban, #tbg, #m, #mb, #n, #footer, hr, #nst, .user, #habitarium, #ncmall, .sidebar,
.brand-mamabar, #navigation, #template_nav, #sip #ban_bottom, .slug, .adBox2, .ad_wrapper_fixed {
display: none;
}
#userinfo table table table {
border: 0 !important;
}
body {
background: #FDBE43;
}
#header {
background: url("http://i167.photobucket.com/albums/u157/runtling/Stuff/banner.png") no-repeat;
width: 708px;
height: 430px;
border: none;
}
#main {
width: 708px;
background: #FFFFFF;
border-left: 3px solid #FDE977;
border-right: 3px solid #FDE977;
}
#content, #usertrophies, #userneopets {
border: none;
width: 694px;
background-color: transparant;
}
.contentModuleHeader, .contentModuleHeaderAlt {
background-color: #E4A656;
border: none;
border-bottom: 0px;
letter-spacing: 2px;
font-size: 8pt;
text-align: center;
color: #ffffff;
}
.contentModuleTable, .contentModuleContent, .contentModule {
border: none;
background: transparent;
}
.contentModule img {
border: 0px;
}
.medText, td {
color: #000000;
font-size: 8pt;
font-weight: normal;
font-family: verdana;
}
a:link, a:visited, a:active {
color: #E4A656;
text-decoration: none;
font-size: 8pt;
font-family: verdana;
}
a:hover {
color: #E4A656;
}
b {
color: #FDBE43;
}
#infobox {
	width: 694px;
margin-top: 0px;
margin-left: -9px;
}
#userinfo {
width: 0px;
margin-top: 0px;
margin-left: 0px;
}
#usercollections {
width: 0px;
margin-top: 0px;
margin-left: 0px;
}
#usershop {
width: 0px;
margin-left: 0px;
margin-top: 0px;
}
</style>
<table cellpadding="0" cellspacing="0" border="0" class="contentModule" id="infobox">
<tr><td class="contentModuleHeaderAlt">Rebecca is... ♥~</td></tr>
<tr><td class="contentModuleContent" align="center" valign="-blocked-">
Twenty-two; a lady; a baker; a believer in the paranormal; a fangirl of Harry Potter,
Star Trek, and Doctor Who; a feminist; a listener of Big Finish audios; a lover of history
and literature; a bit of a dork; a film fanatic; a knitter; Canadian (but wants to be British).
<p>She's been playing Neopets on and off since <b>2001</b>.</p>
<p>The picture in her banner is from the comic <i>Grant Morrison's Doctor Who</i>, issue 1. :D</p>
<p>
<a href="http://www.neopets.com/myaccount.phtml">My Account</a> -|-
<a href="http://www.neopets.com/customise/">Customise</a> -|-
<a href="http://www.neopets.com/games/arcade.phtml">Games</a> -|-
<a href="http://www.neopets.com/explore.phtml">Explore</a> -|-
<a href="http://www.neopets.com/nf.phtml">News</a> -|-
<a href="http://www.neopets.com/petcentral.phtml">Pet Central</a> -|-
<a href="http://www.neopets.com/neoboards/index.phtml">Boards</a> -|-
<a href="http://www.neopets.com/objects.phtml">Shops</a><br></p>
</td></tr>
</table>

If you need additional help let me know. Your infobox I kind of tinkered with but you'll probably have to adjust it some more to get it how you want it.

Thank you so much! I'll give that a go now. :D

EDIT: I got it just the way I wanted it! Thank you SO MUCH for your help! Would you like to be credited? :)

**Mouseykins** · August 8, 2012

No that's fine you don't have to credit me but you can if you wish. I'm glad I was able to help and let me know if any of your other modules get misaligned and I'll give you the module names so you can do the same thing.

**Rebecca~** · August 8, 2012

No that's fine you don't have to credit me but you can if you wish. I'm glad I was able to help and let me know if any of your other modules get misaligned and I'll give you the module names so you can do the same thing.

You are super awesome. :D Thank you so much for all of your help!

Sign In

I'm having some issues with the coding for my lookup...

Recommended Posts

Rebecca~

Link to comment

Share on other sites

Zombiiesque

Link to comment

Share on other sites

Rebecca~

Link to comment

Share on other sites

Zombiiesque

Link to comment

Share on other sites

Rebecca~

Link to comment

Share on other sites

Mouseykins

Link to comment

Share on other sites

Rebecca~

Link to comment

Share on other sites

Mouseykins

Link to comment

Share on other sites

Rebecca~

Link to comment

Share on other sites

Mouseykins

Link to comment

Share on other sites

Rebecca~

Link to comment

Share on other sites

Join the conversation

Browse

Activity

TDN