My header code..., ...everythings all out of whack Options

[catt1826]

Everything was perfect until I tried to put some text on the top of my page, I really liked it, but I really would like to have the text at the top of my page. Everything used to be centered and pretty.... but now it's not. Well I can't explain it very well.... but here's what it looks like.... clicky!!

And here's the code for my header... please help me!!

<!-- begin code provided by createblog.com --><br /><h1><font face="English111 Vivace BT" size=+2 color=FF0080><br />Two souls intertwined...<br /></font></h1><br /><br /><h2><font size=+2 face="English111 Vivace BT" color=FF0080><marquee behavior=alternate><marquee direction=right> ...and although they're worlds apart,</marquee></h2><br /><br /><h3><font face="English111 Vivace BT" size=+2 color=FF0080><br />The soul it knows no difference...<br /></font></h3><br /><br /><h4><font size=+2 face="English111 Vivace BT" color=FF0080><marquee behavior=alternate><marquee direction=right> ...in matters of the heart</marquee></h4><br /><br /><style type="text/css"><br />/* <span class='searchlite'>blue nd green</span> Stylesheet */<br />/* by Tiffany(xanga.com/layoutx3provider) */<br />/* <a href='http://blogring' target='_blank'>http://blogring</a> */<br />body {<br />background-color: #000000;<br />background-image: url(http://atlas.walagata.com/w/isaidhello/woo.gif);<br /> background-repeat: no-repeat; <br /> background-attachment: fixed; <br /> background-position: top left;<br />background-color: #ffffff;<br />scrollbar-arrow-color: FF8000;<br />scrollbar-track-color: FF8000;<br />scrollbar-shadow-color: E7589F;<br />scrollbar-face-color: FF0080;<br />scrollbar-highlight-color: ffffff;<br />scrollbar-darkshadow-color: ffffff;<br />scrollbar-3dlight-color: ffffff; <br />}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />  font:normal 11px arial;<br />  line-height:16px;<br />  color:#FF0080;<br />  letter-spacing:0px;<br />  text-align:justify;<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 />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br /> font-weight: bold;<br /> color: #FF8000;<br />}<br />div.blogheader, .caption {<br />/* edits the dates */<br />font-family: arial;<br />text-transform:lowercase;<br />font-size:24px;<br />line-height:30px;<br />font-weight: regular;<br />height: 1px;<br />color: #FFDFBF;<br />letter-spacing:0px;<br />text-align: center;<br />border-left: 5px solid #FFDFBF;<br />border-right: 5px solid #FFDFBF;<br />border-top: 5px solid #FF8000;<br />background-color: #FF0080;<br />}<br />a:link, .footernav.link, a.footernav:link, a.footernav:active {<br />/* edits all links */<br />  color:#FF8000;<br />  text-decoration: none;<br />  font:normal 11px arial;<br />  line-height:16px;<br />  }<br />a:visited, a.footernav:visited,  {<br />/* edits the links that the user has visited */<br />  color: #FF8000; <br />  text-decoration: none;<br />  font:normal 11px arial;<br />  line-height:16px;<br />}<br />a:hover {<br />/* edits when user mouseovers the links */<br />  color:#FFBFDF;<br />  text-decoration: none;<br />font:normal 11px arial;<br />  line-height:16px;<br />background-color: transparent;<br />}<br />input, select, textarea, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />   border: 1px dotted #ffbfdf;<br />  font:normal 11px arial;<br />  background-color: #FF0080;<br />  letter-spacing:0px;<br />  color: #FFDFBF;<br />  }<br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />  background-color: #ffffff;<br />  width:400px;<br />  font:normal 11px arial;<br />  line-height:16px;<br />  color: #frf0080;<br /> border-left: 5px solid #FFDFBF;<br />border-right: 5px solid #FFDFBF;<br />border-bottom: 5px solid #FF8000;<br />border-top: 5px solid #FFBFDF;<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: none;<br />background-color: #ffffff;<br />  font: bold 11px arial;<br />  color: #FF8000;<br />  border: none;<br />    border-left: 5px solid #FFDFBF;<br />border-right: 5px solid #FFDFBF;<br />border-top: 5px solid #FF0080;<br />  }<br />table.left TD {<br />/* on your menu module, this edits the body part of it */<br />  background-image: none;<br />  background-color: #ffffff;<br />  border: none;<br />  font:normal 11px arial;<br />  line-height:16px;<br />  color: #FF0080;<br /> border-left: 5px solid #FFDFBF;<br />border-right: 5px solid #FFDFBF;<br />border-bottom: 5px solid #FF8000;<br />border-top: 5px solid #FFBFDF;<br />  }<br />table.search TD, table.search, table.announcements {<br />/* border of search bar (if you have it) */<br />  background-color: #ffffff; <br />  }<br />table.search TD, table.announcements TH {<br />/* this should be left alone */<br />/* unless you know what to do */<br />  }<br />table.navigation, table.main, table.footer {<br />/* the width of your blog with modules */<br />  width: 600px;<br />  }<br />hr {<br />/* horizontal divider */<br />  }<br /></style><br /><script language="JavaScript"><br /><!--<br />function SymError()<br />{<br />  return true;<br />}<br />window.onerror = SymError;<br />//--><br /></script><br /><script language=JavaScript><br /><!--<br />//blink boxes - xanga.com/add_ons<br />//by sean f http://www.xanga.com/seanmeister<br />//fixed to work with new security measures by<br />//hotaru_01 http://www.xanga.com/hotaru_01<br />// customize by changing the values below<br />// these are the various colors, in quotes, seperated by commas<br />var blinkColors = new Array("FF8000","FF0080","white");<br />// the border color<br />var blinkBorderColor = "#ffffff"<br />// the border width, in pixels<br />var blinkBorderWidth = 1;<br />// the # of rows<br />var blinkRows = 1;<br />// the # of columns<br />var blinkCols = 50;<br />// the width of the entire box, in pixels or %<br />var blinkWidth = 500;<br />// the height of each row, in pixels<br />var blinkRowHeight = 10;<br />// speed of blinking, in milliseconds<br />var blinkRate = 5;<br />// do not edit below this line<br />st=setTimeout;<br />document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>");<br />for (r = 0; r < blinkRows; r++){<br />document.write("<TR>");<br />for (c = 0; c < blinkCols; c++){<br />document.write("<TD height='" + blinkRowHeight + "'></TD>");<br />}<br />document.write("</TR>");<br />}<br />document.write("</table>");<br />// ... and this makes it blink<br />function blinkIt() {<br />changecell = Math.floor(Math.random() * (blinkCols * blinkRows));<br />changecolor = Math.floor(Math.random() * blinkColors.length);<br />bb = document.getElementById("blinkbox");<br />bbtd = bb.getElementsByTagName("td");<br />bbtd[changecell].style.backgroundColor = blinkColors[changecolor];<br />st('blinkIt()', blinkRate);<br />}<br />blinkIt();<br />//--><br /></script><style type="text/css"><br />/*<br />Blurred Hyperlinks - xanga.com/add_ons<br />- use only 45, 90, 135, 180, 225, 270, 315, or 360 for DIRECTION<br />- STRENGTH means the blur power<br />- do not change or remove HEIGHT:0 and add="0"<br />*/<br />a:hover <br />{<br />filter:blur(add="0",direction="90",strength="7"); height:0;<br />}<br /></style><!-- begin code provided by createblog.com --><br /><style><br />u{<br />border-bottom: 1px dotted #FF0080;<br />color:#FFDFBF;<br />}<br /></style><br /><style type="text/css"><br />.blogbody i, .standard i, p i, em {<br /> font-weight: italic;<br /> color: #FFBFDF;}<br /></style><a href=http://www.xanga.com/html_codes_R_us>Layouts R Us</a><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><br /><br /><!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><object id="darkplayer" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"><br /><param NAME VALUE><br /><param NAME="ShowControls" VALUE="0"><br /><param NAME="ShowStatusBar" VALUE="0"><br /><param NAME="ShowDisplay" VALUE="0"><br /><param NAME="DefaultFrame" VALUE="Slide"><br /><param NAME="Autostart" VALUE="1"><br /><param NAME="Loop" VALUE="True"><br /></object><br /><form name="form"><br /><select name="playlist" size="1"><br /><br /><!-- Add song info here --><br /><option value="0">Live Your Dreams-Athena Cage</option><br /><option value="1">My December-Linkin Park</option><br /><option value="2">Pieces-Sum 41</option><br /><option value="3">They-Jem</option><br /><option value="4">Only One-Yellowcard</option><br /><option value="5">What Are You Waiting For?-Gwen Stefani</option><br /><option value="6">Last Train Home-Lost Prophets</option><br /><option value="7">It Takes More-Ms. Dynamite</option><br /><option value="8">Magic Stick-50 Cent ft. Lil' Kim</option><br /><option value="9">Nobody Puts Baby In The Corner-Fallout Boy</option><br /><option value="10">Nobody's Home-Avril Lavigne</option><br /><option value="11">Sugar-Trick Daddy and Ludacris</option><br /><option value="12">I Want To Be Your Man-Zapp and Roger Troutman</option><br /><br /><br /></select><br><br /><input TYPE="BUTTON" NAME="darkplay" VALUE="play" OnClick="play(document.forms['form'].playlist);"><br /><input TYPE="BUTTON" NAME="darkpause" VALUE="pause" OnClick="document.darkplayer.pause(); playstate=2;"><br /><input TYPE="BUTTON" NAME="darkstop" VALUE="stop" OnClick="document.darkplayer.stop(); playstate=2;"></p><br /></form><br /><br /><script language="JavaScript"><br /><!--<br />var playstate = 1;<br />shuffle = 1;  // Set to 0 to always play first song in list<br />              // Set to 1 to randomly choose the first song to play<br />songs=new Array();<br /><br />// Add song URLs here<br />songs[0]="http://www.angelfire.com/music6/izzybelle21/sountrack_Save_The_Last_Dance-_Live_Your_Dreams__Soundtrack_Song_.mp3";<br />songs[1]="http://www.angelfire.com/music6/izzybelle21/Linkin_Park_-_My_December.mp3";<br />songs[2]="http://www.angelfire.com/music6/izzybelle21/Sum_41_-_Pieces.mp3";<br />songs[3]="http://www.angelfire.com/music6/izzybelle21/Jem_-_Laguna_Beach_-_They.mp3";<br />songs[4]="http://www.angelfire.com/blog2/izzybelle21/Yellowcard_-_Only_One.mp3";<br />songs[5]="http://www.angelfire.com/blog2/izzybelle21/Gwen_Stefani_-_What_Are_You_Waiting_For.mp3";<br />songs[6]="http://www.angelfire.com/blog2/izzybelle21/Lost_Prophets_-_Last_Train_Home.mp3";<br />songs[7]="http://www.angelfire.com/blog2/izzybelle21/Ms_Dynamite_-_It_Takes_More.mp3";<br />songs[8]="http://www.angelfire.com/jazz/izzybelle21/50_Cents_ft_lil_kim_-_Magic_Stick.mp3";<br />songs[9]="http://www.angelfire.com/jazz/izzybelle21/Fall_Out_Boy_-Nobody_Puts_Baby_In_The_Corner.mp3";<br />songs[10]="http://www.angelfire.com/jazz/izzybelle21/Avril_Lavinge_-_Nobody_s_Home.mp3";<br />songs[11]="http://www.angelfire.com/jazz/izzybelle21/Trick_Daddy___Ludacris_-_Sugar.mp3";<br />songs[12]="http://www.angelfire.com/jazz/izzybelle21/Love___Basketball_-_11-_Zapp_and_Roger-_I_want_to_be_your_man.mp3";<br /><br /><br />if (shuffle == 1) {<br />var randsg = Math.floor(Math.random()*songs.length);<br />document.darkplayer.FileName = songs[randsg];<br />document.darkplayer.scr = songs[randsg];<br />document.forms['form'].playlist.options[randsg].selected = true;<br />}<br />function play(list) {<br />if (playstate == 2) {<br />document.darkplayer.Play();<br />} else {<br />var snum = list.options[list.selectedIndex].value<br />document.darkplayer.FileName = songs[snum];<br />document.darkplayer.scr = songs[snum];<br />}<br />playstate = 1;<br />}<br />//--><br /> </script><br /><!-- end code provided by createblog.com --><br /><br /><!-- end code provided by createblog.com --><br /><!-- end code provided by createblog.com --><br /><br /><script>document.title="-~*Beauty is eternity gazing  at itself in a mirror~*-";</script><br /><!-- end code provided by createblog.com -->

