layout text sizing help Options

[swtaznpride]

i put a layout in my xanga. and the text is too small and it is like in a lil box instead of it spread out. look here

wta can i do the code is

CODE

<!-- begin code provided by createblog.com -->
<!-- begin code provided by createblog.com -->

<center><div id="image" style="align: center;filter: chroma(color=#FFFFFF) allowTransparency;">
<img name="oceanz1" src="http://skins.cbstaff.com/skin190_image.jpg" width="900" height="675" border="0" usemap="#m_oceanz1" alt=""><map name="m_oceanz1">
<area shape="rect" coords="737,554,807,576" href="http://www.xanga.com/private/home.aspx" target="_self" title="Private" alt="Private" >
<area shape="rect" coords="732,525,793,545" href="www.xanga.com" target="_self" title="Xanga" alt="Xanga" >
<area shape="rect" coords="734,498,869,518" href="http://www.xanga.com/Private/subs.aspx" target="_self" title="Subscriptions" alt="Subscriptions" >
<area shape="rect" coords="735,467,805,489" href="http://www.xanga.com/profile.aspx?user=username" target="_self" title="Profile" alt="Profile" >
<area shape="rect" coords="735,438,823,460" href="http://www.xanga.com/Private/feedback.aspx" target="_self" title="Feedback" alt="Feedback" >
<area shape="rect" coords="734,411,809,431" href="http://www.xanga.com/Private/SubscribeTo.aspx?user=username" target="_self" title="Add me" alt="Add me" >
<area shape="rect" coords="734,382,817,404" href="http://www.xanga.com/logout.asp" target="_self" title="Sign out" alt="Sign out" >
<area shape="rect" coords="731,353,806,373" href="http://www.xanga.com/signin.aspx" target="_self" title="Sign in" alt="Sign in" >
<area shape="rect" coords="734,324,872,347" href="http://www.xanga.com/CLAF/default.asp" target="_self" title="Look and Feel" alt="Look and Feel" >
</map>

<div id="content" style="margin-left: 235px; margin-top: -375px; width: 350px; height: 270px; overflow: auto;">

<!-- end code provided by createblog.com -->
<!-- end code provided by createblog.com -->

CODE

<!-- begin code provided by createblog.com -->

