Center Text in blog body, How do you do it? Options

[lpdrummer]

I am trying to center the text on my blog bodyhere

I have heard that this is the code-

<style type='text/css'>div{text-align: center;}</style>

But am confused as how to put it in my code, which is this-

<!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: 274px; text-align: center; height: 527px; margin-top: -265px; margin-left: 7px;"><br /><!-- end code provided by createblog.com -->

Can anybody give me a few pointers?

[lovescream]

try this?

<!-- 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 />text-align:center;}<br /></style><br /><br /><!-- end code provided by createblog.com -->

i got it from the stylesheet for boxed entries;
http://www.createblog.com/forums/index.php?showtopic=13487

[talcumpowder]

The code centers all text in a div. Any div. If you're using a div to move the blog though, you would have to use table.blogbody, because it's in a table.... =S That doesn't really make sense, nevermind.
Adding align="center" to your div code doesn't work?

[lpdrummer]

The code centers all text in a div. Any div. If you're using a div to move the blog though, you would have to use table.blogbody, because it's in a table.... =S That doesn't really make sense, nevermind.
Adding align="center" to your div code doesn't work?

Like this?
<!-- begin code provided by createblog.com -->
<div style="overflow: auto; width: 274px; text-align: center;align="center"; height: 527px; margin-top: -265px; margin-left: 7px;">
<!-- end code provided by createblog.com -->

[talcumpowder]

Like this.

CODE

<div align="center" style="overflow: auto; width: 274px; height: 527px; margin-top: -265px; margin-left: 7px;">

[lpdrummer]

Still dosent work....

Check it Out. I would like to have the text in the middle of the blog body so I don't have to scroll left to read it (Like I do now -_- )

[talcumpowder]

That won't make any diffrence. Your problem is the blog has no defined width.

<!-- begin code provided by createblog.com --><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: arial;<br />BORDER: 000000 0px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */<br /><!-- end code provided by createblog.com -->

[lovescream]

try using this to remove that big space. O_O

<!-- begin code provided by createblog.com --><br /><style type="text/css">.mainleft{display:none;}</style><br /><!-- end code provided by createblog.com -->

[lpdrummer]

That won't make any diffrence. Your problem is the blog has no defined width.

<!-- begin code provided by createblog.com --><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: arial;<br />BORDER: 000000 0px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */<br /><!-- end code provided by createblog.com -->

OOOOHH! Thank yooou! What should I set it too? about 270 since my blog div width is 274? And then put in the code spirited freak provided?

[lovescream]

Make it like 260 because if you make it 270, the horizontal scrollbar will still be there. 4 pixels doesn't make lots of difference.

[lpdrummer]

Make it like 260 because if you make it 270, the horizontal scrollbar will still be there. 4 pixels doesn't make lots of difference.

OK did that, now should I add this?

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css">.mainleft{display:none;}</style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

[lovescream]

If you still have that space.. yes.

[lpdrummer]

If you still have that space.. yes.

OK so just put that anywhere?

EDIT: nvm, got it


Ugh...now I just need to get my text to fit in.....if you have any ideas let me know...

[talcumpowder]

