Positioning Crisis, I posted this in blogger help first >< Options

[catso]

So I'm not an HTML wiz, nor am I good at layouts. I've been trying some stuff out though, and I made a layout for my sister, Jane. To see the layout, Clickee here. Now, I'm trying to get the words to fill out the entire blogging space, but it just squishes up against the left side. How do I get rid of this? Thanks.

[catso]

So I'm not an HTML wiz, nor am I good at layouts.

...I've been trying some stuff out though, and I made a layout for my sister, Jane. To see the layout, Clickee.


Now, I'm trying to get the words to fill out the entire blogging space, but it just squishes up against the left side. How do I get rid of this? Thanks.

[whomps]

Topic Moved to Xanga Help

CODE

<style type="text/css">
.blogbody {width: 300px}
.blogbody TD {width: 0px; display: none;}
</style>

Change the width of the .BLOGBODY, NOT the .blogbody TD.

[kandiapplegrl]

You need to add this under the CSS for: .blogbody AND table.blogbody

<!-- begin code provided by createblog.com --><br />width: ###px;<br /><!-- end code provided by createblog.com -->

make sure that both numbers are the same.

You may want to add: text-align: justify also...

Tell me if it works.

[catso]

I tried it (check the xanga again) but it moves out of the blog; not to the right, like I want it to, but to the left.

[sunlit december]

<!-- begin code provided by createblog.com --><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />width:280px;<br />}<br /><!-- end code provided by createblog.com -->

You have that in your html under all your codes for links. Try making the width wider so that it'll stretch farther.

hope that works >.X

[catso]

Agh... No then it just stretches out to the left... And if you look, it seems like that empty space isn't even part of the text; you can't scroll in it or anything.

[catso]

If I use that code, my post disapears and all that's left is the date and the credits for the ad remover

[sunlit december]

wait, sorry >< see the section underneath what i just posted?

<!-- begin code provided by createblog.com --><br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br /> width: 280px;<br /><!-- end code provided by createblog.com -->

did you try widening that?

also, one of the staff replied to the same topic as this when she moved it to this forum. (incase you didn't notice xP)

[sherryvu]

try this, just replace your header with this:

<!-- begin code provided by createblog.com --><br /><STYLE TYPE="text/css"><br />BODY{cursor: url(http://www3.telus.net/wilsoncheung/cursor.ani);}<br />a {cursor: help;}<br /></STYLE><br /><BR><BR><BR><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* Bunny Buns */<br />/* Skin made by www.xanga.com/catso */<br />table.left, td.mainleft, table.navigation, table.search, #SearchBar1_pnlYouAreHere {display: none;}<br />body {<br />background: FFFFFF url("");<br />scrollbar-arrow-color: #FFFFFF;<br />scrollbar-track-color: #FFFFFF;<br />scrollbar-shadow-color: #DAB27A;<br />scrollbar-face-color: #FFFFFF;<br />scrollbar-highlight-color: #FFFFFF;<br />scrollbar-darkshadow-color: #FFFFFF;<br />scrollbar-3dlight-color: #DAB27A; <br />}<br />.blogbody,{<br />width: 730px;<br />}<br />table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:normal 11px tahoma;<br />color:000000;<br />letter-spacing:0px;<br />text-align:justify;<br />}<br />b, strong {<br />color: #DAB27A; <br />font-weight:bold;<br />font:11px tahoma;<br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />color:#D1AC92;<br />font:bold 10px tahoma;<br />line-height:11px;<br />text-decoration: none;<br />}<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />color:#DAB27A; <br />font:bold 10px tahoma;<br />line-height:11px;<br />text-decoration: none;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />color:#DAB27A;<br />font:bold 10px tahoma;<br />cursor: hand;<br />text-decoration: line-through;<br />}<br /> table.navigation, table.footer {display: none;} <br />div.blogheader, .caption {<br />/* edits the dates */<br />color:#DAB27A;<br />font-family:tahoma;<br />font-size:15px;<br />line-height:16px;<br />font-weight:bold;<br />text-transform:capitalize;<br />letter-spacing:0px;<br />text-align: right;<br />border: 1px solid #000000;<br />border-width: 0px 0px 0px 0px;<br />}<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />width:500px;<br />}<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br /> width: 500px;<br />}<br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <br />/* width of the comment page I suggest miking it the same width as the blogbody*/<br />{width: 500px;<br />}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px solid #000000;<br />font:normal 10px tahoma;<br />background-color: FFFFFF;<br />color:#DAB27A;<br />letter-spacing:0px;<br />}<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />background-color: none; <br />border: 1px solid #FFFFFF;<br />}<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  border: 0px solid #315390;<br />}<br />table.blogbody tr td {<br />/* this edits the left margin of blog */<br />width:0px;<br />padding: 1px;<br />}<br />table.blogbody tr td {<br />/* this edits the right margin of blog */<br />width:0px;<br />padding: 1px;<br />}<br />table.blogbody div.smalltext{<br />/* this edits the blog entry footer */<br />text-align: right;<br />padding-bottom:1px;<br />}<br />hr {<br />/* horizontal divider */<br />border: 1px solid #FFFFFF;<br />}<br /></style><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='109,454,163,472' HREF='http://www.xanga.com' ALT='Xanga'><br /><AREA SHAPE='rect' COORDS='180,457,206,476' HREF='http://www.xanga.com/private' ALT='Private'><br /><AREA SHAPE='rect' COORDS='226,457,297,472' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=ch0c0late' ALT='Subscribe to me'><br /><AREA SHAPE='rect' COORDS='317,458,356,471' HREF='http://www.xanga.com/private/subs.aspx' ALT='Read your Subs'><br /><AREA SHAPE='rect' COORDS='377,458,417,471' HREF='http://www.xanga.com/CLAF/default.asp' ALT='Edit'><br /><AREA SHAPE='rect' COORDS='437,458,455,470' HREF='http://www.xanga.com/signin.aspx' ALT='Log In'><br /><AREA SHAPE='rect' COORDS='477,458,502,470' HREF='http://www.xanga.com/logout.asp' ALT='Log Out'><br /><AREA SHAPE='rect' COORDS='135,29,321,41' HREF='http://www.xanga.com/ch0c0late' ALT='HAHAHA YOU FOUND IT!'><br /></MAP><br /><br /><IMG SRC=' http://img.photobucket.com/albums/v369/blobbeh/Xanga/Blog.gif ' border=0 width=729 height=484 USEMAP='#imgmap'><br /><br /><div style="overflow: auto; width: 550px; height: 300px; margin-top: -350px; margin-left: -200px;"><br /><!-- end code provided by createblog.com -->

you just had to mess around with all of the widths. be sure you save your original codes first incase this doesn't work for you

[catso]

Yay! Thanks, Sherry. It works now. And thanks for trying to help me, sunlit. ^^ -beam-

[sherryvu]

[ topic merged ]

[sherryvu]

Yay! Thanks, Sherry. It works now. And thanks for trying to help me, sunlit. ^^ -beam-

You're welcome I'm glad I could help

[ topic closed ]