Blog Body, Menu Box Coordinates, Having trouble getting text in these Options

[lpdrummer]

I cannot seem to get text to go inside the boxes I made here. Would anybody mind helping me out? I have the coordinates of all sides of both boxes, but I don't know where to put this in...

[YourSuperior]

You need to move it with a div. Do you have div's in your code?

[lpdrummer]

You need to move it with a div. Do you have div's in your code?

I just have these (I think they go here judging by the names on top)

<!-- begin code provided by createblog.com --><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:#COLOR CODE;<br />font-face: arial;<br />font-weight:normal;<br />font-size:#pt;<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: #COLOR CODE #px solid;<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 /><!-- end code provided by createblog.com -->

[talcumpowder]

.... Quick tutorial. =P
----

CODE

<div style="position: absolute; margin-top: 0; margin-left: 0; overflow:auto; height: 400; width: 400;">I'M A DIV LAYER~!</div>

This is a basic div layer code. It will make a box with the text I'M A DIV LAYER~!,400 x 400 pixels, zero pixels from the top of the page and zero pixels from the left. Well, not in Xanga... But that's beside the point.
----

CODE

position: absolute;

Defines how the elements is positioned. Learn more here.

CODE

<div style=

This just opens the layer.

CODE

margin-top: 0;

Defines top margin... You can also use Bottom.

CODE

margin-left: 0;

Defines left margin, you can also use Right.

CODE

overflow:auto;

Defines scrolling. Auto for scrolling none for no scrolling.

CODE

height: 400; width: 400;

I won't insult your intelligence... You can figure these out.

CODE

I'M A DIV LAYER~!

Stuff inside the box. Replace with whatever...

CODE

</div>

Ends the layer. Don't use this if you're moving the blog.... That code should go last anyways.
----
So, just play around with the numbers, to make it go where you want. You can use negatives if you need to. =P Have fun.

[lpdrummer]

OK I Got the first box (One on the left) working so that my blog is in it, but now that I out in the code for the second box, nothing shows up. In the small right box, I want to put my chatter box and subscriptions in there.

This is my code for the right box-

<!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width:165px; height: 237px; margin-top: -530px; margin-left: 766px;"><br /><!-- end code provided by createblog.com -->

And this is for the left box (Blog)

<!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: 273px; height: 526px; margin-top: -530px; margin-left: 7px;"><br /><!-- end code provided by createblog.com -->

Hope that helps!


P.S. Also, my image mapping dosent work...the text on the bottom of the image should be links...

[lpdrummer]

I think something is repeating in my code....?

The blog body coordinates are not working at all...

