I'm having a hard time centering my layout, here's my blog: http://pinky-pop.livejournal.com/

and here's my code:

GLOBAL_HEAD<=
<style type="text/css">

<!--
body, td, font, div, p {
font-family: "Century Gothic", "Arial", "Helvetica", sans-serif;
font-size: 9pt;
}
-->

<!--
body {
scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #F8AE43;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #00B5C0;
scrollbar-arrow-color: #FF003C;
}
-->

<!--
/* change these numbers, make them add up to 100 or less*/
table {
width: 0%;
margin-left: 0%;
margin-right: 20%;
}
/* don't change these numbers */
table table {
width: 60%;
margin:0%;
}
table table table {
width: 0;
}
>-->

<!--
table {
border: 5px dotted #ff33cc;
}
table table {
border: 0;
}
-->

<!--
body {
background-color: #000000;
background-repeat: no-repeat;
background-position: bottom left;
}
-->

</style>
<=GLOBAL_HEAD

LASTN_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% GSpeak%%mc-plural-s%%</A> |

LASTN_TALK_LINKS<=
<P CLASS="comments">
%%readlink%% <A HREF="%%urlpost%%">What you say?!</A>
<=LASTN_TALK_LINKS



I also wanted the dotted box surrounding the entry to have the same width as the tool box.

And some more questions, please forgive me, am really new to LJ.

1)I wonder if you can put a header even if you only have a basic account. If so, please share the code.
2)How can you change the text for friends, and other links that can be altered.

Thank you

Here, I went through and cleaned up your code a bit.


GLOBAL_HEAD<=
<style type="text/css">
body, td, font, div, p {
font-family: "Century Gothic";
font-size: 9pt;
}
body {
scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #F8AE43;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #00B5C0;
scrollbar-arrow-color: #FF003C;
background-color: #000000;
}
/* change these numbers, make them add up to 100 or less*/
table {
width: 0%;
margin-left: 0%;
margin-right: 20%;
border: 5px dotted #ff33cc;
}
/* don't change these numbers */
table table {
width: 60%;
margin:0%;
border: 0;
}
table table table {
width: 0;
}
</style>
<=GLOBAL_HEAD

LASTN_TALK_READLINK=><A HREF="%%urlread%%">%%messagecount%% GSpeak%%mc-plural-s%%</A> |
<=LASTN_TALK_READLINK

LASTN_TALK_LINKS<=
<P CLASS="comments">
%%readlink%% <A HREF="%%urlpost%%">What you say?!</A>
<=LASTN_TALK_LINKS


For your questions:

01. Header override:

LASTN_WEBSITE=>
<tr>
<td class="meta" colspan="5">
<table>
<tr>
<td class="meta">
<img class="headerimg" src="http://www.boomspeed.com/amandifer/headsup.png" usemap="#menu" border="0" />
</td>
</tr>
</table>
</td>
</tr>
<=LASTN_WEBSITE


and in your GLOBAL_HEAD, between the <style> tags, put this:

img.headerimg, .headerimg{
position:absolute;
left:84px;
top:15px;
z-index:1;
}

And play with the numbers for left and top to position it as you want.

02.To change links, put this in your GLOBAL_HEAD between the <style> tags and customize as you wish:

a:link {
font-family:arial;
color:#ff0000;
text-decoration:none;
}
a:visited {
font-family:arial;
color:#ff0000;
text-decoration:line-through;
}
a:active {
font-family:arial;
color:#ff0000;
text-decoration:none;
}
a:hover {
font-family:arial;
color:#ffccff;
text-decoration:none;
border: 3px dotted #ff0000;
}

And the text for your friends page should be the same because you have the universal override for font. Or do you mean that there's a particular font that you want to use?

thanks.

about question number 2. i mean personalizing the links. like turning "friend" into "homies".

ok, sorry. got the number 2 question. my friend gave me a code and i'm happy about it, and all i need is a pink dotted border for the boxes. and for the bar where the comment link is to be colored light pink, only thing is, i can't find where i'm supposed to change it.

