Comment/E-props Div Layer Image Help, The comments aren't centering on the Div Options

[milen]

I've been working on my brother's site, trying to get him a simpler look to his Xanga. Flipeasy is his site.

The problem I'm having is, on his comments page, all the comments are not centering on the div image like his xanga posts are.

This is the code that is put in for each of his posts :

<!-- begin code provided by createblog.com --><br /><DIV id=Layer1 style="Z-INDEX: 1; LEFT: -1px; OVERFLOW: hidden; WIDTH: 500px; HEIGHT: 275px"><br /><DIV style="MARGIN-TOP: 50px; MARGIN-LEFT: 50px; OVERFLOW: auto; WIDTH: 408px; HEIGHT: 197px; align: left; class: blogspace"><br /><!-- end code provided by createblog.com -->

to keep his posts centered on the image.

Unfortunately it's not working for his comments. Is there anyway to fix it so his comments are centered (with scrolling possibility) on the div image?..also, if you have time, is it possible to get his normal posts centered on the div image without having to paste the code (listed above) before each post? (i.e. not having to edit HTML and paste that code in every time he posts.)

Any help would be much appreciated.
-Milenrei

p.s. this is the coding for his xanga...forgive me, I know it's messy, but I'm still new at this. :

---Header---

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><div style="position:absolute; margin-right: 5px; margin-left: 35px;margin-top: 0px;border: 0px solid #COLOR CODE; width: 100%; height:100%; overflow: visible"><br /><table border="0" width=100%><br /><!-- end code provided by createblog.com --><br /><br /><table border="0" cellpadding="0" cellspacing="0" width="250"><tr><td><br /><script language="javascript" type="text/javascript" src = "http://bunnyherolabs.com/adopt/embed-js.php?b=bWM9dGlnZXIuc3dmJmNscj0weDJhMDFhYiZjbj1uaWdodCB0aGllZiZhbj1jaGluYSBib2k="><br /></script></td></tr><tr><td align="center"><small><a href="http://bunnyherolabs.com/adopt/">adopt your own virtual pet!</a></small></td></tr></table><br />[go ahead..right click and see what happens]<!-- begin code provided by blogring --><br /><script LANGUAGE="JavaScript"><br />// Right Click Infinate Warning<br />document.onmousedown=click<br />var times=0<br />var times2=10<br />function click() {<br />if ((event.button==2) || (event.button==3)) {<br />if (times>=1) { bye() }<br />alert("dont do it again or you'll be sorry"); <br />times++ } }<br />function bye() {<br />alert("i warned you you herd");<br />bye() }<br /></SCRIPT><!-- end code provided by blogring --><br /><br /><object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"><br /></object><br /><form name="form"><br /><br /><p style="text-align: center"><br /><select style="FONT-SIZE: 8pt;; WIDTH: 200px; COLOR: #White; font-face: arial" name="playlist" size="1"><br /><option value="0">sTory oF thA yEar : unTiL tHa daE i diE</option><br /><option value="1">YellowcaRd : onLeE onE</option><br /><option value="2">iNcubuS : i miSs yo0h</option><br /><option value="3">sWitCh fo0t : mEant t0 LivE</option><br /><option value="4">yeLLow caRd : miLez aPart</option><br /><option value="5">bLink 182 : aDamZ s0nG</option><br /><option value="6">dasHboaRd conFessioNaL : hAndz doWn</option><br /><option value="7">thRee daYz gRacE : jUss LyKe u</option><br /><option value="8">sTainD : s0 fAr aWay</option><br /><option value="9">yeLLow caRd : oCean aVenue</option><br /><option value="10">swiTchfo0t : daRe u t0 movE</option><br /><option value="11">tRapT : hEad sTronG</option><br /><option value="12">nicKLebAcK : s0me dAy</option><br /><option value="13">cHeveLLe : cLosure</option><br /><option value="14">PapAroAch : LasT rEsoRt</option><br /><br /></select><br><br /><input TYPE="BUTTON" NAME="darkplay" VALUE=".pLaY." OnClick="play(document.forms['form'].playlist);"><br /><input TYPE="BUTTON" NAME="darkpause" VALUE=".PaUsE." OnClick="document.darkplayer.Pause(); playstate=2;"><br /><input TYPE="BUTTON" NAME="darkstop" VALUE=".StOp." OnClick="document.darkplayer.Stop(); playstate=2;"></p><br /></form><br /><script language="JavaScript"><br /><!--<br /><br /><br />var playstate = 1;<br />shuffle = 1;  // set to 1 to always play first song in list<br />songs=new Array();<br />songs[0]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/4/24767/28066_1_2_04.asf"<br />songs[1]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/24962/28398_1_6_04.asf"<br />songs[2]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/1/2239/9775_1_11_04.asf"<br />songs[3]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/3/4581/28341_1_1_04.asf"<br />songs[4]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/24962/28398_1_7_04.asf"<br />songs[5]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/4/237/18340_1_12_04.asf"<br />songs[6]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/1/22181/28045_1_1_04.asf"<br />songs[7]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/2/24938/28340_1_2_04.asf"<br />songs[8]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/3870/27672_1_3_04.asf"<br />songs[9]="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/0/24962/28398_1_3_04.asf"<br />songs[10]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/3/4581/28341_1_5_04.asf"<br />songs[11]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/3/23963/26847_1_1_04.asf"<br />songs[12]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/1/2691/28639_1_3_04.asf"<br />songs[13]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/2/4808/15548_1_4_04.asf"<br />songs[14]<br />="http://a420.v8383d.c8383.g.vm.akamaistream.net/7/420/8383/3b858b51/mtvrdstr.download.akamai.com/8512/wmp/5/12536/14231_1_2_04.asf"<br /><br />if (shuffle == 1) {<br />var randsg = Math.floor(Math.random()*songs.length);<br />document.darkplayer.FileName = songs[randsg];<br />document.darkplayer.scr = songs[randsg];<br />document.forms['form'].playlist.options[randsg].selected = true;<br />}<br />function play(list) {<br />if (playstate == 2) {<br />document.darkplayer.Play();<br />} else {<br />var snum = list.options[list.selectedIndex].value<br />document.darkplayer.FileName = songs[snum];<br />document.darkplayer.scr = songs[snum];<br />}<br />playstate = 1;<br />}<br />//--><br /></script><br /><br /><br /><style type="text/css"><br /><!--<br />body {background-image: url(http://www.thelegion.us/snikerz/Xanga/adam-background-weave1.jpg);<br /> background-attachment: fixed;<br /> background-repeat: no-repeat;<br />scrollbar-arrow-color: #D2D2D2;<br />scrollbar-track-color: #ffffff;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-face-color: #3D3834;<br />scrollbar-highlight-color: #ffffff;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-3dlight-color: #ffffff; }<br />body, td, p <br />{color:df2020;<br />font-family: Arial;<br />font-size: 10pt;<br />text-transform: none;}<br />a:link {color:#D2D2D2;}<br />a:visited {color:#D2D2D2;}<br />.title { color: #D2D2D2;}<br />div.blogheader, .caption {<br />font-family:Arial;<br />text-transform:none;<br />font-size:10px;<br />font-weight:bold;<br />color:#999999;<br />text-align: right;<br />}<br /><br /></style><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><br /><br /><FORM name=jump><br /><select name="meNu" onChange="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="GO"><br /><OPTION selected>Menu</OPTION> <br /><option>------------</option><br /><option value="http://www.xanga.com/profile.aspx?user=YOURUSERNAME">Public profile</option><br /><option value="http://www.xanga.com/CLAF/default.asp">pimP iT ouT</option><br /><option value="http://www.xanga.com/guestbook.aspx?user=flipeasy">g-b0ok</option><br /><option value="http://www.xanga.com/Private/SubscribeTo.aspx?user=flipeasy">Subscribe</option><br /><option value="http://www.xanga.com/Private/subs.aspx">uR suBz</option><br /><option value="http://www.xanga.com/Private/feedback.aspx">Feedback log</option><br /><option value="http://www.xanga.com/signin.aspx">Sign In</option><br /><option value="http://www.xanga.com/logout.aspx">Sign out</option><br /></select><br /></FORM><br /><style type="text/css"><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

