blogspace Options

[YourSuperior]

Can someone help me move my blogspace to the other blue spot? Here are my codes:

CODE

<script type='text/javascript'>
document.title = ('Blue Skies // Version 18')
</script>

<img src="http://alvinward.takecamera.com/images/skins/xcopyfinalx.jpg"></div>
<style type="text/css">
body {
background-image:url('http://alvinward.takecamera.com/images/skins/xcopybgx.jpg');
background-repeat: repeat-y;
background-attachment: scroll;
background-position: right;
scrollbar-arrow-color: #F6FF03;
scrollbar-track-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-face-color: #000000;
scrollbar-highlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-3dlight-color: #000000;
}

.#rblEprops{display:none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops
/* width of the comment page I suggest miking it the same width as the blogbody*/
{width:150px;
}

.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {
/* edits main text */
font:normal 10px tahoma;
line-height:11px;
color: #000000;
letter-spacing:0px;
}

table.footer TD {
/* this makes the footer at the bottom centered */
/* leave it alone unless you know what to do*/
text-align: center;
}

div.blogheader, .caption {
/* edits the dates */
background-color: #194BBC;
font:bold 14px tahoma;
color: #ffffff;
line-height: 14px;
text-transform: bold lowercase;
text-align: right;
}

a:link, .footernav.link, a.footernav:link, a.footernav:active {
color: #FFFFFF;
text-decoration: none;
}

a:visited, a.footernav:visited,  {
/* edits the links that the user has visited */
color: #FFFFFF;
text-decoration: none;
}

a:hover {
/* edits when user mouseovers the links */
color: #194BBC;
cursor: crosshair;
text-decoration: none;
}

input, select, textarea, .textfield, .button {
/* this edits the buttons, dropdowns, etc. */
border: 1px solid #000000;
font:normal 10px tahoma;
background-color: #000000;
color: #ffffff;
}

table.left {
/* this edits the menu module */
border: 1px solid #000000;
width:0px;
background-color: #000000;
}

table.blogbody {
/* this edits the other the place where the  blog is */
background-color: transparent;
width:242px;
}

table.left th {
/* on your menu module, this edits the title part of it */
/* like BLOGRINGS, POSTING CALENDAR, etc */
font: bold 11px tahoma;
text-transform: uppercase;
color: #000000;
border: none;
text-align: center;
}
table.left TD {
/* on your menu module, this edits the body part of it */
background-image: url();
background-color: #62A8E3;
border: none;
}
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer

{display: none;}

table.search TD, table.search, table.announcements {
/* border of search bar (if you have it) */
background-color: #62A8E3;
}
table.search TD, table.announcements TH {
/* this should be left alone */
/* unless you know what to do */
border: 0px solid #c0c0c0;
}
table.navigation, table.main, table.footer {
/* the width of your blog with modules */
width: 0px;
}
hr {
/* horizontal divider */
display: none;
}
.z-index {
background-color: #194BBC;
font:bold 14px tahoma;
color: #ffffff;
line-height: 16px;
text-transform:lowercase;
text-align: right;
}
B {font-family:verdana; color: #FFFFFF;
font-size:8pt;}
I {font-family:verdana; color: #194BBC;
font-size:8pt;}
U {font-family:verdana; color: #000000;
font-size:8pt;}
</style>


<div style="position:static; margin-left:-177px;  margin-top: -196px;border: 0px solid #000000; width: 161px; height: 101px;font-family: verdana; font-size: 10px; text-align: right; background: none;">  
<p class="z-index">About Me</p>My name is Alvin Ward, I'm just a regular 15 year old guy that is a sophomore at Cleveland High. I love webdesign, orchestras, being a band geek, and just hanging out with friends and family. My two best friends are Stephanie and Dominique. <img src='http://alvinward.takecamera.com/cbsmilies/happy.gif'>.

<p class="z-index">Interests</p><b>orchestra music</b>, friends, family, <b>school</b>, <u>the french horn</u>, computer, photography, <i>chicago</i>, atlanta, digital camera, <u>ps2</u>, bet, ciara, <b>beyoncè</b>, vivica fox, <i>halle berry</i>, the chs wildcats, <b>french language</b>.

