layout help Options

[Mulder]

i made a layout, and i've just begun coding it. but basically ive gotten all the hard stuff taken care of. i used <div> tags to put my info somewhere (i dont have modules) but the font wont change. so do i need to put the font into the <div> tag code or make a module...or what?

header html

<!-- begin code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='390,46,421,65' HREF='http://www.xanga.com' ALT='home'><br /><AREA SHAPE='rect' COORDS='384,84,415,101' HREF='http://www.xanga.com/private/home.aspx' ALT='yours'><br /><AREA SHAPE='rect' COORDS='386,118,414,135' HREF='http://www.xanga.com/claf' ALT='claf'><br /><AREA SHAPE='rect' COORDS='382,149,415,167' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=delusionsofgrandeur67' ALT='subscribe'><br /><AREA SHAPE='rect' COORDS='387,182,416,206' HREF='http://www.xanga.com/signin.aspx' ALT='sign in'><br /><AREA SHAPE='rect' COORDS='388,224,416,246' HREF='http://www.xanga.com/logout.aspx' ALT='sign out'><br /></MAP><br /><br /><IMG SRC=http://img281.imageshack.us/img281/2646/greenswirllyt25gg.png border=0 width=700 height=600 USEMAP='#imgmap'><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone,<br />/* width of the comment page */<br />{width:245px;}<br />.leftmoduletitlebar, .leftmoduleborder, .leftmoduleinterior, table.left, table.left TH, table.left TD, table.navigation, table.footer <br />{display: none;} <br /></style><br /><br /><!-- end code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- end code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 240px; height: 250px; margin-top: -570px; margin-left: 440px; text-align: left;"><b>About Me</b><br>Name: John Smith<br>Age: 20<br>Birthday: January 1<br>Hobbies: Farting<Br>Expertise: Computer Programming</div><br /><br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 500px; height: 200px; margin-top: 140px; margin-left: -300px;"> <br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

website stats (a basic stylesheet)

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Just Imagine - By delusionsofgrandeur67@xanga.com*/<br />body <br />{background-color: #FFFFFF;<br /></style><br /><style type="text/css"><br />div {<br />filter:chroma(color=#FFFFFF); /* here you are defining which color you want to be transparent in your scrollbars */<br /><br />scrollbar-arrow-color: #000000;<br />scrollbar-face-color: #FFFFFF; /* transparent */<br />scrollbar-3dlight-color: #FFFFFF; /* transparent */<br />scrollbar-darkshadow-color: #FFFFFF; /* transparent */<br />scrollbar-highlight-color: #FFFFFF;<br />scrollbar-shadow-color: #FFFFFF;<br />scrollbar-track-color: #FFFFFF; /* transparent */<br />}<br /><br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: centaur;<br />text-transform:none;<br />font-size: 20px;<br />line-height: 15px;<br />font-weight: bold;<br />color:#000000;<br />letter-spacing:-1px;<br />background-color:transparent;<br />text-align:center;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #000000;}<br /><br /><br /> table.footer TD {<br />/* this makes the footer at the bottom centered */<br />/* leave it alone unless you know what to do*/<br />text-align: center;}<br /><br />table.left th {<br />/* on your menu module, this edits the title part of it */<br />/* like BLOGRINGS, POSTING CALENDAR, etc */<br />background-image: url();<br />background-color:none;<br />color: #COLOR CODE;<br />font: bold #pt FONT FAMILY;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#COLOR CODE;<br />BORDER: #COLOR CODE #px solid;}<br /><br />font,td,p,xmp<br />{color:#000000;<br />font-face:centaur;<br />font-weight:normal;<br />font-size:8pt;<br />text-align:justify;}<br /><br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br /><br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: terminal;<br />BORDER: #COLOR CODE #px solid;<br />width:380px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br /><br />a:link<br />{line-height: 10pt; <br />font-family: terminal;<br />font-weight:normal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:ne-resize;}<br /><br />a:active<br />{font-family: terminal; <br />color:#000000; <br />text-transform:none;<br />font-size:8pt; <br />cursor:ne-resize;}<br /><br />a:visited<br />{font-family: terminal; <br />color:#000000; <br />text-transform:none;<br />text-decoration:none;<br />font-size:8pt;<br />cursor: ne-resize;}<br /><br />A:hover {font-family: terminal;<br />color:#40BF40;<br />text-transform: none; <br />cursor: ne-resize; <br />font-weight:normal;<br />font-size:8pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

its not on my xanga right now.... heres the link


do u also know how to make the pic completely fill up the page?
thanks