Blog & background separated, help please Options

[drkz]

Hey, I need some help, I think I have done something wrong with my code, my blog is supposed to be on top of the background image but somehow its appearing on the bottom.

http://xanga.com/drkz

I need the blog to be on top of the light grey spot where the winnie the pooh is. Is it because I have image mapped it or smthn? please help

[miiichellley]

Could you post your code?

[talcumpowder]

CODE

<!-- ImageReady Slices (xanga layout.jpg) -->
<div id="img">
<img src="http://i21.photobucket.com/albums/b294/drkz/xangalayout.jpg" width="733" height="707" border="0" alt=""
usemap="#xanga_layout_Map">
<map name="xanga_layout_Map">
<area shape="rect" alt="" coords="625,289,666,304" href="http://www.xanga.com/logout.aspx">
<area shape="rect" alt="" coords="406,200,488,278" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=drkz">
<area shape="rect" alt="" coords="326,200,405,279" href="http://www.xanga.com/Private/subs.aspx">
<area shape="rect" alt="" coords="326,116,406,199" href="http://www.xanga.com/CLAF/default.asp">
<area shape="rect" alt="" coords="244,116,326,200" href="http://xanga.com/private/home.aspx">
</div>

<style type="text/css">
/*Custom drkz skin*/
/*by Alvin Cheung*/
.#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;}
body {
background-image:url();
background-repeat: repeat-y-x;
background-color: #4a4a4a;
scrollbar-face-color: #BBBBBB;
scrollbar-shadow-color: #4f4f4f;
scrollbar-highlight-color: #f3f3f3;
scrollbar-3dlight-color: #dedede;
scrollbar-darkshadow-color: #454545;
scrollbar-track-color: #4a4a4a;
scrollbar-arrow-color: #COLOR CODE;
}

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

table.blogbody {
width:350px;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: #000000;
text-align: justify;
padding: 0px;
margin-top: 2px;
}
div.smalltext{
width: 350px;
padding: 3px;
text-align: left;
}
.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: Arial;
font-size: 16pt;
text-align: center;
color: #424242;
background-color: #4a4a4a;
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:#424242; text-decoration:none; font-size:8pt;}
a:hover
{text-decoration: underline; color:#424242; 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>

<div style="overflow: auto; width: 452px; height: 336px; margin-top: -500px; margin-left: 1px;">
<script Language="JavaScript">
function setcountdown(theyear,themonth,theday,thehour,themin,thesec){
yr=theyear;mo=themonth;da=theday;hr=thehour;min=themin;sec=thesec
}
/////////////////////Set the Countdown///////////////////////



setcountdown(2007,01,01,00,00,00)
var occasion="Till 2007~"
var message_on_occasion="HAPPY NEW YEAR~~"
var opentags='<font face="Arial"><small>'
var closetags='</small></font>'
var countdownwidth='470px'
var countdownheight='35px'
var countdownbgcolor='white'


/////////////////////Don't change anything else///////////////////////


var montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
var crosscount=''


function start_countdown(){
if (document.layers)
document.countdownnsmain.visibility="show"
else if (document.all||document.getElementById)
crosscount=document.getElementById&&!document.all?document.getElementById("countdownie") : countdownie
countdown()
}


if (document.all||document.getElementById)
document.write('<span id="countdownie" style="width:'+countdownwidth+'; background-color:'+countdownbgcolor+'"></span>')

window.onload=start_countdown


function countdown(){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todayh=today.getHours()
var todaymin=today.getMinutes()
var todaysec=today.getSeconds()
var todaystring=montharray[todaym]+" "+todayd+", "+todayy+" "+todayh+":"+todaymin+":"+todaysec
futurestring=montharray[mo-1]+" "+da+", "+yr+" "+hr+":"+min+":"+sec
dd=Date.parse(futurestring)-Date.parse(todaystring)
dday=Math.floor(dd/(60*60*1000*24)*1)
dhour=Math.floor((dd%(60*60*1000*24))/(60*60*1000)*1)
dmin=Math.floor(((dd%(60*60*1000*24))%(60*60*1000))/(60*1000)*1)
dsec=Math.floor((((dd%(60*60*1000*24))%(60*60*1000))%(60*1000))/1000*1)
//if on day of occasion
if(dday<=0&&dhour<=0&&dmin<=0&&dsec<=1&&todayd==da){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+message_on_occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+message_on_occasion+closetags
return
}
//if passed day of occasion
else if (dday<=-1){
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+"Occasion already passed! "+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+"Occasion already passed! "+closetags
return
}
//else, if not yet
else{
if (document.layers){
document.countdownnsmain.document.countdownnssub.document.write(opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags)
document.countdownnsmain.document.countdownnssub.document.close()
}
else if (document.all||document.getElementById)
crosscount.innerHTML=opentags+dday+ " days, "+dhour+" hours, "+dmin+" minutes, and "+dsec+" seconds left until "+occasion+closetags
}
("countdown()",1000)
}
</script>

<ilayer id="countdownnsmain" width=&{countdownwidth}; height=&{countdownheight}; bgColor=&{countdownbgcolor}; visibility=hide><layer id="countdownnssub" width=&{countdownwidth}; height=&{countdownheight}; left=0 top=0></layer></ilayer>

<script language='javascript'>
function getXName() {
for (var i = 0; i < document.links.length; i++) {
if(document.links[i].href.substring(0,38)=='http://www.xanga.com/private/home.aspx') {
var link = document.links[i];
var text = document.all ? link.innerText : link.text ? link.text : '';
return text;
break;
}}
return null;
}

xName = getXName();


var pageTimer=0;
st=setTimeout;
var theText=1
var statusText='welcome to my xanga, '+xName+'.';
if(xName==null){
statusText='welcome to my xanga.'
}
var p1=0;
var p2=0;
st('doTimer()',1000);
doStatusBar();

function doTimer(){
pageTimer=pageTimer+1;
st('doTimer()',1000);
}

function doStatusBar(){
if(theText==2){
statusText='you have been viewing this page for '+pageTimer+' seconds.';
}
now=new Date();
window.status='Enjoy.< '+statusText.substr(p1,p2)+' ';
if(p1+p2<statusText.length){
p2=p2+1;
} else{
if(p1<statusText.length){
p1=p1+1;
p2=p2-1;
} else{
p1=0;
p2=0;
if(theText==1){
theText=2;
}else{
theText=1;
statusText='welcome to my xanga, '+xName+'.';
if(xName==null){
statusText='welcome to my xanga.'

}
}
}
}
st('doStatusBar()',100);
}

</script>

This little bit before the countdown can be changed accordingly.

CODE

<div style="overflow: auto; width: 452px; height: 336px; margin-top: -500px; margin-left: 1px;">

Your design is impractical, by the way. Unless you plan to cover Pooh?