centering entries within a created plane Options

[osnapiheartthat2]

Here is my xanga...

issue is this: upon making my bg image and mapping it, and then adjusting the position of the text entry box, i cant seem to find a way to center my entries within the box that i created. is there any way to do this? at the moment, all the text just stays over on the right side, but i want all of my entries (text, images, etc) to stay in the center of that box.

here is the main body of the coding... thanks in advance for help.

CODE

<MAP NAME="imgmap">
<AREA SHAPE=rect COORDS="38,12,289,52" HREF="www.xanga.com/osnapiheartthat2">
<AREA SHAPE=rect COORDS="668,75,817,221" HREF="http://edit.xanga.com/claf.aspx">
<AREA SHAPE=rect COORDS="670,240,817,387" HREF="http://www.xanga.com/Private/subs.aspx">
<AREA SHAPE=rect COORDS="671,412,819,558" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=osnapiheartthat2">
</MAP>

<IMG SRC="http://img267.imageshack.us/img267/3111/coollayout9bs.jpg" border=0 width=975 height=563 USEMAP="#imgmap">  

<div style="
overflow: auto;
width: 650px;
height: 436px;
margin-top: -490px;
margin-left: -15px;">

<style type="text/css">
#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>

[talcumpowder]

Well, Your blog/div isn't big enough. I think it's your blog. Look for the following in your code:

CODE

table.blogbody{width: 400px;}

Even if the width is different, it's stil the same thing. Make it a tad bit larger.

CODE

<div style="overflow: auto; width: 650px; height: 436px; margin-top: -490px; margin-left: -15px;" align="center">

That might do it too.

[osnapiheartthat2]

doh! haha of course. one of those "not thinking" moments. looks alot better now, now im just trying to center my title, currently listening, etc.

[talcumpowder]

Ah... If your page alignment is set to center, the currently listening automatically centers itself. Not that I suggest you do that. You can do this instead:

CODE

div.blogheader, .caption, table{text-align: center;}

At least, I think that should work out.

[osnapiheartthat2]

hmmmmmm cant seem to get it working but im gonna keep trying

[talcumpowder]

When you say "title", do you mean the date bar? Because you don't use the title function that I can see.

[osnapiheartthat2]

you have a knack for making me want to slap myself

: )

yeah, i did mean date. as for why i said title, im completely oblivious.

but yeah, the date and currently listening parts are what im trying to center at this point.

[talcumpowder]

I do that to everyone. To my teachers even. Hm, you are putting that between the style tags, correct? I think I neglected to mention that.

[osnapiheartthat2]

sure am. and ive gotten it to the point that the text portion of the currently listening (not the album cover) is where it would be if the WHOLE currently listening section was centered (slightly to the right of the actual center, due to the absence of the album cover, which remains to the left). the DATE (hehe) is also staying put over toward the left.

[talcumpowder]

<div style="
overflow: auto;
width: 650px;
height: 436px;
margin-top: -490px;
margin-left: -15px;
align="center"
>

Hmm... But maybe...

.caption, .blogheader {
width: 380px;
padding: 3px;
font-family: CHANGE FONT;
font-size: 16pt;
text-align: center;
align: center;
color: #COLOR;
background-color: #COLOR;
text-transform: lowercaps;
margin-top: 10px;
}

There's no need for the code I gave you if you've got the above. Oh, and take the bolded section out. They could be screwing your code. You should add this instead of what I originally gave you.

CODE

table, td, tr{text-align: center;}

[osnapiheartthat2]

still no go.


here is (a cut down version of) what ive got at the moment

CODE

<div style="
overflow: auto;
width: 650px;
height: 436px;
margin-top: -490px;
margin-left: -15px;
align="center"
>

<style type="text/css">
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:370px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}

table, td, tr{text-align: center;}

</style>

<style type="text/css">

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

table.blogbody {
width:600px;
font-family: Arial;
font-weight: none;
font-size: 12pt;
color: #COLOR;
text-align: center;
padding: 0px;
margin-top: 2px;
}

.caption, .blogheader {
width: 380px;
padding: 3px;
font-size: 16pt;
text-align: center;
text-transform: lowercaps;
margin-top: 10px;
}
</style>

[talcumpowder]

Can't get the currently stuff to move. It doesn't wanna. Anyways...
[ http://www.xanga.com/oh321its_fishcakey ]

CODE

<div style="height: 130px"></div><MAP NAME="imgmap">
<AREA SHAPE=rect COORDS="38,12,289,52" HREF="www.xanga.com/osnapiheartthat2">
<AREA SHAPE=rect COORDS="668,75,817,221" HREF="http://edit.xanga.com/claf.aspx">
<AREA SHAPE=rect COORDS="670,240,817,387" HREF="http://www.xanga.com/Private/subs.aspx">
<AREA SHAPE=rect COORDS="671,412,819,558" HREF="http://www.xanga.com/Private/SubscribeTo.aspx?user=osnapiheartthat2">
</MAP>

<IMG SRC="http://img267.imageshack.us/img267/3111/coollayout9bs.jpg" border=0 width=975 height=563 USEMAP="#imgmap">  

<div style="overflow: auto; width: 650px; height: 436px; margin-top: -490px; margin-left: -15px; align="center">

<style type="text/css">
/*oh, snap*/
/*by osnapiheartthat2*/
body {
background-image:url();
background-repeat: repeat-y-x;
background-color: #990000;
scrollbar-face-color: #990000;
scrollbar-shadow-color: #990000;
scrollbar-highlight-color: #990000;
scrollbar-3dlight-color: #990000;
scrollbar-darkshadow-color: #990000;
scrollbar-track-color: #990000;
scrollbar-arrow-color: #000000;
}

#rblEprops, #pnlEnabled table, #pnlEprops table {
width: auto !important;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page */
{width:370px;}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer
{display: none;}

table.blogbody {width:600px; font-family: Arial; font-weight: none; font-size: 12pt; text-align: center; margin-top: 2px;}

table.caption, table.blogheader {width: 380px; padding: 3px; font-size: 16pt; text-align: center; text-transform: lowercaps; margin-top: 10px;}

table tr, table td, table td img{text-align: center;}

div.smalltext{padding: 3px; text-align: center;}

P, B, I{font-size: 8pt;}
A:link, A:visited, A:active{text-decoration:none; font-size:8pt;}
a:hover{text-decoration: underline; 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>

[osnapiheartthat2]

Can't get the currently stuff to move. It doesn't wanna. Anyways...
[ http://www.xanga.com/oh321its_fishcakey ]

yeah im pretty sure you > *

stupid album pictures

haha thanks a ton though

[gelionie]

Question answered?
If not, PM me to have this reopened.

[ TOPIC CLOSED ]

[gelionie]

[ TOPIC OPENED DUE TO REQUEST ]

[osnapiheartthat2]

thanks.

anyone know of a way to center the xangazon picture? (album art)