Reeebeckah
07-02-2005, 06:36 AM
I am making my third skin and am running into a few problems. 1)the blog body is not one full background color, like each blog has the bg color, but not the whole text area so they all seem spaced out instead of uniform. 2)the width of the blog body and title and image are all the same, yet the text makes the blog body stretch past the image and the title doesn't reach the width.
If you could tell me what's wrong with my code I'd apprecaite it!
-Rebeckah
SKIN CODE:
<!-- begin code provided by createblog.com -->
<div style="
width: 430px;
height: 800px;
margin-top: 20px;
margin-left: 40px;">
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:430px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<style type="text/css">
/*Breast Cancer Awareness*/
/*by Jujubeabopper*/
body {
background-image:url(http://epsilon.applepics.com/52/userfiles/42c61e7603fb8.gif);
background-repeat: repeat-y-x;
background-color: #ffffff;
scrollbar-face-color: #f88acb;
scrollbar-shadow-color: #ff1ba1;
scrollbar-highlight-color: #ff1ba1;
scrollbar-3dlight-color: #ff1ba1;
scrollbar-darkshadow-color: #ff1ba1;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ff1ba1;
}
#rblEprops, #pnlEnabled table, #pnlEprops table {
width: 430 !important;
}
table.blogbody {
width:430px;
font-family: verdana;
font-weight: none;
font-size: 10pt;
color: #ff1ba1;
text-align: justify;
padding: 0px;
margin-top: 0px;
background-color: #f88acb;
}
.caption, .blogheader {
width: 430px;
padding: 0px;
font-family: verdana;
font-size: 14pt;
text-align: center;
color: #f88acb;
background-color: #ff1ba1;
text-transform: lowercaps;
margin-top: 10px;
}
div.smalltext{
width: 430px;
padding: 0px;
text-align: left;
}
P, B, I, TD, TH
{font-family: verdana; color: #ff1ba1; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ff1ba1; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#ff1ba1; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: verdana;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
</style>
<IMG
SRC='http://gamma.applepics.com/7/userfiles/42c616de5b58e.gif'
border=0 width=430 height=340 USEMAP='#bca'>
<MAP NAME='bca'>
<AREA SHAPE='rect' COORDS='26,321,65,328' HREF='http://www.xanga.com' ALT='Xanga'>
<AREA SHAPE='rect' COORDS='73,324,118,330' HREF='http://xanga.com/private' ALT='Private'>
<AREA SHAPE='rect' COORDS='126,323,202,329' HREF='http://xanga.com/claf' ALT='CLAF'>
<AREA SHAPE='rect' COORDS='212,324,253,330' HREF='http://www.xanga.com/profile.aspx?user=USERNAME' ALT='Profile'>
<AREA SHAPE='rect' COORDS='262,323,344,330' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Subscriptions'>
<AREA SHAPE='rect' COORDS='353,324,400,331' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME' ALT='Subscribe'>
</MAP>
<!-- end code provided by createblog.com -->
If you could tell me what's wrong with my code I'd apprecaite it!
-Rebeckah
SKIN CODE:
<!-- begin code provided by createblog.com -->
<div style="
width: 430px;
height: 800px;
margin-top: 20px;
margin-left: 40px;">
<style type="text/css">
.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:430px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}
</style>
<style type="text/css">
/*Breast Cancer Awareness*/
/*by Jujubeabopper*/
body {
background-image:url(http://epsilon.applepics.com/52/userfiles/42c61e7603fb8.gif);
background-repeat: repeat-y-x;
background-color: #ffffff;
scrollbar-face-color: #f88acb;
scrollbar-shadow-color: #ff1ba1;
scrollbar-highlight-color: #ff1ba1;
scrollbar-3dlight-color: #ff1ba1;
scrollbar-darkshadow-color: #ff1ba1;
scrollbar-track-color: #ffffff;
scrollbar-arrow-color: #ff1ba1;
}
#rblEprops, #pnlEnabled table, #pnlEprops table {
width: 430 !important;
}
table.blogbody {
width:430px;
font-family: verdana;
font-weight: none;
font-size: 10pt;
color: #ff1ba1;
text-align: justify;
padding: 0px;
margin-top: 0px;
background-color: #f88acb;
}
.caption, .blogheader {
width: 430px;
padding: 0px;
font-family: verdana;
font-size: 14pt;
text-align: center;
color: #f88acb;
background-color: #ff1ba1;
text-transform: lowercaps;
margin-top: 10px;
}
div.smalltext{
width: 430px;
padding: 0px;
text-align: left;
}
P, B, I, TD, TH
{font-family: verdana; color: #ff1ba1; font-size: 8pt; }
A:link, A:visited, A:active
{color:#ff1ba1; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#ff1ba1; font-size: 8pt; );}
b, strong, i, u, {
/* edit colors when bold italic underline */
font-family: verdana;
font-size: 8pt;
color: #ffffff;
font-weight: bold;
text-transform: lowercaps;
</style>
<IMG
SRC='http://gamma.applepics.com/7/userfiles/42c616de5b58e.gif'
border=0 width=430 height=340 USEMAP='#bca'>
<MAP NAME='bca'>
<AREA SHAPE='rect' COORDS='26,321,65,328' HREF='http://www.xanga.com' ALT='Xanga'>
<AREA SHAPE='rect' COORDS='73,324,118,330' HREF='http://xanga.com/private' ALT='Private'>
<AREA SHAPE='rect' COORDS='126,323,202,329' HREF='http://xanga.com/claf' ALT='CLAF'>
<AREA SHAPE='rect' COORDS='212,324,253,330' HREF='http://www.xanga.com/profile.aspx?user=USERNAME' ALT='Profile'>
<AREA SHAPE='rect' COORDS='262,323,344,330' HREF='http://www.xanga.com/Private/subs.aspx' ALT='Subscriptions'>
<AREA SHAPE='rect' COORDS='353,324,400,331' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME' ALT='Subscribe'>
</MAP>
<!-- end code provided by createblog.com -->