Xanga layout didnt comeout expected, layout came out all wrong Options

[lilangryaznangel]

Hi! does any one knoe ho to fix this problem(site i need help on)
i do not noe how to put the blog on the picture, the image mapping isnt working(i think i did something wrong when i hosted it), and my font is white when i wanted it to be black. im sorry if i sound like im complaining.

[Pulchritude]

please paste your code here.. so i can fix it :]

[lilangryaznangel]

<!-- begin code provided by createblog.com --><br /><!-- Begin code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v675/lilcantoneseangel/Xangalayer1copy.gif"><br /><!-- end code provided by createblog.com --><br /><br /><!-- begin code provided by createblog.com --><br /><br /><div style="overflow: auto; width: 336px; height: 400px; margin-top: 20px; margin-left: 330px;"> <br /><br /><!-- end code provided by createblog.com --><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 /><!-- 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 /><!-- begin code provided by createblog.com --><br /><br /><style type="text/css"><br />/* Got Rice? - lilangryaznagel*/<br />body <br />{background-color: #00000;<br /><br />scrollbar-arrow-color: #FFFFF;<br />scrollbar-track-color: #00000;<br />scrollbar-shadow-color: #00000;<br />scrollbar-face-color: #00000;<br />scrollbar-highlight-color: #00000;<br />scrollbar-darkshadow-color: #00000;<br />scrollbar-3dlight-color: #00000;}<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: Arial;<br />text-transform:none;<br />font-size:#8;<br />line-height:#8;<br />font-weight:normal;<br />color:#FFFFFF;<br />letter-spacing:2px;<br />background-color:#00000;<br />text-align:center;<br />border:1px solid #00000;}<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 />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #1 solid #000000;<br />font:normal #8 Arial;<br />background-color: #000000;<br />font-color:#FFFFF;}<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 #8 Arial;<br />text-transform: none;<br />text-align:center;<br />border: #000000 #8 solid;}<br /> <br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#000000;<br />BORDER: #000000 #8 solid;}<br /><br />font,td,p,xmp<br />{color:#ffffff;<br />font-face: arial;<br />font-weight:normal;<br />font-size:#8;<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: arial;<br />BORDER: #000000 #1 solid;<br />width:321px;} /* <-- 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: #8; <br />font-family: arial;<br />font-weight:normal; <br />color:#ffffff; <br />text-transform:none;<br />font-size:#8; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: arial; <br />color:#C0r423; <br />text-transform:none;<br />font-size:#8; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: arial; <br />color:#c8e6k4; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:arial;<br />color:#00000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#pt}</style><br /><br /><!-- end code provided by createblog.com --><br /><br /><!-- End code provided by createblog.com --><br /><!-- end code provided by createblog.com -->

here you go.

[Pulchritude]

well for the blog u gotta position it ..adjust this part

<div style="overflow: auto; width: 336px; height: 400px; margin-top: 20px; margin-left: 330px;">

umm u said your imag mapping code doesnt work.. i dont see no image mapping code

[lilangryaznangel]

oh that explains two things i did completely wrong

[lilangryaznangel]

okay i did the first step of moving around the blog numbers but it still comes out the sameway, never on top of the picture

[talcumpowder]

M'kay.... Please just use the edit button. Oh, and try this format. I cleaned up the coding a bit, and I made your text black. =)
BTW, div is way at the bottom now. Gimme a couple of minutes and I'll do the image mapping for you. Silly... You have to image map it on some sort of prog, not just host it. =)
edit//Um.... Your image map works fine. Sorry I went into your source to get it. >.o Oh, you have to add the http:// part to the image map. Otherwise it doesn't work.

