/    Sign up×
Community /Pin to ProfileBookmark

my background won’t show

I’m trying to code a neopet guild layout for my little cousin erik.
The only problem is the background in the two text boxes won’t load on the site. I currently have the background in a table which is positioned with a div, I have the background in the table but I’m guessing it need to be in the div, but every time I try doing the css backgrounds in the div it doesn’t work.

This is my code can any one tell me how to get the backgrounds to work in the divs or another solution to this problem.

[CODE]<STYLE TYPE=”text/css”>
BODY {background-image: url(‘http://img283.echo.cx/img283/9949/background1ex.png’);
background-attachment: fixed}
</STYLE>

<IMG SRC=”http://img283.echo.cx/img283/6922/top0nn.png” style=”position: absolute; left: 132; top: 0″ border=”0″ width=”638″ height=”178″>

<DIV style=”position: absolute; top:178px; left:323px; width:280px; height:200px”>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”280″ id=”AutoNumber1″>
<tr>
<td background=”http://img273.echo.cx/img273/4448/menlbackground6ln.png”>
<b><font color=”#00FF00″> News and Updates<br>
</font><font color=”#FFFFFF”>Having problems with the text box<br>
backgrounds.</font></b></td>
</tr>
<tr>
<td>
<img src=”http://img273.echo.cx/img273/402/menulbottom6vg.png” width=”280″ height=”10″></td>
</tr>
</table>
</DIV>

<DIV style=”position: absolute; top:178; left:608; width:148; height:700″>
<table border=”0″ cellpadding=”0″ cellspacing=”0″ style=”border-collapse: collapse” bordercolor=”#111111″ width=”148″ id=”AutoNumber1″>
<tr>
<td background=”http://img280.echo.cx/img280/9751/menusbackground2wg.png”>
<b><font color=”#00FF00″> Hierarchy</font><br>
<font color=”#FFFFFF”> Prospect<br>
Royal Guard<br>
Dynasty Warrior<br>
Noble<br>
Sage</font><br>
<br>
<font color=”#00FF00″> Links</font></b></td>
</tr>
<tr>
<td>
<img src=”http://img280.echo.cx/img280/520/menusbottom5oz.png” width=”148″ height=”11″></td>
</tr>
</table>
</DIV>[/CODE]

to post a comment
CSS

4 Comments(s)

Copy linkTweet thisAlerts:
@FangJun 01.2005 — You don't need the divs; place the div styles in the table style.

Property values in styles nearly always require units:

style="position: absolute; top:178[COLOR=Green]px[/COLOR]; left:608[COLOR=Green]px[/COLOR]; width:148[COLOR=Green]px[/COLOR]; height:700[COLOR=Green]px[/COLOR]">
Copy linkTweet thisAlerts:
@grdauthorJun 01.2005 — I don't understand, "table style"

could you please give an example so I could learn from that?

thank you for helping
Copy linkTweet thisAlerts:
@FangJun 01.2005 — &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd"&gt;
&lt;html lang="en"&gt;
&lt;head&gt;
&lt;title&gt;layout&lt;/title&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;

&lt;style type="text/css"&gt;
&lt;!--
body {background-image: url('http://img283.echo.cx/img283/9949/background1ex.png');
background-attachment: fixed}
--&gt;
&lt;/style&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;IMG SRC="http://img283.echo.cx/img283/6922/top0nn.png" style="position: absolute; left: 132px; top: 0" border="0" width="638" height="178"&gt;

&lt;table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top:178px; left:323px; width:280px; height:200pxborder-collapse: collapse" bordercolor="#111111" width="280" id="AutoNumber1"&gt;
&lt;tr&gt;
&lt;td background="http://img273.echo.cx/img273/4448/menlbackground6ln.png"&gt;
&lt;b&gt;&lt;font color="#00FF00"&gt; News and Updates&lt;br&gt;
&lt;/font&gt;&lt;font color="#FFFFFF"&gt;Having problems with the text box&lt;br&gt;
backgrounds.&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;img src="http://img273.echo.cx/img273/402/menulbottom6vg.png" width="280" height="10"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;

&lt;table border="0" cellpadding="0" cellspacing="0" style="position: absolute; top:178px; left:608px; width:148px; height:700pxborder-collapse: collapse" bordercolor="#111111" width="148" id="AutoNumber1"&gt;
&lt;tr&gt;
&lt;td background="http://img280.echo.cx/img280/9751/menusbackground2wg.png"&gt;
&lt;b&gt;&lt;font color="#00FF00"&gt; Hierarchy&lt;/font&gt;&lt;br&gt;
&lt;font color="#FFFFFF"&gt; Prospect&lt;br&gt;
Royal Guard&lt;br&gt;
Dynasty Warrior&lt;br&gt;
Noble&lt;br&gt;
Sage&lt;/font&gt;&lt;br&gt;
&lt;br&gt;
&lt;font color="#00FF00"&gt; Links&lt;/font&gt;&lt;/b&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;tr&gt;
&lt;td&gt;
&lt;img src="http://img280.echo.cx/img280/520/menusbottom5oz.png" width="148" height="11"&gt;&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
&lt;/body&gt;
&lt;/html&gt;
Copy linkTweet thisAlerts:
@grdauthorJun 01.2005 — nay, cut..

it won't show on neopets, grrrrrrr...

I'll guess I'll have to try something else, thanks for helping.


--------------------------------------------------------------------------

I think it must be neopets that won't let it work, so I've turned the background to an image and stretched it, and I used divs to place the text into position
×

Success!

Help @grd spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.2,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,
)...