Help With My Skin Options

[pwnzrd]

So I tried making my own skin for the first time, with image mapping and everything, but it turns out my background ended up above my blog space. I'll show you what I mean here.

Here is the code I'm using:

<style type="text/css">
/*Gaara*/
/*by therapis7*/
body {
background-image:url();
background-repeat: repeat-y-x;
background-color: #COLOR CODE;
scrollbar-face-color: ##996600;
scrollbar-shadow-color: ##996600;
scrollbar-highlight-color: ##996600;
scrollbar-3dlight-color: ##996600;
scrollbar-darkshadow-color: ##996600;
scrollbar-track-color: ##996600;
scrollbar-arrow-color: ##996600;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:690px;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: ##996600;
text-align: justify;
padding: 1px;
margin-top: opx;
}

.caption, .blogheader {
width: 690px;
padding: 3px;
font-family: Arial;
font-size: 16pt;
text-align: center;
color: ##996600;
background-color: #663300;
text-transform: lowercaps;
margin-top: 0px;
}

div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}

P, B, I, TD, TH
{font-family: FONT; color: #996600; font-size: 8pt; }
A:link, A:visited, A:active
{color:#000000; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#000000; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #000000;
font-weight: bold;
text-transform: lowercaps;
</style>
<MAP NAME='imgmap'>
<AREA SHAPE='poly' COORDS='780,37,888,40,889,65,786,66' HREF='/login.aspx' ALT='Login'>
<AREA SHAPE='poly' COORDS='784,76,900,75,903,95,784,100' HREF='/private' ALT='Your Site'>
<AREA SHAPE='poly' COORDS='784,103,859,107,859,132,778,133' HREF='/claf' ALT='Look & Feel'>
<AREA SHAPE='poly' COORDS='786,141,920,139,918,169,787,171' HREF='/Private/SuscribeTo.aspx?user=therapis7' ALT='Add Me'>
<AREA SHAPE='poly' COORDS='783,173,890,173,896,199,785,201' HREF='/profile.aspx?user=therapis7' ALT='About Me'>
<AREA SHAPE='poly' COORDS='782,207,907,205,909,235,783,236' HREF='/logout.aspx' ALT='Logout'>
</MAP>
<IMG SRC='http://tinypic.com/2o906' border=1 width=1280 height=1024 USEMAP='#imgmap'>
<div style="
width: 100px;
height: 100px;
margin-top: 0px;
margin-left: 50px;">
<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>


If anybody could help me, that would be greatly appreciated.

[waccoon]

don't insert it as an image, but rather a background

[pwnzrd]

Thank you. That solved the problem of the blog being below it, but it's still at a weird position that I can't seem to solve, and now, the image mapping doesn't work. Argh. Look here.

HEre's my new code.

<style type="text/css">
/*Gaara*/
/*by therapis7*/
body {
background-image:url(http://tinypic.com/2pjlt);
background-repeat: repeat-y;
background-color: #COLOR CODE;
scrollbar-face-color: ##996600;
scrollbar-shadow-color: ##996600;
scrollbar-highlight-color: ##996600;
scrollbar-3dlight-color: ##996600;
scrollbar-darkshadow-color: ##996600;
scrollbar-track-color: ##996600;
scrollbar-arrow-color: ##996600;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;
}

table.blogbody {
width:690px;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: ##996600;
text-align: justify;
padding: 1px;
margin-top: 0px;
}

.caption, .blogheader {
width: 690px;
padding: 3px;
font-family: Arial;
font-size: 16pt;
text-align: center;
color: ##996600;
background-color: #663300;
text-transform: lowercaps;
margin-top: 0px;
}

div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}

P, B, I, TD, TH
{font-family: FONT; color: #996600; font-size: 8pt; }
A:link, A:visited, A:active
{color:#000000; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#000000; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: arial;
font-size: 8pt;
color: #000000;
font-weight: bold;
text-transform: lowercaps;
</style>
<MAP NAME='imgmap'>
<AREA SHAPE='poly' COORDS='780,37,888,40,889,65,786,66' HREF='/login.aspx' ALT='Login'>
<AREA SHAPE='poly' COORDS='784,76,900,75,903,95,784,100' HREF='/private' ALT='Your Site'>
<AREA SHAPE='poly' COORDS='784,103,859,107,859,132,778,133' HREF='/claf' ALT='Look & Feel'>
<AREA SHAPE='poly' COORDS='786,141,920,139,918,169,787,171' HREF='/Private/SuscribeTo.aspx?user=therapis7' ALT='Add Me'>
<AREA SHAPE='poly' COORDS='783,173,890,173,896,199,785,201' HREF='/profile.aspx?user=therapis7' ALT='About Me'>
<AREA SHAPE='poly' COORDS='782,207,907,205,909,235,783,236' HREF='/logout.aspx' ALT='Logout'>
</MAP>
<IMG SRC='none' border=1 width=0 height=0 USEMAP='#imgmap'>
<div style="
width: 100px;
height: 100px;
margin-top: 0px;
margin-left: 50px;">
<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone,
/* width of the comment page */
{width:245px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>

[avalon*]

i'm just wondering..wouldn't it be easier if you made your links rectangle image mapping instead of polygons?

[pwnzrd]

i'm just wondering..wouldn't it be easier if you made your links rectangle image mapping instead of polygons?

Well, it doesn't really matter, does it?

Help, anybody?

[sewerz1000]

yea its looks lik yur porb is solved... nxt time, put yur script in a code box, so we can save space...