Quick question about coding help

llanita · December 19, 2008

My first time here, so hullo :laughingsmiley:

Are we allowed to ask for help with coding problems here? If not, does anyone know where I can go to get specific help for it? I am having a really hard time doing something with my userlookup and can't figure out why I can't do it. I've tried various tutorials including googling and still nothing.

Thanks very much

**Xepha** · December 19, 2008

Sure you can ask about coding problems here

A common one... in order to have things working on Neopets, you need to replace <style> </style> with <style > and </style > (notice the extra space).

llanita · December 19, 2008

Sure you can ask about coding problems here

A common one... in order to have things working on Neopets, you need to replace <style> </style> with <style > and </style > (notice the extra space).

Thanks so much for the quick response :laughingsmiley:

I changed the style code to the new method already. It's just that I have an image inside a table that I want to link and for some reason, it won't let me. The image disappears when I do that, and the link doesn't even show up.

I know how to link images but the usual method just isn't working.

**Xepha** · December 19, 2008

Alright, may I see the code please ? :P

Hopefuly, I can see what's wrong with it.

llanita · December 20, 2008

I expect the coding is quite a mess considering I don't know that much, I've mostly looked at tutorials, which is why I can't figure out why the image won't link

<style />

.content div a img, .content div b {
  display: none;
}

.contentModule div a img, .contentModule div b {
  display: inline;
}

#main {
border: 1px solid;
background-color: #077ea8;
}
#header {
background: url(http://spritefae.com/layouts/newheader.jpg);
width: 1000px;
height: 77px;
}
#userinfo table{
 border-top:0px !important
} 
hr {
display:none
}
#footer{
display:none
}
body {
background: #067ea8 URL('http://spritefae.com/layouts/newbkg.jpg') repeat;
}
body, font, td, p, .medText{
font: 10px verdana;
color: #56717c;
}

.contentModuleHeader, .contentModuleHeaderAlt  {
 background: url(http://spritefae.com/layouts/newban.jpg);
 font: 12px verdana;
 font-weight: bold;
 color: #30d7fb;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: 5px;
 background-color:#30d7fb;
 padding: 5px;
 border-top: 2px solid #067EA8;
 border-bottom: 2px dotted #067ea8;
}

.contentModuleHeaderAlt {
  font: 12px century gothic;
  letter-spacing: 1px;
}

.contentModuleContent {
  background-color: #08b5f4;  

}
#content {
   background-color:#067ea8;
}
.contentModuleTable {
   border: 1px solid;
   background-color: #08b5f4;

}
.contentModule {
   border: 1px;
   background-color: #08b5f4;

}
#scrollbox {
  position: absolute;
  top: 140px;
  left: 875px;
  width: 230px;
  height: 100px;
  overflow: auto;
  font: 12px century gothic;
  color: #56717c;
  background-color: #08b5f4;
}
</style />
<style />
#userinfo td.medText img {
	 visibility:hidden
}
#userinfo td.medText a img {
	visibility:visible
}
#userinfo .contentModuleContent {
   background:url(http://spritefae.com/images/shield8yrs.gif) no-repeat top right;background-
   color: #08b5f4
}
</style />
<div id="scrollbox">Hi and Welcome.<br>
I've been a Neopian for 8 years now and it's changed a lot. When I first joined, I thought it was for children only so I didn't expect to continue being a member for long, so I didn't bother giving my Neopets 'good' names. After all this time, though, I don't mind their names, I've had 3 of my pets since day one, with Crailliath, the drake, being the newest member of the family. I love my Neopets!<p>
</div>
<TABLE BORDER="0" WIDTH="1000px" height="400px">
 <TR>
  <TD WIDTH="716px">
<TABLE BORDER="0" WIDTH="0" bgcolor="#08B5F4" cellpadding="0" cellspacing="0">
 <TR>
  <TD>
   <img border="0" src="//images.weserv.nl/?url=http://spritefae.com/layouts/redhead.jpg" width="716px" height="400px"></TD>
 </TR>
</TABLE>
  </TD>
  <TD WIDTH="284px">
<TABLE BORDER="0" height="0" bgcolor="#08B5F4" cellpadding="0" cellspacing="0">
 <TR>
  <TD WIDTH="250px" align="center" height="400px">
 <img border="0" src="//images.weserv.nl/?url=http://spritefae.com/images/cra_ani.gif" width="100" height="100"><br>If you want custom shields, glitter names or images, you can go to craillath's petpage. 
  </TD>
 </TR>
</TABLE>
  </TD>
 </TR>
</TABLE>
</div></table>

**Xepha** · December 20, 2008

Add this to your css

#xepha a img, #xepha b {display: inline;}

then I believe you want to use it in your table, so wrap your image in div tags like this

<div id="xepha"><a href="http://neopets.com"><img border="0" src="//images.weserv.nl/?url=http://spritefae.com/images/cra_ani.gif" width="100" height="100"></a><br>If you want custom shields, glitter names or images, you can go to craillath's petpage. </div>

The div in which you wrote some welcome and about text is messed up because you are using position:absolute. It would work better with position:relative (and the messing with properties)

I would also probably make the header more visible, but that's just me :)

llanita · December 20, 2008

Add this to your css
#xepha a img, #xepha b {display: inline;}
then I believe you want to use it in your table, so wrap your image in div tags like this
<div id="xepha"><a href="http://neopets.com"><img border="0" src="//images.weserv.nl/?url=http://spritefae.com/images/cra_ani.gif" width="100" height="100"></a><br>If you want custom shields, glitter names or images, you can go to craillath's petpage. </div>
The div in which you wrote some welcome and about text is messed up because you are using position:absolute. It would work better with position:relative (and the messing with properties)