---Website Stats---

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-image: URL('http://www.thelegion.us/snikerz/Xanga/adam-textbox-puzzleweave.jpg');FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);family-font: trebuchet ms;<br />BORDER: #333333 1px dashed;<br />width:500px;}<br /></style><br /><br /><STYLE>BODY {cursor: help}</style><br /><br /><br /><style type="text/css"><br /><!--<br />A:hover { letter-spacing: 6px; text-decoration: none; }<br />--><br /></style><br /><br /><style text class> a:hover {<br />filter: NONE;<br />border top= double;<br />border bottom= double; <br />height: 2;<br />color:#33OOCC;<br />} <br /> </style><br /><br /><marquee behavior="alternate" scrollamount="3"><script language="javascript"><br />DOC=document;var data, p;<br />var agt=navigator.userAgent.toLowerCase();<br />p='http';<br />if((location.href.substr(0,6)=='https:')||(location.href.substr(0,6)=='HTTPS:')) {p='https';} data = '&r=' + escape(DOC.referrer) + '&n=' + escape(navigator.userAgent) + '&p=' + escape(navigator.userAgent)<br />if(navigator.userAgent.substring(0,1)>'3') {data = data + '&sd=' + screen.colorDepth + '&sw=' + escape(screen.width+ 'x'+screen.height)};<br />document.write('<a href="http://redirect.xangahits.com" target="_blank" >');<br />document.write('<img border=0 hspace=0 '+'vspace=0 src="http://www.coolcounters.com/counter.php?i=218769' + data + '"></a>');<br />document.write("<scr"+"ipt src='http://www.coolcounters.com/counter.js'></scr"+"ipt>");<br /></script></marquee><br /><br /><br /><script><br />extra=false;<br />j=document.getElementById('MoreoverModule1_lblModuleTitle')<br />if(j){extra=true}<br />index=0;<br />var mytds = document.getElementsByTagName('td');<br />var i = 0;<br />for(i=0;i<mytds.length-1;i++){<br /> if(mytds[i].width=="200"){<br />  index++;<br />  if(index==(extra ? 2 : 1)){break;}}<br />}<br />var sidebar = (extra ? mytds[i]: mytds[i].parentNode)<br />var tsibpc = document.getElementById('customRight');<br />var rightSide = tsibpc.cloneNode(true);<br />rightSide.style.display = "block";<br />sidebar.appendChild(rightSide);<br /></script><br /><!-- end code provided by createblog.com --><br /><br /><style type="text/css"><br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page */<br />{width:550px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><!-- end code provided by createblog.com -->