<!-- begin code provided by createblog.com --><br /><IMG SRC="http://img.photobucket.com/albums/v675/lilcantoneseangel/Xangalayer1copy.gif" USEMAP="#Xanga" WIDTH=720 HEIGHT=540 BORDER=0 USEMAP="#USE MAP GO HERE"><br /><MAP NAME="Xanga"><br /><AREA SHAPE=RECT COORDS="163,6,312,42" HREF="http://www.xanga.com" TARGET="_self" ALT="Xanga"><br /><AREA SHAPE=RECT COORDS="60,37,172,71" HREF="http://www.xanga.com/CLAF/defult.asp" TARGET="_self" ALT="Personalize your Xanga"><br /><AREA SHAPE=RECT COORDS="168,66,317,98" HREF="http://www.xanga.com/signin.aspx" TARGET="_self" ALT="Come In"><br /><AREA SHAPE=RECT COORDS="11,86,169,120" HREF="http://www.xanga.com/private/home.aspx" TARGET="_self" ALT="For My Eyes Only"><br /><AREA SHAPE=RECT COORDS="165,111,331,147" HREF="http://www.xanga.com/logout.aspx" TARGET="_self" ALT="Bye Bye"><br /><AREA SHAPE=RECT COORDS="5,134,170,170" HREF="http://www.xanga.com/Private/subscribeTo.aspx?user=XANGAUSER" TARGET="_self" ALT="People Who I Know"><br /><AREA SHAPE=RECT COORDS="19,172,312,207" HREF="http://www.xanga.com/Private/subs.aspx" TARGET="_self" ALT="People Who Care About Me"><br /><AREA SHAPE=RECT COORDS="28,230,53,363" HREF="http://www.xanga.com/lilangryaznangel" TARGET="_self" ALT="Meet Your Maker"><br /></MAP><br /><br /><style type="text/css"><br />/* Got Rice? - lilangryaznagel*/<br />body <br />{background-color: #00000;<br />scrollbar-arrow-color: #FFFFF;<br />scrollbar-track-color: #00000;<br />scrollbar-shadow-color: #00000;<br />scrollbar-face-color: #00000;<br />scrollbar-highlight-color: #00000;<br />scrollbar-darkshadow-color: #00000;<br />scrollbar-3dlight-color: #00000;}<br />.left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p {<br />/* edits main text */<br />font:10px arial; color: #000000; text-align:justify;}<br />/* edits the date */<br />div.blogheader, .caption <br />{background-image: url();<br />background-repeat:no-repeat;<br />background-position:center;<br />font-family: Arial;<br />text-transform:none;<br />font-size:#8;<br />line-height:#8;<br />font-weight:normal;<br />color:#FFFFFF;<br />letter-spacing:2px;<br />background-color:#00000;<br />text-align:center;<br />border:1px solid #00000;}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #000000;}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #1 solid #000000;<br />font:normal #8 Arial;<br />background-color: #000000;<br />font-color:#FFFFF;}<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 />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 #8 Arial;<br />text-transform: none;<br />text-align:center;<br />border: #000000 #8 solid;}<br />table.left { <br />/* this edits the menu module */<br />width:180px;<br />color:000000;<br />background-color:#000000;<br />BORDER: #000000 #8 solid;}<br />font,td,p,xmp<br />{color:#ffffff;<br />font-face: arial;<br />font-weight:normal;<br />font-size:#8;<br />text-align:justify;}<br />table.blogbody tr td { <br />/* this edits the left margin of blog */ <br />width:0px; <br />padding-left: 0px;} <br />table.blogbody {<br />/* this edits the other the place where the  blog is */<br />background-color:transparent;<br />family-font: arial;<br />BORDER: #000000 #1 solid;<br />width:321px;}<br />a:link<br />{line-height: #8; <br />font-family: arial;<br />font-weight:normal; <br />color:#ffffff; <br />text-transform:none;<br />font-size:#8; <br />cursor:crosshair;}<br />a:active<br />{font-family: arial; <br />color:#C0r423; <br />text-transform:none;<br />font-size:#8; <br />cursor:crosshair;}<br />a:visited<br />{font-family: arial; <br />color:#c8e6k4; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br />A:hover {font-family:arial;<br />color:#00000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:#pt}<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 /><div style="overflow: auto; width: 336px; height: 400px; margin-top: 20px; margin-left: 330px;"> <br /><!-- end code provided by createblog.com -->

[lilangryaznangel]

oh its okay..i got so fustrated when i couldnt get since it came up with the same results

-edit-
gahh...did anyone have the problem were the blog is on the bottom of the layout when the blog is suppost to be on it's spot but isnt? cuz i did wat the guy(sorry) told me to do but it got my blog in to a different shape. ANy ideas why?

I am really sorry i offened anyone with comment...please dont hate me...

[vivacious]

!!! im having the same problem 0_o. im pretty sure the code is for a banner not a bg if thats the problem you're having, meaning the img src part, no?

[talcumpowder]

Um....... Did you try what I gave you? And did you let the page load completely?

[lilangryaznangel]

i tried it on the xanga editor on this site and it comes out the same