I would also probably make the header more visible, but that's just me :)

Ok, I'll try that, thank you so much, I really appreciate it

**Xepha** · December 20, 2008

You are welcome ;D

Let me know if it worked too!

llanita · December 20, 2008

Ok I added the new codes, and it worked like a charm, however, now there is a huge gap between the header and the table and I don't know how to fix that.

Please help me finish this then my UL will be fine.

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

Do not double post.

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

**Xepha** · December 22, 2008

.contentModuleContent {
background-color: #08b5f4;

margin-top:-200px;

}

This should work...

sorry I didn't have time to look yesterday.

llanita · December 29, 2008

This should work...
sorry I didn't have time to look yesterday.

I'm sorry I double-posted, and also for taking so long to respond, but I was away.

I tried the code you gave me, and nothing happened, I also tried changing the number several times and still nothing.

**ChaoticFission** · December 29, 2008

.contentModuleContent is a table cell. margin manipulations will not affect it.

the only thing you can do with cells is pad them.

llanita · December 29, 2008

Ok, I tried padding the table cells and it didn't do anything about the big space at the top. I am truly stumped with this.

**ChaoticFission** · December 30, 2008

padding does not decrease spacing--it does the opposite... i was just saying that the only thing you can do to table cells is pad them.

**Xepha** · December 30, 2008

That's the best I can have it. I really dislike to work with tables... I'm used to div and position relative. :P

<style />

.content div a img, .content div b {
  display: none;
}

.contentModule div a img, .contentModule div b {
  display: inline;
}

#main {
border: 1px solid;
background-color: #077ea8;
}
#header {
background: url(http://spritefae.com/layouts/newheader.jpg);
width: 1000px;
height: 77px;
}
#userinfo table{
 border-top:0px !important
} 
hr {
display:none
}
#footer{
display:none
}
body {
background: #067ea8 URL('http://spritefae.com/layouts/newbkg.jpg') repeat;
}
body, font, td, p, .medText{
font: 10px verdana;
color: #56717c;
}

.contentModuleHeader, .contentModuleHeaderAlt  {
 background: url(http://spritefae.com/layouts/newban.jpg);
 font: 12px verdana;
 font-weight: bold;
 color: #30d7fb;
 text-align: center;
 text-transform: uppercase;
 letter-spacing: 5px;
 background-color:#30d7fb;
 padding: 5px;
 border-top: 2px solid #067EA8;
 border-bottom: 2px dotted #067ea8;
}

.contentModuleHeaderAlt {
  font: 12px century gothic;
  letter-spacing: 1px;
}

.contentModuleContent {
background-color: #08b5f4; 

}

#content {
   background-color:#067ea8;
}
.contentModuleTable {
   border: 1px solid;
   background-color: #08b5f4;

}
.contentModule {
   border: 1px;
   background-color: #08b5f4;

}

#userinfo td.medText img {
	 visibility:hidden
}
#userinfo td.medText a img {
	visibility:visible
}
#userinfo .contentModuleContent {
   background:url(http://spritefae.com/images/shield8yrs.gif) no-repeat top right;background-
   color: #08b5f4
}

#xepha a img, #xepha b {display: inline;}


</style />


<TABLE BORDER="0" WIDTH="1000px" height="400px">
 <TR>
  <TD WIDTH="716px">
<TABLE BORDER="0" WIDTH="0" bgcolor="#08B5F4" cellpadding="0" cellspacing="0">
 <TR>
  <TD>
   <img border="0" src="//images.weserv.nl/?url=http://spritefae.com/layouts/redhead.jpg" width="716px" height="400px"></TD>
 </TR>
</TABLE>
  </TD>
  <TD WIDTH="284px">
<TABLE BORDER="0" height="0" bgcolor="#08B5F4" cellpadding="0" cellspacing="0">
 <TR>
  <TD WIDTH="250px" align="center" height="400px">
 <div id="xepha" overflow="auto">Hi and Welcome.<br>
I've been a Neopian for 8 years now and it's changed a lot. When I first joined, I thought it was for children only so I didn't expect to continue being a member for long, so I didn't bother giving my Neopets 'good' names. After all this time, though, I don't mind their names, I've had 3 of my pets since day one, with Crailliath, the drake, being the newest member of the family. I love my Neopets!<p><a href="http://neopets.com"><img border="0" src="//images.weserv.nl/?url=http://spritefae.com/images/cra_ani.gif" width="100" height="100"></a><br>If you want custom shields, glitter names or images, you can go to craillath's petpage. </div>
  </TD>
 </TR>
</TABLE>
  </TD>
 </TR>
</TABLE>
</div></table>

**jun** · December 30, 2008

wow Xepha, your pretty good at this ^^

(Ah! If only i was better at coding.. or begging for someone to do it for me)

But from what i do know, tables can fail sometimes on set codes. Why in fact

i was originally using a table on my layout for my faerie quest counter, and it proved

to have failed me by not working with this Layout.. I found it easier to get rid of it

as well, saved a LOT of text space by doing so.

**ChaoticFission** · December 30, 2008

yes, i have to agree with xepha. table layouts are a thing of the past. they can no longer be used to efficiently lay out the page.

*css power.... AWAY!!!*

llanita · December 31, 2008

Thank you so very much, xepha, I really appreciate your help.

Quick question about coding help

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Join the conversation