[lawmaniac_98]

I see your problem there...it's cuz of the image background of ur blog and when people prop really short the background is there but cut off to fit the amount of the prop...if i get the description right..Perhaps you can try to change the font color so that people can view it more or you can try using this code here..i'm not sure if it will help ur problem but it's worth a try...here..

http://www.createblog.com/forums/index.php?showtopic=35132

[milen]

Thank you for trying to help, you got the description right, unfortunately the code you linked me to I had already found when using the search function to see if anyone else had this problem before me.

I did try it though, and I must be doing something wrong, whenever I go to preview after putting in that code, I get closed out of Xanga completely. (My IE window closes out).

I could look for a script that could change the font, as you said, but is there really no way to have the comment boxes defaulted to a specific size and the text field for those boxes placed so that they are centered in the comment box?

But thank you for trying to help, if this cannot be done, then it can't be done, and I'll try something else...but if it can be done, please inform me. I'd really like to get my lil' bro's site spiffy lookin.

-Milenrei

[lawmaniac_98]

Well, I haven't come across a code that customizes the size of your comment box. There is another code though that helps you change the color of the background of the comments i think...try this here..

http://www.createblog.com/forums/index.php?showtopic=35132

ps. I just checked it out and it says u can change the height and the width & background...lolz..so I hope that's what you wanted so just try it out and tell me if it works.

[milen]

Sorry it's been a while and I wasn't able to reply, but I'm back again and I tried that last code you sent. It did fix one problem that crept up, with that code I was able to resize the comment box you write in to fit his page.

but, still having the same problem with his comments showing up in the top half of the image.

is it because of this part:

<!-- begin code provided by createblog.com --><br /><style type="text/css"><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-image: URL('http://www.thelegion.us/snikerz/Xanga/adam-textbox-puzzleweave.jpg');FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);family-font: trebuchet ms;<br />BORDER: #333333 1px dashed;<br />width:500px;}<br /></style><br /><br /><!-- end code provided by createblog.com -->

where it changes the blogbody to have that image as a background? Does that also affect the background of the comments? (not the comments box the actual comments people have left)

Is there another way to change the actual blog background image without it affecting the comments? Or should I just change it? (I'm seriously contemplating taking the background for the blog entries out alltogether ...it'd be much less of a headache. *lol*)

But once again thank you for any assistance you may give me. :)
-Milen

[largosama]

The style class "blogbody" applies to a whole table, and the comments also take that class. From what I've tried (not very hard =p) I couldn't change the comment box background seperately.