The sidebar won't show up Options

[Ellie172]

I'm making a S1-Layout for a friend. Usually I don't work with S1, but I have made a Layout once for Generator.
My problem: Whatever I'm trying the sidebar won't work. My testing journal is here: http://ginnyscat.livejournal.com and here comes the code:

CODE

FRIENDS_OPT_ITEMS=>10

FRIENDS_WEBSITE<=


<!--YOU CAN ADD AS MANY OF THESE AS YOU WANT-->
<a class="sidelink" a href="http://www.livejournal.com/users/name/info">Userinfo</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/users/name">Recent</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/users/name/friends">Friends</a><br>
    </span>
    <br>
    <br>
  <center>
    <p class="heading"><font style="color: #d0d2d8; font-size:12pt; font-weight: bold; font-family: verdana;">About
      Me</font>
  </center>
  <p align="justify"><span style="display:block; padding:2px;"> <B>Name:</B>  
    ~ Shinya-Haru<br>
    <B>Birthday:</B> 6?24?<br>
    <B>Idols:</B> Mana-sama (Moi dix Mois), Shinya (Dir en grey)<br>
    <br>
    <B>Colors:</B> black, blue, silver, blood-red<br>
    <B>Bands:</B> Moi dix Mois, Celestia le Ciel / Merveille Magique, Dir en grey,
    X-Japan, Malice Mizer, D’espairsRay, Gazette, Ellegarden, Lareine, Luna Sea,
    Buck-Tick,.....<br>
    <br>
    <A HREF="mailto:">E-mail</A><br>
    <A HREF="mailto:">MSN</A><br>
    <B>ICQ:</B><br>
    </span> </p>
  <br><center>
  <p class="heading"><font style="color:#d0d2d8; font-size:12pt; font-weight: bold; font-family: verdana;">Modify
    Journal</font></center>
    <center><span style="display:block; padding:1px;">
      <a class="sidelink" a href="http://www.livejournal.com/update.bml">Update</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/editinfo.bml">Edit
      Info</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/friends/edit.bml">Edit
      Friends</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/editpics.bml">Edit
      Userpics</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/changepassword.bml">Edit
      Password</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/modify.bml">Modify
      Journal</a><br>
      <br>
      <br>
    </center><center>
  <p class="heading"><font style="color: #d0d2d8; font-size:12pt; font-weight: bold; font-family: verdana;">The
    Layout</font></center> <br>
    Featuring Mana-sama<br>
  <p align="justify"><span style="display:block; padding:2px;"> <center><a href="http://ellie172.livejournal.com">Layout
    made by Ellie</a> </span> </p>
</div>
<!--plj-->
<!--This fixes a bug in Internet Explorer-->
<div> </div>



<=FRIENDS_WEBSITE

LASTN_TALK_LINKS<=
<tr>
<td align="left" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">Come to me</a>
<br>
</td>
</tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<style type="text/css">
<!--
.shadowed img{
display:none;
}
table table table table .meta {visibility:hidden;position:absolute;top:1px}
table table table table table .meta {visibility:visible;position:relative;top:1px}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
*html body .shadowed img.x{
z-index: -1;
}
table, .shadowed div{
z-index: 80;
}
html>body table{
position: relative;
}
.x{
position:absolute;
top:0px;
width: 640px;
height: 366px;
left:50%;
margin-left:-381px!important;
margin-left:-381px;}