<!-- begin code provided by createblog.com --><br /><!-- begin code provided by createblog.com --><br /><style type="text/css"><br />/* Name of Your Skin - By You*/<br />body <br />{background-color: #COLOR CODE;<br /><br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<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:12px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br /><br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br /><br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<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 arial;<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:#COLOR CODE;<br />font-face: arial;<br />font-weight:normal;<br />font-size:#pt;<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: #COLOR CODE #px solid;<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: #pt; <br />font-family: arial;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:active<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br /><br />a:visited<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br /><br />A:hover {font-family:arial;<br />color:#000000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:12pt}</style><br /><br /><br /><img src="http://img.photobucket.com/albums/v171/lpdrummer/Xanga/MUSESkin.jpg "><br /><!-- end code provided by createblog.com --><br /><br /><div style="overflow: auto; width:165px; height: 237px; margin-top: -530px; margin-left: 766px;"><br /><a href="http://www.xanga.com/home.aspx?user=oldskoolskimmerkid">Austen</a><br><br /><a href="http://www.xanga.com/home.aspx?user=xsweetnsimplex">Jessica</a><br><br /></div><br /><br /><div style="overflow: auto; width: 273px; height: 526px; margin-top: 0px; margin-left: 0px;"><br /><br /><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='547,516' HREF='www.xanga.com/USERNAME' ALT='Home'><br /><AREA SHAPE='rect' COORDS='555,500,636,516' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME' ALT='Subscriptions'><br /><AREA SHAPE='rect' COORDS='645,501,676,517' HREF='www.xanga.com/claf' ALT='CLAF'><br /><AREA SHAPE='rect' COORDS='685,501,714,518' HREF='help.xanga.com' ALT='Help'><br /><AREA SHAPE='rect' COORDS='723,500,767,517' HREF='www.xanga.com/signin.aspx' ALT='Sign In'><br /><AREA SHAPE='rect' COORDS='774,501,819,516' HREF='www.xanga.com/logout.aspx' ALT='Logout'><br /></MAP><br /><br /><style type="text/css"><br />table.navigation, table.footer { display:none; }<br /></style><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 /><!-- end code provided by createblog.com -->

[talcumpowder]

Bleh... There's a lovely feature called the Edit button.
Anyways, try this. You were moving the image map and not the image... >.< Kinda hard to explain. didn't I say to put the blog moving code last? o.O

<!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v171/lpdrummer/Xanga/MUSESkin.jpg "><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='547,516' HREF='www.xanga.com/USERNAME' ALT='Home'><br /><AREA SHAPE='rect' COORDS='555,500,636,516' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME' ALT='Subscriptions'><br /><AREA SHAPE='rect' COORDS='645,501,676,517' HREF='www.xanga.com/claf' ALT='CLAF'><br /><AREA SHAPE='rect' COORDS='685,501,714,518' HREF='help.xanga.com' ALT='Help'><br /><AREA SHAPE='rect' COORDS='723,500,767,517' HREF='www.xanga.com/signin.aspx' ALT='Sign In'><br /><AREA SHAPE='rect' COORDS='774,501,819,516' HREF='www.xanga.com/logout.aspx' ALT='Logout'><br /></MAP><br /><br /><div style="overflow: auto; width:165px; height: 237px; margin-top: -530px; margin-left: 766px;"><br /><a href="http://www.xanga.com/home.aspx?user=oldskoolskimmerkid">Austen</a><br><br /><a href="http://www.xanga.com/home.aspx?user=xsweetnsimplex">Jessica</a><br><br /></div><br /><br /><style type="text/css"><br />/* Name of Your Skin - By You*/<br />body <br />{background-color: #COLOR CODE;<br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<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:12px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<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: #COLOR CODE;<br />font: bold #pt arial;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<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 />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: arial;<br />font-weight:normal;<br />font-size:#pt;<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: #COLOR CODE #px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br />a:link<br />{line-height: #pt; <br />font-family: arial;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br />a:active<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br />a:visited<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br />A:hover {font-family:arial;<br />color:#000000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:12pt}<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 /><div style="overflow: auto; width: 273px; height: 526px; margin-top: 0px; margin-left: 0px;"><br /><!-- end code provided by createblog.com -->

[lpdrummer]

Bleh... There's a lovely feature called the Edit button.
Anyways, try this. You were moving the image map and not the image... >.< Kinda hard to explain. didn't I say to put the blog moving code last? o.O

I know abot edit, im not that dumb

I had the blog code last, but then saw another tutorial that said put it after your other div, so I figured I'd try that since none of them worked.

Anyhew, My blog box is still WAY off....I can't seem to move it! No matter what I put in it (Margin left, margin top) it dosent move! Ack!

Am I doing something wrong?


P.S. my links on the image mapping still don't work...

[lpdrummer]

Bump

[ChasingLife87]

Isn't bumping condidered spam? And you're double posting all over the place.

What browser are you using? If you're using Firefox (like me), then that's your problem. FF HATES divs, and there's not a whole lot you can do to fix it, I think.

[lpdrummer]

Isn't bumping condidered spam? And you're double posting all over the place.

I double posted once because I fixed something and thought that info may be helpful to someone who may be reading the thread.
I honestly have no idea on the bumping, all the boards I am members of have either a feature where you cant reply after you have the last post (No reply button, just edit) or have things such as "allowed one bump every day" or something like that. Someone tell me if it is though!
I just bumped it cause I REALLY need help, but no one replies

What browser are you using? If you're using Firefox (like me), then that's your problem. FF HATES divs, and there's not a whole lot you can do to fix it, I think.

I don't have Firefox, so that dosen't seem to be the problem...

[ChasingLife87]

Sorry about that then. I'll keep my mouth to myself

And sorry I couldn't help. That's usually what my problem is!

[talcumpowder]

[ize=1]Here, fine tune it. MIND YOU~! I've coded this with...
Left alignment x 1024 x 768 resolution. x Firefox

<!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v171/lpdrummer/Xanga/MUSESkin.jpg " usemap="#imgmap"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='547,516' HREF='www.xanga.com/USERNAME' ALT='Home'><br /><AREA SHAPE='rect' COORDS='555,500,636,516' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME' ALT='Subscriptions'><br /><AREA SHAPE='rect' COORDS='645,501,676,517' HREF='www.xanga.com/claf' ALT='CLAF'><br /><AREA SHAPE='rect' COORDS='685,501,714,518' HREF='help.xanga.com' ALT='Help'><br /><AREA SHAPE='rect' COORDS='723,500,767,517' HREF='www.xanga.com/signin.aspx' ALT='Sign In'><br /><AREA SHAPE='rect' COORDS='774,501,819,516' HREF='www.xanga.com/logout.aspx' ALT='Logout'><br /></MAP><br /><br /><div style="overflow: auto; width:165px; height: 237px; margin-top: -530px; margin-left: 766px;"><br /><a href="http://www.xanga.com/home.aspx?user=oldskoolskimmerkid">Austen</a><br><br /><a href="http://www.xanga.com/home.aspx?user=xsweetnsimplex">Jessica</a><br><br /></div><br /><br /><style type="text/css"><br />/* Name of Your Skin - By You*/<br />body <br />{background-color: #COLOR CODE;<br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<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:12px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<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: #COLOR CODE;<br />font: bold #pt arial;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<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 />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: arial;<br />font-weight:normal;<br />font-size:#pt;<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: #COLOR CODE #px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br />a:link<br />{line-height: #pt; <br />font-family: arial;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br />a:active<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br />a:visited<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br />A:hover {font-family:arial;<br />color:#000000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:12pt}<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 /><div style="overflow: auto; width: 273px; height: 526px; margin-top: -235px; margin-left: 0px;"><br /><!-- end code provided by createblog.com -->

You problems were that you didn't have a map name defined in your image, plus your top-margin was too small.
----
ChasingLife87 - Firefox doesn't hate divs. You just have to use them right. If you use them right, everything looks nice. Xanga's just a little screwy though... A lot of things don't work right, because it runson a diffrent type of programming... I think.[/size]

[lpdrummer]

Sorry about that then. I'll keep my mouth to myself 

And sorry I couldn't help. That's usually what my problem is!

No problem

[ize=1]Here, fine tune it. MIND YOU~! I've coded this with...
Left alignment x 1024 x 768 resolution. x Firefox

<!-- begin code provided by createblog.com --><br /><img src="http://img.photobucket.com/albums/v171/lpdrummer/Xanga/MUSESkin.jpg " usemap="#imgmap"><br /><MAP NAME='imgmap'><br /><AREA SHAPE='rect' COORDS='547,516' HREF='www.xanga.com/USERNAME' ALT='Home'><br /><AREA SHAPE='rect' COORDS='555,500,636,516' HREF='http://www.xanga.com/private/SubscribeTo.aspx?user=USERNAME' ALT='Subscriptions'><br /><AREA SHAPE='rect' COORDS='645,501,676,517' HREF='www.xanga.com/claf' ALT='CLAF'><br /><AREA SHAPE='rect' COORDS='685,501,714,518' HREF='help.xanga.com' ALT='Help'><br /><AREA SHAPE='rect' COORDS='723,500,767,517' HREF='www.xanga.com/signin.aspx' ALT='Sign In'><br /><AREA SHAPE='rect' COORDS='774,501,819,516' HREF='www.xanga.com/logout.aspx' ALT='Logout'><br /></MAP><br /><br /><div style="overflow: auto; width:165px; height: 237px; margin-top: -530px; margin-left: 766px;"><br /><a href="http://www.xanga.com/home.aspx?user=oldskoolskimmerkid">Austen</a><br><br /><a href="http://www.xanga.com/home.aspx?user=xsweetnsimplex">Jessica</a><br><br /></div><br /><br /><style type="text/css"><br />/* Name of Your Skin - By You*/<br />body <br />{background-color: #COLOR CODE;<br />scrollbar-arrow-color: #COLOR CODE;<br />scrollbar-track-color: #COLOR CODE;<br />scrollbar-shadow-color: #COLOR CODE;<br />scrollbar-face-color: #COLOR CODE;<br />scrollbar-highlight-color: #COLOR CODE;<br />scrollbar-darkshadow-color: #COLOR CODE;<br />scrollbar-3dlight-color: #COLOR CODE;}<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:12px;<br />line-height:#px;<br />font-weight:normal;<br />color:#COLOR CODE;<br />letter-spacing:2px;<br />background-color:#COLOR CODE;<br />text-align:center;<br />border:1px solid #COLOR CODE;}<br />.blogbody b, .standard b, p b, strong {<br />/* edits bolded text in your entry */<br />font-weight: bold;<br />color: #COLOR CODE;}<br />input, select, textarea, iframe.htmleditor, .textfield, .button {<br />/* this edits the buttons, dropdowns, etc. */<br />border: #px solid #COLOR CODE;<br />font:normal #px FONT FAMILY;<br />background-color: #COLOR CODE;<br />font-color:#COLOR CODE;}<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: #COLOR CODE;<br />font: bold #pt arial;<br />text-transform: none;<br />text-align:center;<br />border: #COLOR CODE #px solid;}<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 />font,td,p,xmp<br />{color:#COLOR CODE;<br />font-face: arial;<br />font-weight:normal;<br />font-size:#pt;<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: #COLOR CODE #px solid;<br />width:###px;} /* <-- The width for this should be around 5-15 pixels less then the width for your blog's div layer. */ <br />a:link<br />{line-height: #pt; <br />font-family: arial;<br />font-weight:normal; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br />a:active<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />font-size:#pt; <br />cursor:crosshair;}<br />a:visited<br />{font-family: arial; <br />color:#COLOR CODE; <br />text-transform:none;<br />text-decoration:strikeout;<br />font-size:#pt;<br />cursor: crosshair;}<br />A:hover {font-family:arial;<br />color:#000000;<br />text-transform: uppercase; <br />cursor: crosshair; <br />font-weight:bold;<br />font-size:12pt}<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 /><div style="overflow: auto; width: 273px; height: 526px; margin-top: -235px; margin-left: 0px;"><br /><!-- end code provided by createblog.com -->

You problems were that you didn't have a map name defined in your image, plus your top-margin was too small.
----
ChasingLife87 - Firefox doesn't hate divs. You just have to use them right. If you use them right, everything looks nice. Xanga's just a little screwy though... A lot of things don't work right, because it runson a diffrent type of programming... I think.[/size]

OK thank you!

But I dont have firefox.....will it mess up anything since Im not using firefox? Will it mess it up if I center allign it?

[talcumpowder]

=S I didn't check it in IE. And it'd only be the left margin.
Yes, it's mess it up if you center it. But again, only the left margin.
It's not that difficult to plug in the numbers. Once you learn how to do it, you can do it in a flash. =)

[lpdrummer]

=S I didn't check it in IE. And it'd only be the left margin.
Yes, it's mess it up if you center it. But again, only the left margin.
It's not that difficult to plug in the numbers. Once you learn how to do it, you can do it in a flash. =)

Yea, I know how to image map now, but left allign looks better

It seems to work fine in IE though!

I only 2 questions though- how can I canter the text in my 2 div areas, and how do I get rid of that massive blue border around my image?

I also am wondering what all the COLOR CODEs in my code do. I know they change the color of things, but I don't know what they change....but the other two things are more important.

[talcumpowder]

Border? Oh, add border="0" to the image tag.
Center aligned? Okay... Here.

CODE

<style type='text/css'>div{text-align: center;}</style>

[lpdrummer]

Center aligned? Okay... Here.

CODE

<style type='text/css'>div{text-align: center;}</style>

[/size]

Ok thanks!

My blog body looks like this-

<!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: 274px; text-align: center; height: 527px; margin-top: -264px; margin-left: 7px;"><br /><br /><!-- end code provided by createblog.com -->

So where should I put the center code in?

This?

<!-- begin code provided by createblog.com --><br /><div style="overflow: auto; width: 274px; text-align: center; height: 527px; margin-top: -264px; margin-left: 7px;"><br /><style type='text/css'>div{text-align: center;}</style><br /><!-- end code provided by createblog.com -->

This?

<!-- begin code provided by createblog.com --><br /><style type='text/css'>div{text-align: center;}<div style="overflow: auto; width: 274px; text-align: center; height: 527px; margin-top: -264px; margin-left: 7px;"><br /></style><br /><!-- end code provided by createblog.com -->

Confused 0_O

[talcumpowder]

You copy and paste directly into Custom Header. Under your current stylesheet preferably.