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.
<STYLE TYPE="text/css">
BODY {background-image: url('http://img283.echo.cx/img283/9949/background1ex.png');
background-attachment: fixed}
</STYLE>
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"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://www.webdeveloper.com/forum/archive/index.php/"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://www.webdeveloper.com/forum/archive/index.php/"http://img280.echo.cx/img280/520/menusbottom5oz.png" width="148" height="11"></td>
</tr>
</table>
</DIV>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:178px; left:608px; width:148px; height:700px">I don't understand, "table style"
could you please give an example so I could learn from that?
thank you for helping<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {background-image: url('http://img283.echo.cx/img283/9949/background1ex.png');
background-attachment: fixed}
-->
</style>
</head>
<body>
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"http://img283.echo.cx/img283/6922/top0nn.png" style="position: absolute; left: 132px; top: 0" border="0" width="638" height="178">
<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">
<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://www.webdeveloper.com/forum/archive/index.php/"http://img273.echo.cx/img273/402/menulbottom6vg.png" width="280" height="10"></td>
</tr>
</table>
<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">
<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://www.webdeveloper.com/forum/archive/index.php/"http://img280.echo.cx/img280/520/menusbottom5oz.png" width="148" height="11"></td>
</tr>
</table>
</body>
</html>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
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.
<STYLE TYPE="text/css">
BODY {background-image: url('http://img283.echo.cx/img283/9949/background1ex.png');
background-attachment: fixed}
</STYLE>
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"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://www.webdeveloper.com/forum/archive/index.php/"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://www.webdeveloper.com/forum/archive/index.php/"http://img280.echo.cx/img280/520/menusbottom5oz.png" width="148" height="11"></td>
</tr>
</table>
</DIV>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:178px; left:608px; width:148px; height:700px">I don't understand, "table style"
could you please give an example so I could learn from that?
thank you for helping<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<title>layout</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
<!--
body {background-image: url('http://img283.echo.cx/img283/9949/background1ex.png');
background-attachment: fixed}
-->
</style>
</head>
<body>
<IMG SRC=http://www.webdeveloper.com/forum/archive/index.php/"http://img283.echo.cx/img283/6922/top0nn.png" style="position: absolute; left: 132px; top: 0" border="0" width="638" height="178">
<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">
<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://www.webdeveloper.com/forum/archive/index.php/"http://img273.echo.cx/img273/402/menulbottom6vg.png" width="280" height="10"></td>
</tr>
</table>
<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">
<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://www.webdeveloper.com/forum/archive/index.php/"http://img280.echo.cx/img280/520/menusbottom5oz.png" width="148" height="11"></td>
</tr>
</table>
</body>
</html>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