#sidebar{
position:absolute;
top: 360px;
left: 50%;
margin-left: 18px!important;
margin-left: 20px;
width: 175px;
height: auto;
position: center;
visibility: visible;
z-index:2;
font-size: 8pt;
font-family: verdana;
font-color: #ffffff;
border-left: 1px dashed #19328E;
padding-left: 5px!important;
padding-left: 15px;
}
#sidebar img{
display:inline;
}
body {
    background-image: url(http://i19.photobucket.com/albums/b160/shinya_haru/mana_harucopy2.jpg);
    background-attachment: scroll;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 285px!important;
    margin-top: 280px;
    background-color: #000000;
}
.entrybox td.index, .index3{
display: none;
}
table, tr, td, .shadowed {
background: transparent;
}
table {
width: 355px;
margin-left: -340px;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}
p table table td.caption {
font-size: 14pt;
font-weight: bold;
color: #173CC7;
font-family: verdana;
text-align: left;
width: 100%;
}
p .index3 {
color: #ffffff;
width: 100%;
}
.entrybox td.comments{
text-align: left;
}
.entrybox td{
text-align: justify;
font-size: 8pt;
font-family: verdana;
}
.entrybox td.index{
text-align: right;
}
/*LINKS*/
a:link {
color: #2853F1;
letter-spacing: 1px;
font-weight: normal;
}
a:visited {
color: #2853F1;
letter-spacing: 1px;
font-weight: normal;
}
a:active  {
color: #2853F1;
letter-spacing: 1px;
font-weight: normal;
}
a:hover   {
color: #ffcbee;
letter-spacing: 1px;
text-decoration: none;
font-weight: normal;
}
a.sidelink:link,  a.sidelink:visited, a.sidelink:active {
font-size:8pt;
font-weight: normal;
font-family: verdana;
color: #2853F1;
}
a.sidelink:hover {
font-size:8pt;
font-weight: normal;
font-family: verdana;
font-size:8pt;
font-family: verdana;
color: #173CC7;
}
.comments a:link, .comments a:visited, .comments a:active {
color: #2853F1;
font-size: 8pt;
letter-spacing: 2px;
font-family: verdana;
font-weight: bold;
border-bottom: 0px;
}
.comments a:hover {
color: #ffcbee;
font-size: 8pt;
letter-spacing: 2px;
font-family: verdana;
font-weight: bold;

}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr>
<td align="left" colspan="2" width="100%" bgcolor="%%color:weak_back%%" class="comments">
%%readlink%%<a href="%%urlpost%%">Come to me</a>
<br>
</td>
</tr>
<=FRIENDS_TALK_LINKS

LASTN_OPT_ITEMS=>10

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%% came into darkness</a>  

LASTN_DATE_FORMAT=><span style="font-size: 8pt; font-weight: bold; color: #B21D00; font-family: verdana; ">%%yyyy%%/%%mm%%/%%dd%% ~ %%24h%%:%%min%%</span>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%% came into darkness</a>  

FRIENDS_DATE_FORMAT=><span style="font-size: 8pt; font-weight: bold; color: #B21D00; font-family: verdana; ">%%yyyy%%/%%mm%%/%%dd%% ~ %%24h%%:%%min%%</span>

LASTN_WEBSITE<=

<a class="sidelink" a href="http://www.livejournal.com/users/user/info">Userinfo</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/users/user">Recent</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/users/user/friends">Friends</a><br>
    </center></span>
    <br>
    <br>
  <center>
    <p class="heading"><font style="color: #d0d2d8; font-size:12pt; font-weight: bold; font-family: verdana;">About
      Me</font>
  </center>
  <p align="justify"><span style="display:block; padding:2px;"> <B>Name:</B> ???
    ~ Shinya-Haru<br>
    <B>Birthday:</B> 6?24?<br>
    <B>Idols:</B> Mana-sama (Moi dix Mois), Shinya (Dir en grey)<br>
    <br>
    <B>Colors:</B> black, blue, silver, blood-red<br>
    <B>Bands:</B> Moi dix Mois, Celestia le Ciel / Merveille Magique, Dir en grey,
    X-Japan, Malice Mizer, D’espairsRay, Gazette, Ellegarden, Lareine, Luna Sea,
    Buck-Tick,.....<br>
    <br>
    <A HREF="mailto:">E-mail</A><br>
    <A HREF="mailto:">MSN</A><br>
    <B>ICQ:</B><br>
    </span> </p>
  <br><center>
  <p class="heading"><font style="color:#d0d2d8; font-size:12pt; font-weight: bold; font-family: verdana;">Modify
    Journal</font>
    <center><span style="display:block; padding:1px;">
      <a class="sidelink" a href="http://www.livejournal.com/update.bml">Update</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/editinfo.bml">Edit
      Info</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/friends/edit.bml">Edit
      Friends</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/editpics.bml">Edit
      Userpics</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/changepassword.bml">Edit
      Password</a><br>
      <a class="sidelink" a href="http://www.livejournal.com/modify.bml">Modify
      Journal</a><br>
      <br>
      <br>
    </center><center>
  <p class="heading"><font style="color: #d0d2d8; font-size:12pt; font-weight: bold; font-family: verdana;">The
    Layout</font></center> <br>
    Featuring Mana-sama<br>
  <p align="justify"><span style="display:block; padding:2px;"> <center><a href="http://ellie172.livejournal.com">Layout
    made by Ellie</a> </span> </p>
</div>

<!--plj-->
<!--This fixes a bug in Internet Explorer-->
<div> </div>

<=LASTN_WEBSITE

[*Libertie*]

All you need is a website in your profile, that part needs to be there for any overrides in the *_WEBSITE sections to show up. By "website in your profile" I literally mean edit your profile and add a website URL (doesn't matter what) to it. Sounds strange, but when you consider that the "LASTN_WEBSITE" field is specifically meant to override the part that displays the link to your website, it makes sense that if no website is specified, that entire field won't show up.

That will only fix the showing up problem, though, the positioning is still off.. I think I know why. It looks like in your LASTN_WEBSITE code you're missing your opening DIV brackets. Since you have #sidebar declared in your CSS, you should be able to fix it by adding <div id="sidebar"> to the beginning of your *_WEBSITE codes.

edit; LOL Sorry, I got the post mixed up there, I fixed it. XD

[Ellie172]

Thanks :) I totally missed that website-thing.
Now that I can see the sidebar I should be able to fix the positioning.

[Mulder]

topic closed.

pm me, or any member of design staff to reopen it.