info * searchbar, ... Options

[Nugget]

ok so i got EVERYTHING done except the info part..now this is my xanga that im working it on..and i got everything in place..all i need is my info part..u see i put the info b4 the imagemapping code but that made the image go up only seeing half of it..then i put it AFTER the imagemapping close but taht made the blog go up along wit it and out of its place..so i duno where to put it so i could get the info all the way up there..anyway suggestion?? heres the info code :

<!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: -450px; height: 200px; margin-top: -650px; margin-left: -80px;"><b>About Me</b><br>Name: John Smith<br>Age: 20<br>Birthday: January 1<br>Hobbies: Farting<Br>Expertise: Computer Programming</div><br /><!-- end code provided by createblog.com -->

and heres the layout code

<!-- begin code provided by createblog.com --><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='6,37,19,49' HREF='http://www.xanga.com/signin.aspx' ALT='in'><br /><AREA SHAPE='rect' COORDS='23,41,46,52' HREF='http://www.xanga.com/logout.aspx ' ALT='out'><br /><AREA SHAPE='rect' COORDS='8,59,41,74' HREF='http://www.xanga.com' ALT='xanga'><br /><AREA SHAPE='rect' COORDS='6,86,56,96' HREF='http://www.xanga.com/Private/home.aspx' ALT='private'><br /><AREA SHAPE='rect' COORDS='6,108,75,118' HREF='http://www.xanga.com/guestbook.asp?user=USERNAME' ALT='guestbook'><br /><AREA SHAPE='rect' COORDS='6,125,54,138' HREF='http://www.xanga.com/private/subs.aspx' ALT='subs'><br /><AREA SHAPE='rect' COORDS='78,38,127,51' HREF='http://www.xanga.com/Private/SubscribeTo.aspx?user=USERNAME' ALT='subscribe'><br /><AREA SHAPE='rect' COORDS='81,62,107,73' HREF='http://www.xanga.com/claf' ALT='look n feel'><br /><AREA SHAPE='rect' COORDS='347,91,412,120' HREF='http://www.jojoonline.com' ALT='jojoonline'><br /><AREA SHAPE='rect' COORDS='477,10,250,11' HREF='http://www.xanga.com/aznangel4lyfe357' ALT='aznangel4lyfe357'><br /></MAP><br /><br /><IMG SRC='http://xs18.xs.to/pics/05091/jojo.JPG' border=0 width=481 height=696 USEMAP='#imgmap'><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 400px; height: 200px; margin-top: -250px; margin-left: -100px;"> <br /><br /><!-- end code provided by createblog.com --><br /><br /><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 /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />.#rblEprops{display:none;}<br />#pnlEnabled table, #htmleditor, #lblTimeZone, #pnlEprops, #rblEprops <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 /><br /><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Name of Your Skin - By You*/<br />body <br />{background-color: #000000;<br /><br />scrollbar-arrow-color: #ffffff;<br />scrollbar-track-color: #000000;<br />scrollbar-shadow-color: #ffffff;<br />scrollbar-face-color: #000000;<br />scrollbar-highlight-color: #ffffff;<br />scrollbar-darkshadow-color: #000000;<br />scrollbar-3dlight-color: #000000;}<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: CatholicSchoolGirls BB;<br />text-transform:none;<br />font-size:12px;<br />line-height:#px;<br />font-weight:normal;<br />color:#ffffff;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px dashed #ffffff;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #ffffff;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: 1px dashed #ffffff;<br />font:normal 12px CatholicSchoolGirls BB;<br />background-color: #COLOR CODE;<br />font-color:#ffffff;}<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: #ffffff;<br />font: bold 12pt CatholicSchoolGirls BB;<br />text-transform: none;<br />text-align:center;<br />border: #ffffff 1px dashed;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:ffffff;<br />background-color:#COLOR CODE;<br />BORDER: #ffffff 1px dashed;}<br /><br />font,td,p,xmp<br />{color:#ffffff;<br />font-face: CatholicSchoolGirls BB;<br />font-weight:normal;<br />font-size:12pt;<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: CatholicSchoolGirls BB;<br />BORDER: #ffffff 1px dashed;<br />width:###px;} /* <-- 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: 12pt; <br />font-family: CatholicSchoolGirls BB;<br />font-weight:normal; <br />color:#ffffff; <br />text-transform:none;<br />font-size:12pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: CatholicSchoolGirls BB; <br />color:#ffffff; <br />text-transform:none;<br />font-size:12pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: CatholicSchoolGirls BB; <br />color:#ffffff; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:12pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:CatholicSchoolGirls BB;<br />color:#ffffff;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:12pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css">P, B, I, TD, TH <br />{font-family: catholicschoolgirls bb; color: #ffffff; font-size: 12pt; }</style><br /><!-- end code provided by createblog.com --><br /><br /><br /><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />input, select, textarea, iframe.htmleditor, .textfield, .button, {<br />border: 1px dashed #ffffff;<br />font-face: catolicschoolgirls bb;<br />font-size: 12pt;<br />background-color: #trans;<br />font-color:#ffffff;<br />}<br />table.search TD, table.search TR{<br />background-color: #000000;<br />}<br />table.search {<br />border: 1px dashed #ffffff;<br />}<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

please and thank you!

also i used this code for the searchbar to change the color and everything

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />input, select, textarea, iframe.htmleditor, .textfield, .button, {<br />border: 1px dashed #ffffff;<br />font-face: catolicschoolgirls bb;<br />font-size: 12pt;<br />background-color: #trans;<br />font-color:#ffffff;<br />}<br />table.search TD, table.search TR{<br />background-color: #000000;<br />}<br />table.search {<br />border: 1px dashed #ffffff;<br />}<br /></style><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

but whenever i made the font color white,its black and u cant see wut ur typing..help please!!