<p class="z-index">Currently Playing</p>
Lean With It Rock With It<br>

<p class="z-index">Navigation</p>
<a href="http://www.xanga.com">Xanga</a><br><a href="http://www.xanga.com/private">Private</a><br><a href="http://www.xanga.com/claf">Look & Feel</a><br><a href="http://www.xanga.com/profile.asp?user=circusclown09">Profile</a><br><a href="http://www.xanga.com/private/SubscribeTo.aspx?user=circusclown09">Subscribe</a><br><a href="http://www.xanga.com/guestbook.asp?user=circusclown09">Guestbook</a><br><a href="http://www.xanga.com/signin.asp">Sign In</a><br><a href="http://www.xanga.com/logout.asp">Logout</a><br><a href="http://www.createblog.com">Createblog</a><br><a href="http://www.myspace.com/alvin01">Myspace</a><br><a href="http://www.alvinward.be">Portfolio</a><br><a href="http://xact1v1stx.livejournal.com">Livejournal</a><br><a href="http://alvinward.takecamera.com">Sub Domain</a><br>

<p class="z-index">Blogrings</p>
<a href="http://www.xanga.com/groups/group.aspx?id=35036">Yes I am a Band Geek</a><br><a href="http://www.xanga.com/groups/group.aspx?id=440369">Cleveland, MS Peeps in here!</a><br><a href="http://www.xanga.com/groups/group.aspx?id=625850">~*~CraZy tOwn~*~</a><br><a href="http://www.xanga.com/groups/group.aspx?id=585719">Stuff 4 U</a><br><a href="http://www.xanga.com/groups/group.aspx?id=240961">Createblog</a><br><a href="http://www.xanga.com/groups/group.aspx?id=876532">«.::\*/+LaYoUt DeSiGnErS+\*/::.»</a><br><a href="http://www.xanga.com/groups/group.aspx?id=1394388">MS SUMMER ARTS AT DELTA STATE!!!</a><br><a href="http://www.xanga.com/groups/group.aspx?id=228384">~Mellophone/FrenchHorn ~</a>
</font>
</div>



<div style="position:absolute; margin-left:190px; margin-top: -70px; margin-right: 50px; border: 0px solid #ffffff; width: 242px; height: 400px; text-align: right; background: none;overflow: auto;">

Here's the link to my xanga: http://xanga.com/circusclown09

[talcumpowder]

Ch, your coding is messy. Here, it's not perfect, but it'll get you started. Coded for IE.

CODE

<!-- here's your image -->
<div style="position:static; margin-left: 1px; text-align: right; background: none;"><img src="http://alvinward.takecamera.com/images/skins/xcopyfinalx.jpg" alt=""></div>

<!-- here's your navigation... -->
<div style="position:static; margin-right: -183px;  margin-top: -196px; width: 155px; height: 101px;font-family: verdana; font-size: 10px; text-align: right;">  
<p class="z-index">About Me</p>My name is Alvin Ward, I'm just a regular 15 year old guy that is a sophomore at Cleveland High. I love webdesign, orchestras, being a band geek, and just hanging out with friends and family. My two best friends are Stephanie and Dominique. <img src='http://alvinward.takecamera.com/cbsmilies/happy.gif'>.

<p class="z-index">Interests</p><b>orchestra music</b>, friends, family, <b>school</b>, <u>the french horn</u>, computer, photography, <i>chicago</i>, atlanta, digital camera, <u>ps2</u>, bet, ciara, <b>beyoncè</b>, vivica fox, <i>halle berry</i>, the chs wildcats, <b>french language</b>.

<p class="z-index">Currently Playing</p>
Lean With It Rock With It<br>

<p class="z-index">Navigation</p>
<a href="http://www.xanga.com">Xanga</a><br><a href="http://www.xanga.com/private">Private</a><br><a href="http://www.xanga.com/claf">Look & Feel</a><br><a href="http://www.xanga.com/profile.asp?user=circusclown09">Profile</a><br><a href="http://www.xanga.com/private/SubscribeTo.aspx?user=circusclown09">Subscribe</a><br><a href="http://www.xanga.com/guestbook.asp?user=circusclown09">Guestbook</a><br><a href="http://www.xanga.com/signin.asp">Sign In</a><br><a href="http://www.xanga.com/logout.asp">Logout</a><br><a href="http://www.createblog.com">Createblog</a><br><a href="http://www.myspace.com/alvin01">Myspace</a><br><a href="http://www.alvinward.be">Portfolio</a><br><a href="http://xact1v1stx.livejournal.com">Livejournal</a><br><a href="http://alvinward.takecamera.com">Sub Domain</a><br>