DAY_TALK_LINKS<=
<tr>
<td align="center" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%"> <b> | Say what?</b> </a>
</td>
</tr>
<=DAY_TALK_LINKS

LASTN_TALK_LINKS<=
<tr>
<td align="center" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%"> <b> | Say What?</b> </a>
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">
<!--

-->
body {
cursor: crosshair;
}
<!--
.shadowed img{visibility:hidden;position:absolute;top:0}
-->

p .index {
color:#FFFFFF;
}

table table table td.meta {
font-size: 7pt;
text-transform: none;
font-weight: normal;
}

td.caption {
font-size: 7pt;
text-transform: none;
}

p table table td.caption {
font-size: 7pt;
text-transform: none;

}
table.entrybox td.index {
color: #000000; **see below
background: #000000;
}

.index {
font-size: 7pt;
text-transform: none;
}

.comments {
font-size: 7pt;
text-transform: none;
font-weight: bold;
background-color: #E7CFAD;
border: 0pt solid #000000;
height: 8px;
}

body {
margin-top: 18px;
}

body {

background-color:#000000;
}


-->
</style>


<style type="text/css">
<!--

table {
width: 567px;
margin-left: 0%;
margin-right: 0%;
}

table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
} table {
border: 1px solid #000000;
}
table table {
border: 0;
}

-->
</style>

<style type="text/css">
<!--

a:link { text-decoration: none; font-weight: bold; color: #000000; cursor: crosshair; text-transform: uppercase;}
a:visited { text-decoration: none; color: #000000; font-weight: bold; cursor: crosshair;text-transform: uppercase;}
a:active { text-decoration: none; color: #000000; cursor: crosshair;font-weight: bold; text-transform: uppercase;}
a:hover { text-decoration: none; color: #A3A18C; font-weight: bold; cursor: crosshair; font-weight: bold; text-transform: uppercase;}
a:body { cursor: crosshair;}

-->
</style>

<style type=text/css>
<!--
tr.caption{visibility:hidden;position:absolute;top :1px}
-->
</style>

<style type=text/css>
<!--
table table tr.caption td.caption{visibility:hidden}
-->
</style>

<style type=text/css>
<!--
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}
-->
</style>
<style type=text/css>
<!--
.showme{visibility:visible !important; position:relative !important}
-->

</style>
<title> N-grl's Hang Out</TITLE>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="center" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%"> <b>Say What?</b> </a>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_TALK_READLINK=>(<a href="%%urlread%%"><b>%%messagecount%% Gtalk</b></a>)

LASTN_DATE_FORMAT=><b><span style="font-size: 10pt; color: #000000; font-family: Tahoma; line-height: 0.1em;">%%mm%%/%%dd%%/%%yyyy%% @ %%12h%%:%%min%%%%ampm%%</span></b>

FRIENDS_TALK_READLINK=>(<a href="%%urlread%%"><b>%%messagecount%% </b></a>)

LASTN_WEBSITE<=
<tr><td colspan="5" width="100%">
<table style="float:right" cellspacing="0" border="0" cellpadding="0">
<tr><td class="meta">

<style type="text/css">
<!--
.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

<img class="showme" src="http://www.geocities.com/enishi_x/bandplogopsp.jpg ">
<br>
<center><b><font color="A3A18C">[<a href="http://www.livejournal.com/users/pinky-pop/info">ME!</a>] [<a href="http://www.livejournal.com/users/pinky-pop/friends">133t P33p5</a>] [<a href="http://www.livejournal.com/users/pinky-pop">Main</a>]</b></font></center>
</td></tr></table></td></tr>
<=LASTN_WEBSITE

FRIENDS_DATE_FORMAT=><b><span style="font-size: 10pt; color: #000000; font-family: Tahoma; line-height: 0.1em;">%%mm%%/%%dd%%/%%yyyy%% @ %%12h%%:%%min%%%%ampm%%</span></b>

DAY_TALK_READLINK=><a href="%%urlread%%"><b>%%messagecount%%</b></a>



thanks :)

oops. ok. fixed it already. thanks for the help :)