<style type="text/css">
Body {background-color: #FFFFFF; background-image: none; background-attachment: none; background-no repeat: no repeat-y; background-position: center center; text-align: center; font-family: Arial; color: #63728F; font-size: xx-small; text-decoration: none; filter: chroma(color=#FFFFFF);}
:link {color: #63728F; text-decoration: underline; }
a:link {color: #63728F; text-decoration: underline; }
a:visited {color: #63728F; text-decoration: underline; }
a:active {color: #63728F; text-decoration: none; }
.nav.link {color: #000000; text-decoration: underline; }
a.nav:link {color: #63728F; text-decoration: underline; }
a.nav:visited {color: #63728F; text-decoration: underline; }
a.nav:active {color: #63728F; text-decoration: none; }
.navselected.link {color: #000000; text-decoration: underline; }
a.navselected:link {color: #63728F; text-decoration: underline; }
a.navselected:visited {color: #63728F; text-decoration: underline; }
a.navselected:active {color: #63728F; text-decoration: none; }
.footernav.link {color: #63728F; text-decoration: underline; }
a.footernav:link {color: #63728F; text-decoration: underline; }
a.footernav:visited {color: #63728F; text-decoration: underline; }
a.footernav:active {color: #000000; text-decoration: none; }
p, center {font-family: Arial; color: #63728F; font-size: xx-small; text-decoration: none; }
.smalltext {font-size: xx-small; }
LI {font-family: Arial; color: #63728F; font-size: xx-small; text-decoration: none; }
UL {font-family: Arial; color: #63728F; font-size: xx-small; text-decoration: none; }
TD {font-family: Arial; color: #000000; font-size: xx-small; text-decoration: none; }
TH {font-family: Arial; color: #63728F; font-size: xx-small; text-decoration: none; }
HR {color: #63728F;}
table.banner { background-color: #ffffff; border: none; background-image: none; }
table.header { width: 600px; background-color: #63728F; border: 2px solid #000000; }
table.header TH {font-size: x-small; text-decoration: none; font-weight: normal; border: none; }
table.header TD {font-size: x-small; text-decoration: none; border: none; }
table.navigation { width: 600px; border: none; }
table.footer { width: 600px; border: none; }
table.main { width: 600px; border: none; }
table.main TD, table.main TR { border: none; }
table.search { color: #000000; border: none; }
table.search TH { color: #63728F; border: none; background-image: none; }
table.search TD, table.search TR { color: #63728F; border: none; background-image: none; }
table.left { border: 1px solid #63728F; }
table.left TH { color: #000000; text-align: center; border: none; background-image: none; }
table.left TD, table.left TR { color: #63728F; text-align: right; border: none; background-image: none; }
table.right { border: 1px solid #63728F; }
table.right TH { color: #63728F; text-align: center; border: none; background-image: none; }
table.right TD, table.right TR { color: #63728F; text-align: right; border: none; background-image: none; }
table.announcements { border: 1px solid #000000; background-image: none; }
table.announcements TH { border: 1px solid #63728F; border-bottom: 2px solid #000000; background-image: none; }
table.announcements TD, table.announcements TR { border: none; background-image: none; }
.button {font-family: Arial; border: 1px solid #63728F; }
.textfield {font-family: Arial; border: 1px solid #63728F; }
.pulldown {font-family: Arial; border: 1px solid #63728F; }
table.textad {border: 2px dotted #000000;}
table.textad TD, table.textad TR { color: #000000; background-color: #63728F; border: none; background-image: none; }
.textad:link {color: #8B9CD0; text-decoration: underline; }
a.textad:link {color: #8B9CD0; text-decoration: underline; }
a.textad:visited {color: #8B9CD0; text-decoration: underline; }
a.textad:active {color: #000000; text-decoration: none; }
.blogheader {font-family: Arial; color: #000000; font-size: xx-small; text-decoration: none; font-weight: bold; padding-bottom: 4pt; }
</style>
<!-- begin code provided by createblog.com -->


<!-- begin code provided by createblog.com -->
<STYLE>
/*
top bar remover - xanga.com/add_ons
*/
table.navigation {display: none;};</STYLE>
<!-- end code provided by createblog.com -->


<font=8pt arial>
<style type=text/css>
/* remove regular modules */
texttable.left, td.mainleft, table.left, table.navigation, table.footer, table.search{display:none}
table.tr td {width:0px; padding: 0px;}

/* edit to your liking */
table.module { border: 1px solid #000000; width: 150px; background-color: transparent; background-image: url(''); background-repeat: repeat; background-position: top center; }
table.module th { background-color: transparent; font: 8pt arial; text-transform: none; color: #000000; border: none; background-image: url(''); background-repeat: repeat; background-position: center center; }
table.module td {color: #000000; text-align: justify; border: none; background-image: none; }
table.main {color: #000000; width: 325px; }
</style>


<STYLE TYPE="text/css"><!-- BODY
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops  {width: 325px;}
.table.navigation, #rblEprops{display: none;}
#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops {width: 325px;}
</style>

<style type="text/css">
Body {background-color: #FFFFFF; text-align: center; font-family: Arial; color: #000000; font-size: xx-small; text-decoration: none; }
:link {color: #000000; text-decoration: none; }
a:link {color: #000000; text-decoration: none; }
a:visited {color: #000000; text-decoration: none; }
a:active {color: #000000; text-decoration: none; }
.nav.link {color: #000000; text-decoration: none; }
a.nav:link {color: #63728F; text-decoration: none; }
a.nav:visited {color: #63728F; text-decoration: none; }
a.nav:active {color: #63728F; text-decoration: none; }
.navselected.link {color: #000000; text-decoration: none; }
a.navselected:link {color: #000000; text-decoration: none; }
a.navselected:visited {color: #000000; text-decoration: none; }
a.navselected:active {color: #8BB0D0; text-decoration: none; }
.footernav.link {color: #63728F; text-decoration: none; }
a.footernav:link {color: #000000; text-decoration: none; }
a.footernav:visited {color: #63728F; text-decoration: none; }
a.footernav:active {color: #63728F; text-decoration: none; }
p, center {font-family: Arial; color: #000000; font-size: xx-small; text-decoration: none; }
.smalltext {font-size: xx-small; }
LI {font-family: Arial; color: #000000; font-size: xx-small; text-decoration: none; }
UL {font-family: Arial; color: #000000; font-size: xx-small; text-decoration: none; }
TD {font-family: Arial; color: #000000; font-size: xx-small; text-decoration: none; }
TH {font-family: Arial; color: #000000; font-size: xx-small; text-decoration: none; }
HR {color: #000000;}
table.banner { background-color: #ffffff; border: 1px solid #000000; background-image: none; }
table.header { width: 100%; background-color: #63728F; border: 2px solid #63728F; }
table.header TH {font-size: x-small; text-decoration: none; font-weight: normal; border: none; }
table.header TD {font-size: x-small; text-decoration: none; border: none; }
table.navigation { width: 100%; border: none; }
table.footer { width: 100%; border: none; }
table.main { width: 100%; border: none; }
table.main TD, table.main TR { border: none; }
table.search { color: #000000; border: 1px solid #63728F; }
table.search TH { color: #000000; border: 1px solid #63728F; background-image: none; }
table.search TD, table.search TR { color: #000000; border: none; background-image: none; }
table.left { border: 1px solid #000000; }
table.left TH { color: #000000; text-align: center; border: none; background-image: none; }
table.left TD, table.left TR { color: #000000; text-align: right; border: none; background-image: none; }
table.right { border: 1px solid #000000; }
table.right TH { color: #cccccc; text-align: center; border: none; background-image: none; }
table.right TD, table.right TR { color: #000000; text-align: right; border: none; background-image: none; }
table.announcements { border: 1px solid #63728F; background-image: none; }
table.announcements TH { border: 1px solid #8BB0D0; border-bottom: 2px solid #8BB0D0; background-image: none; }
table.announcements TD, table.announcements TR { border: none; background-image: none; }
.button {font-family: Arial; border: 1px solid #8BB0D0; }
.textfield {font-family: Arial; border: 1px solid #000000; }
.pulldown {font-family: Arial; border: 1px solid #63728F; }
table.textad {border: 2px dotted #63728F;}
table.textad TD, table.textad TR { color: #000000; background-color: #000000; border: none; background-image: none; }
.textad:link {color: #8BB0D0; text-decoration: underline; }
a.textad:link {color: #8BB0D0; text-decoration: underline; }
a.textad:visited {color: #8BB0D0; text-decoration: underline; }
a.textad:active {color: #63728F; text-decoration: none; }
.blogheader {font-family: Arial; color: #000000; font-size: xx-small; text-decoration: none; font-weight: bold; padding-bottom: 4pt; }
</style><style type="text/css">
Body {background-color: #FFFFFF; text-align: center; font-family: Arial; color: #000000; font-size: 8pt; text-decoration: none; }
:link {color: #000000; text-decoration: none; }
a:link {color: #63728F; text-decoration: none; }
a:visited {color: #000000; text-decoration: none; }
a:active {color: #63728F; text-decoration: none; }
.nav.link {color: #63728F; text-decoration: none; }
a.nav:link {color: #000000; text-decoration: none; }
a.nav:visited {color: #000000; text-decoration: none; }
a.nav:active {color: #63728F; text-decoration: none; }
.navselected.link {color: #63728F; text-decoration: none; }
a.navselected:link {color: #000000; text-decoration: none; }
a.navselected:visited {color: #000000; text-decoration: none; }
a.navselected:active {color: #000000; text-decoration: none; }
.footernav.link {color: #63728F; text-decoration: none; }
a.footernav:link {color: #63728F; text-decoration: none; }
a.footernav:visited {color: #000000; text-decoration: none; }
a.footernav:active {color: #000000; text-decoration: none; }
p, center {font-family: Arial; color: #000000; font-size: 8pt; text-decoration: none; }
b, strong {font-family: arial; font-weight: bold; color: #63728F; letter-spacing: -1px;}
.smalltext {font-size: 8pt; }
LI {font-family: Arial; color: #000000; font-size: 8pt; text-decoration: none; }
UL {font-family: Arial; color: #000000; font-size: 8pt; text-decoration: none; }
TD {font-family: Arial; color: #000000; font-size: 8pt; text-decoration: none; }
TH {font-family: Arial; color: #000000; font-size: 8pt; text-decoration: none; }
HR {color: #FFFFFF;}
table.banner { background-color: #ffffff; border: 1px solid #63728F; background-image: none; }
table.header { width: 100%; background-color: #63728F; border: 2px solid #cccccc; }
table.header TH {font-size: x-small; text-decoration: none; font-weight: normal; border: none; }
table.header TD {font-size: x-small; text-decoration: none; border: none; }
table.navigation { width: 100%; border: none; }
table.footer { width: 100%; border: none; }
table.main { width: 100%; border: none; }
table.main TD, table.main TR { border: none; }
table.search { color: #000000; border: 1px solid #63728F; }
table.search TH { color: #000000; border: 1px solid #8BB0D0; background-image: none; }
table.search TD, table.search TR { color: #000000; border: none; background-image: none; }
table.left { border: 1px solid #000000; }
table.left TH { color: #8BB0D0; text-align: center; border-bottom: 1px solid #000000; line-height: 10px; background-image: none; }
table.left TD, table.left TR { color: #000000; text-align: center; border: none; background-image: none; }
table.right { border: 1px solid #000000; }
table.right TH { color: #63728F; text-align: center; border: none; background-image: none; }
table.right TD, table.right TR { color: #000000; text-align: center; border: none; background-image: none; }
table.announcements { border: 1px solid #FFFFFF; background-image: none; }
table.announcements TH { border: 1px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; background-image: none; }
table.announcements TD, table.announcements TR { border: none; background-image: none; }
.button {font-family: Arial; border: 1px solid #FFFFFF; }
.textfield {font-family: Arial; border: 1px solid #FFFFFF; }
.pulldown {font-family: Arial; border: 1px solid #FFFFFF; }
table.textad {border: 2px dotted #63728F;}
table.textad TD, table.textad TR { color: #000000; background-color: #cccccc; border: none; background-image: none; }
.textad:link {color: #8BB0D0; text-decoration: underline; }
a.textad:link {color: #8BB0D0; text-decoration: underline; }
a.textad:visited {color: #8BB0D0; text-decoration: underline; }
a.textad:active {color: #63728F; text-decoration: none; }
.blogheader {font-family: Arial; color: #63728F; font-size: 8pt; text-align: center; letter-spacing: 3px; atext-decoration: none; text-transform:; font-weight: bold; padding-bottom: 4pt; }
</style>  

<STYLE TYPE="text/css">
table.footer { display:none }
table.navigation { display:none }
</style>
<style type="text/css">
<!--
body, div, p, td, html, module, table {
font-family: "arial";
text-align: justify;
font-color: #000000;
line-height: 10px;
font-size: 8pt;
letter-spacing: .5pt;
word-spacing: 2px; }

-->
</style>

<style>
input,textarea,select

{border:1px; background-color:ffffff; font-family:arial; font-size: 8pt; color:63728F; border:1 solid #000000
</style>
<style type="text/css">
BODY
{
   direction:;
 background-attachment:fixed;
 scrollbar-arrow-color: 8BAAD0;
 scrollbar-track-color: ffffff;
 scrollbar-face-color: ffffff;
 scrollbar-highlight-color: ffffff;
 scrollbar-3dlight-color: 8BAAD0;
 scrollbar-darkshadow-color: 63728F;
 scrollbar-shadow-color: 8BAAD0;}

-->
</STYLE>
<STYLE type="text/css">
<!--
A:link{color:8b44d0; font-family: arial; font-weight: normal; font-size: 8pt;}
A:visited{color:63728F; font-family: arial; font-weight: normal; font-size: 8pt;}
A:active{color:63728F; font-family: arial; font-size: 8pt;}
A:hover{color:63728F; 8pt; font-weight: normal; font-family: arial; text-transform: uppercase;}


font-size: 8pt; letter-spacing: px; font-family: arial;}

body {font-family: arial;
text-align: justify; font-size: 8pt;}

background-color:#}
-->
</style>

<!-- end code provided by createblog.com -->

<script language=JavaScript>
<!--

//Disable right click script III- By Renigade (renigade@mediaone.net)
//For full source code, visit http://www.dynamicdrive.com

var message="";
///////////////////////////////////
function clickIE() {if (document.all) {(message);return false;}}
function clickNS(e) {if
(document.layers||(document.getElementById&&!document.all)) {
if (e.which==2||e.which==3) {(message);return false;}}}
if (document.layers)
{document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS;}
else{document.onmouseup=clickNS;document.oncontextmenu=clickIE;}

document.oncontextmenu=new Function("return false")
// -->
</script>

<!-- end code provided by createblog.com -->

[cuddlexmeh]

look all i know is that you have to change the width and height of the weblog by using DIV layering, i think. but im not sure

this is the code for div layering

CODE

<!-- begin code provided by createblog.com -->

<div style="position:static; margin-left:#px;margin-top: #px; width: #px; height: #px;background: none;overflow: auto;">

<!-- end code provided by createblog.com -->

ABOUT THE TEXT SIZING, this code doesnt provide text sizing, but in ur code i see alot of xx-small for the text, maybe you should change that..

sorry if that doesnt help..