i have no idea what is wrong, its not even my first skin! Options

[Emmazing]

ok i usually have no problem with my skins, but for some reason this isn't working...
http://www.xanga.com/home.aspx?user=GCnewpunk23

the code:

<!-- begin code provided by createblog.com -->
<IMG
SRC='http://img56.exs.cx/img56/5693/liz-layout.jpg'
border=0 width=979 height=512='#imgmap'>
<!-- end code provided by createblog.com -->
</style>
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='290,222,348,239' HREF='http://www.xanga.com/CLAF/default.asp' ALT='CLAF'>
<AREA SHAPE='rect' COORDS='270,276,380,288' HREF='http://www.xanga.com/home.aspx?user=GCnewpunk23' ALT='sub'>
<AREA SHAPE='rect' COORDS='275,315,370,333' HREF='http://www.xanga.com/logout.aspx' ALT='out'>
<AREA SHAPE='rect' COORDS='263,361,380,380' HREF='http://www.xanga.com/logout.aspx' ALT='logout'>
<AREA SHAPE='rect' COORDS='298,415,338,434' HREF='http://www.goodcharlotte.com' ALT='GC'>
</MAP>

<IMG SRC='liz-layout.jpg' border=0 width=979 height=512 USEMAP='#imgmap'
<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: 200px;
height: 200px;
margin-top: 300px;
margin-left: 250px;">
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* 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>
<!-- end code provided by createblog.com -->
<!-- begin code provided by createblog.com -->
<style type="text/css">
/*Name of Your Skin*/
/*by YOU*/
body {
background-image:url();
background-repeat: repeat-y-x;
background-color: 312C31#;
scrollbar-face-color: #312C31;
scrollbar-shadow-color: #312C31;
scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color: #000000;
}

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

table.blogbody {
width:200px;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: #000000;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: WIDTHpx;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Arial;
font-size: 16pt;
text-align: center;
color: #000000;
background-color: #312C31;
text-transform: lowercaps;
margin-top: 10px;
}

P, B, I, TD, TH
{font-family: Arial; color: #000000; font-size: 8pt; }
A:link, A:visited, A:active
{color:#COLOR CODE OF A LINK; 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>
<!-- end code provided by createblog.com -->
can anybody find something wrong??

[lilphoenix]

Just scanned the code, and I'm not really 100% sure on what is wrong, but noticed things.

CODE

<!-- begin code provided by createblog.com -->

font-weight: bold;
text-transform: lowercaps;
</style>

<!-- end code provided by createblog.com -->

Shouldn't it be lowercase?

That's how I do mines, I dunno if lowercaps works. [There's a couple more of these throughout the code too.


<AREA SHAPE='rect' COORDS='263,361,380,380' HREF='http://www.xanga.com/logout.aspx' ALT='logout'>
<AREA SHAPE='rect' COORDS='298,415,338,434' HREF='http://www.goodcharlotte.com' ALT='GC'>
</MAP>

<IMG SRC='liz-layout.jpg' border=0 width=979 height=512 USEMAP='#imgmap'
<!-- begin code provided by createblog.com -->
<div style="
overflow: auto;
width: 200px;
height: 200px;
margin-top: 300px;
margin-left: 250px;">

Bolded: Just take it out. It's causing that big box w/ a X on your xanga.


You could also put all of the CSS in one full long sheet, rather than just split it up. Makes things easier to manage.



P, B, I, TD, TH
{font-family: Arial; color: #000000; font-size: 8pt; }
A:link, A:visited, A:active
{color:#COLOR CODE OF A LINK; 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>


Bolded text: I have never seen anyone used these.

It's always something complicated. Like #pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops, etc.

Can you use that or not?