[talcumpowder]

Put this in your webstats if you want it at the bottom.

<!-- begin code provided by createblog.com --><br /><h1><font face="English111 Vivace BT" size=+2 color=FF0080><br />Two souls intertwined...<br /></font></h1><br /><h2><font size=+2 face="English111 Vivace BT" color=FF0080><marquee behavior=alternate><marquee direction=right> ...and although they're worlds apart,</marquee></h2><br /><h3><font face="English111 Vivace BT" size=+2 color=FF0080><br />The soul it knows no difference...<br /></font></h3><br /><h4><font size=+2 face="English111 Vivace BT" color=FF0080><marquee behavior=alternate><marquee direction=right> ...in matters of the heart</marquee></h4><br /><!-- end code provided by createblog.com -->

Also, try putting it in left alignment and making this the first thing in your header.

CODE

<div align="center">

[catt1826]

I really want it at the top, everything would be perfect if I could just get everything aligned in the middle, but that code you gave me didn't do anything...

[catt1826]

Oh I got it, I just has to take out the <marquee direction=right>, thank you anyway though!

[talcumpowder]

..... I can't figure it out. I think there must be something about that text that screws the entire layout up.
Because.... Iono. I take it and put it in webstats, it's not centered.... But it centers the rest of the layout. Maybe try using a diffrent marquee?
edit// 'kay! Closed