I just noticed that your HR is huge~! It normally should just fill the space of the layer... Huh. (That's the line at the bottom.)

CODE

<style type='text/css'>hr{width: 150;}</style>

Also, sometimes you have to resend the latest entry so it reformats... -shrug-

[lpdrummer]

I just noticed that your HR is huge~! It normally should just fill the space of the layer... Huh. (That's the line at the bottom.)

CODE

<style type='text/css'>hr{width: 150;}</style>

Also, sometimes you have to resend the latest entry so it reformats... -shrug-

Whaty whaty? Where do I put that? What does it do? Where did I go wrong

[talcumpowder]

Header. Edits the line at the bottom of your xanga. I don't know. Don't give up~!
I screwed up so horribly on my first skins, now that I think about it. o.O They were horrid, wait... They still are. x.X

[lpdrummer]

Your skins arent horrible!!!


Anyway, I put that above my blog div code, but what does it do? I didnt notice a difference on anything.

And is there a way to make you blog body so that the text only goes to a certain point then goes to the next line? I think that would be the only way I can fit text in my blog body without it looking horrid...

[lovescream]

yeah, you can do that.
just edit the blogwidth. e_e


what nyah-nek0 said

<!-- begin code provided by createblog.com --><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: arial;<br />BORDER: 000000 0px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */<br /><!-- end code provided by createblog.com -->

you edit that to a smaller width.
or you edit the date, since I think I see it seeing it stretching your blog.

[talcumpowder]

I don't even see the date.... That might be a problem. o.O
Did you disable it? If so, use none, not hidden. Or just edit the width.

[lpdrummer]

yeah, you can do that.
just edit the blogwidth. e_e
what nyah-nek0 said

<!-- begin code provided by createblog.com --><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: arial;<br />BORDER: 000000 0px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */<br /><!-- end code provided by createblog.com -->

you edit that to a smaller width.
or you edit the date, since I think I see it seeing it stretching your blog.

I edited that, but changing the width dosent seem to do much.....its when I am logged in, that box comes up and stretches the box.

As for the date, see below.

I don't even see the date.... That might be a problem. o.O
Did you disable it? If so, use none, not hidden. Or just edit the width.

I don't think I disabled it..... Heres where I think it might be in my code though

<!-- begin code provided by createblog.com --><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: arial;<br />text-transform:none;<br />font-size:5px;<br />line-height:#px;<br />font-weight:normal;<br />color:000000;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:0px solid #COLOR CODE;}<br /><!-- end code provided by createblog.com -->

[talcumpowder]

Okay, I just checked again.... And I know why I didn't see it the first time, it's tiny~!

CODE

font-size:5px;

Change that to a higher number, or no one will ever see the date. Also, add the width property.

CODE

width: 240;

To that section of your code. o.O

[lpdrummer]

Okay, I just checked again.... And I know why I didn't see it the first time, it's tiny~!

CODE

font-size:5px;

Change that to a higher number, or no one will ever see the date. Also, add the width property.

CODE

width: 240;

To that section of your code. o.O

I thought the 5px was my blog body text size! I was trying to make it smaller so it would fix in! whoops!

And did I add the width code in right?

<!-- begin code provided by createblog.com --><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: arial;<br />text-transform:none;<br />font-size:12px;<br />width: 240;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:0px solid #COLOR CODE;}<br /><!-- end code provided by createblog.com -->

Its right below my font size

[talcumpowder]

Use pt instead of px~!
Points are like normal size fonts, pixels are a totally diffrent matter. Five pixels is horridly small.
And ues, you did. ^_^

[lpdrummer]

Use pt instead of px~!
Points are like normal size fonts, pixels are a totally diffrent matter. Five pixels is horridly small.
And ues, you did. ^_^

OK so change every "px" in my code to "pt"?

[hi-C]

Not every px, just those dealing with font sizes.

[lpdrummer]

Not every px, just those dealing with font sizes.

OK thats what i figured, thanks!

[hi-C]

Hey, take out this:

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

and replace it with this:

.mainleft{display:none;}

[lpdrummer]

Hey, take out this:  and replace it with this:

OK did that, but what does it do?

I am still looking for a code that makes the text go to the next line if it goes past a certain limit (the width of my box), so if something like that exists, please let me know

[lovescream]

that's your table.blogbody inside your code. You'd have to change the width to a smaller width.

[lpdrummer]

that's your table.blogbody inside your code. You'd have to change the width to a smaller width.

OK I have changed it from really small to really big and it dosent seem to do much... I think the problem is that my latest entry is wide, so it stretches the blog body, cause every past post seems to fit fine.

However, I still have a lot of things to fill in on my code, but I have the skin the way I want it now. Are any of the fields I left blank necessary? I dont know what the ones I left blank do, so I dont want to mess anything up. Also the footer links are back, along with the text/links on the top of my blog

P.S. another problem- I change my main text size, but it never works...