<p class="z-index">Blogrings</p>
<a href="http://www.xanga.com/groups/group.aspx?id=35036">Yes I am a Band Geek</a><br><a href="http://www.xanga.com/groups/group.aspx?id=440369">Cleveland, MS Peeps in here!</a><br><a href="http://www.xanga.com/groups/group.aspx?id=625850">~*~CraZy tOwn~*~</a><br><a href="http://www.xanga.com/groups/group.aspx?id=585719">Stuff 4 U</a><br><a href="http://www.xanga.com/groups/group.aspx?id=240961">Createblog</a><br><a href="http://www.xanga.com/groups/group.aspx?id=876532">«.::\*/+LaYoUt DeSiGnErS+\*/::.»</a><br><a href="http://www.xanga.com/groups/group.aspx?id=1394388">MS SUMMER ARTS AT DELTA STATE!!!</a><br><a href="http://www.xanga.com/groups/group.aspx?id=228384">~Mellophone/FrenchHorn ~</a>
</font>
</div>

<style type="text/css">
body {
background-image:url('http://alvinward.takecamera.com/images/skins/xcopybgx.jpg'); background-repeat: repeat-y; background-attachment: scroll; background-position: center center;
scrollbar-arrow-color: #F6FF03; scrollbar-track-color: #000000;scrollbar-shadow-color: #000000;scrollbar-face-color: #000000;scrollbar-highlight-color: #000000;scrollbar-darkshadow-color: #000000;scrollbar-3dlight-color: #000000;}
/* width of the comment page I suggest making it the same width as the blogbody*/
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops{width:150px;}
/* edits main text */
.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {font:normal 10px tahoma;line-height:11px;color: #000000;letter-spacing:0px;}
/* edits the dates */
div.blogheader, .caption {background-color: #194BBC;font:bold 14px tahoma;color: #ffffff;line-height: 14px;text-transform: bold lowercase;text-align: right;}
/* edits all links */
a:link, .footernav.link, a.footernav:link, a.footernav:active {color: #FFFFFF;text-decoration: none;}
/* edits the links that the user has visited */
a:visited, a.footernav:visited,  {color: #FFFFFF;text-decoration: none;}
/* edits when user mouseovers the links */
a:hover {color: #194BBC;cursor: crosshair;text-decoration: none;}
/* this edits the buttons, dropdowns, etc. */
input, select, textarea, .textfield, .button {border: 1px solid #000000;font:normal 10px tahoma;background-color: #000000;color: #ffffff;}
/* horizontal divider */
hr {display: none;}
/* text styles */
B {font-family:verdana; color: #FFFFFF; font-size:8pt;}
I {font-family:verdana; color: #194BBC; font-size:8pt;}
U {font-family:verdana; color: #000000; font-size:8pt;}
/* misc. layout crap */
.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer{display: none;}
table.blogbody {background-color: transparent; width:242px;}
.z-index {background-color: #194BBC; font:bold 14px tahoma; color: #ffffff; line-height: 16px; text-transform:lowercase; text-align: right;}
</style>

<script type='text/javascript'>document.title = ('Blue Skies // Version 18')</script>

<!-- positions the blog -->
<div style="position:absolute; margin-left:-100px; margin-top: -800px; width: 242px; height: 400px; text-align: right; overflow: auto;">

[demolished]

CODE

<div class="blogbody" style="overflow: visible; width: 450px; background-color:transparent; margin-left: 6px; margin-top:-1725px;">

Use that div code to realign your blog. Of course, fix the width, margin, and etc. If you want to know more about div style, check the forum. it should be on page 1, yep. that's it. have fun !

[YourSuperior]

Thanks Reili, this topic can be locked.