Header image isn't showing up., HELP PLEASE ! ! ! Options

[whatsername777]

I read many posts here and none of them could help me.
So, i have a problem with my header. I did everything, and i still can't get it right. It still isn't showing up. And also my sidebar is f**ked up a bit. It looks like er...i don't know, double sidebar ? Uhh.
I used this LJ generator, and i made everything step by step.
I've read somewhere that i must have a webiste listed in my profile, so i did it and it didn't make any diference. It still isn't working properly.

My LJ

And my LJ code:

CODE

FRIENDS_WEBSITE<=
</td></tr></table></td></tr></table><tr><td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
<tr><td width="100%" align="center">
<center><font color="#dde0e0">
<a href="http://livejournal.com/users/0brokendream0">Entries</a>  >>  
<a href="http://livejournal.com/users/0brokendream0/calendar">Calendar</a>  >>  
<b>Friends</b>  >>  
<a href="http://www.livejournal.com/userinfo.bml?user=0brokendream0&mode=full">Profile</a>  >>  
<a href="http://whatsername777.deviantart.com/" target="_blank">DeviantArt</a></font>
</center>
</td>
</tr>
<table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table class="die">
<=FRIENDS_WEBSITE

DAY_TALK_LINKS<=
<tr><td colspan="2" width="100%" align="right" class="comments">
%%readlink%%<a href="%%urlpost%%">Comment ?</a>
</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE<=
</td></tr></table></td></tr></table><tr><td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
<tr><td width="100%" align="center">
<center><font color="#dde0e0">
<a href="http://livejournal.com/users/0brokendream0">Entries</a>  >>  
<a href="http://livejournal.com/users/0brokendream0/calendar">Calendar</a>  >>  
<a href="http://livejournal.com/users/0brokendream0/friends">Friends</a>  >>  
<a href="http://www.livejournal.com/userinfo.bml?user=0brokendream0&mode=full">Profile</a>  >>  
<a href="http://whatsername777.deviantart.com/" target="_blank">DeviantArt</a></font>
</center>
</td>
</tr>
<table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table class="die">
<=DAY_WEBSITE

LASTN_TALK_LINKS<=
<tr><td colspan="2" width="100%" align="right" class="comments">
%%readlink%%<a href="%%urlpost%%">Comment ?</a>
</td></tr>
<=LASTN_TALK_LINKS

GLOBAL_HEAD<=
<title>{Boulevard of broken dreams}</title>
<style type="text/css">
<!--

a {
  text-decoration:dotted;
  font-weight:normal;
  color:#006699;
}

a:hover {
  text-decoration:none;
  font-weight:normal;
  color:#006699;
  cursor:;
}

img,body,div,tr,td,a:hover{ cursor:; }

body {
  background-image: url("http://i62.photobucket.com/albums/h111/dorota123/Untitled-1hyt.png") !important;
  background-attachment: scroll !important;
  background-color:#dde0e0;
  background-position:center 10px;
  background-repeat:no-repeat;
  margin-top:300px;
  scrollbar-face-color:#dde0e0;
  scrollbar-highlight-color:#dde0e0;
  scrollbar-shadow-color:#dde0e0;
  scrollbar-3dlight-color:#54a5cd;
  scrollbar-arrow-color:#54a5cd;
  scrollbar-track-color:#dde0e0;
  scrollbar-darkshadow-color:#54a5cd;
  cursor:;
}

.die {
  display:none;
}

table {
  border:1px dotted #acacac;
  width:600px;
  align:center;
}

td table td.meta { font-size:0px; }
.entrybox td.meta { font-size:8px; }
p table td table td.index { font-size:8px; padding-left:10px; color:#54a5cd; text-align:left; }
table table td.caption { font-weight:normal; }
td.meta a { font-size:8px; padding-left:100%; padding-left:10px;
position:relative; bottom:3px; }

table table {
  width:100%;
  border:none;
  align:center;
}

table table table {
  width:auto;
  border:none;
  align:center;
}

div {
  width:100%;
  align:center;
}

div div,
div div div,
» {
  align:;
  width:;
}

.entrybox table table {
  width:auto;
  border: none;
}
  
table table table table {
  border:none;
  width:auto;
}


.comments,
.caption,
.show,
.meta,  
tr,
td,
table,
body,
.show {
  font-size:8px;
  font-family:"verdana";
  color:#54a5cd;
  text-align:justify;
  text-transform:none;
}

tr.caption {
  display:none;
}
  
.index {
  align:center;
  text-align:center;
}

.entrybox .index {
  text-align:right;
  align:right;
  color:#dde0e0;
}

.caption {
  text-align:left;
  align:left;
  text-transform:none;
}

.comments {
  align:right;
  text-align:right;
}

.shadowed {
  display:none;
}

.caption img {
  width:10px;
  height:10px;
  hspace:0px;
  vspace:0px;
  position:relative;
  top:1px;
  margin:0px;
  padding:0px;
}

.ljuser a b {
  font-weight:bold;
}

.ljuser a img {
  width:10px;
  height:10px;
  padding:0px;
  margin:1px;
}
  
.caption {
  font-weight:bold;
}
  
.meta {
  align:center;
  text-align:center;
}
.entrybox .meta {
  align:right;
  text-align:right;
}
  
td {
  background-color:#dde0e0;
}
  
div.meta,
div {
  display:inline !important;
}

td.meta { align:center; }
  
body p {
  margin-top:10px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}
  
.entrybox p {
  margin-top:25px;
  margin-bottom:0px;
  margin-left:0px;
  margin-right:0px;
}

.entrybox .index {
  color:#dde0e0;
}

.show {
  position:relative;
  left:5px;
  padding-right:1px;
  padding-left:4px;
  background:#dde0e0;
}

table table table td.meta b {
  text-transform:none;
}

-->
</style>
<=GLOBAL_HEAD

FRIENDS_TALK_LINKS<=
<tr><td colspan="2" width="100%" align="right" class="comments">
%%readlink%%<a href="%%urlpost%%">Comment ?</a>
</td></tr>
<=FRIENDS_TALK_LINKS

DAY_DATE_FORMAT=><span class="show"></span>

LASTN_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> >>  

LASTN_OPT_ITEMS=>15

LASTN_DATE_FORMAT=><span class="show"></span>

FRIENDS_TALK_READLINK=><a href="%%urlread%%">%%messagecount%%</a> >>

CALENDAR_WEBSITE<=
</td></tr></table></td></tr></table><tr><td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
<tr><td width="100%" align="center">
<center><font color="#dde0e0">
<a href="http://livejournal.com/users/0brokendream0">Entries</a>  >>  
<b>Calendar</b>  >>  
<a href="http://livejournal.com/users/0brokendream0/friends">Friends</a>  >>  
<a href="http://www.livejournal.com/userinfo.bml?user=0brokendream0&mode=full">Profile</a>  >>  
<a href="http://whatsername777.deviantart.com/" target="_blank">DeviantArt</a></font></center>
</td>
</tr>
<table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table class="die">
<=CALENDAR_WEBSITE

FRIENDS_DATE_FORMAT=><span class="show"></span>

LASTN_WEBSITE<=
</td></tr></table></td></tr></table><tr><td>
<table cellpadding="0" cellspacing="0" border="0" align="center" width="100%">
<tr><td align="center" width="100%">
<center><font color="#dde0e0">
<b>Entries</b>  >>  
<a href="http://livejournal.com/users/0brokendream0/calendar">Calendar</a>  >>  
<a href="http://livejournal.com/users/0brokendream0/friends">Friends</a>  >>  
<a href="http://www.livejournal.com/userinfo.bml?user=0brokendream0&mode=full">Profile</a>  >>  
<a href="http://whatsername777.deviantart.com/" target="_blank">DeviantArt</a></font>
</center>
</td>
</tr>
<table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table cellpadding="0" cellspacing="0"><table class="die">
<=LASTN_WEBSITE

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

Help please !

[whatsername777]

Okay. My layout is almost working properly. But, could someone tell me how to make the whole layout to be centered ? Look at my LJ to see how it looks now (link in the first post.)

I've made a different code then the previous one, so here it is:

CODE

body {
background-color: #222222;        
text-align: center;
color: #000000;
font-family: "Verdana", sans-serif;
font-size: 11px;
margin: 20px 0 20px 0;
        
        
        background-image:url('http://i62.photobucket.com/albums/h111/dorota123/peoplemachines003.jpg');
        
        
        }
    
a, a:link, a:visited {
color: #ffffff;
text-decoration: none;
text-transform:uppercase;
font: normal 11px Lucida Grande;
        }
    
a:hover {
color: #bbbbbb;
text-decoration: none;
        }
    
p, td, blockquote {
font-size: 11px;
        }
        
    code, kbd, pre, tt {
font-family: monospace;
        }
        
    #content
        {      
width: 640px;
margin-left: auto; margin-right: auto;                
background-color: #1a1a1a;
border:0px;
padding: 5px;
        }

    #maincontent {         
margin-top: 15px;
font-family: "Verdana", sans-serif;
font-size: 11px;
background-color: #161616;
color: #000000;
border:0px;
margin-right: 180px;
text-align: left;
border-bottom:1px solid #000000;
        }
    
    #sidebar {
padding-top: 15px;
margin-top: 0px;
margin-right:10px;
background-color: #1a1a1a;
border:0px;
font-size: 9px;
font-family: "Verdana", sans-serif;
color: #333333;
width: 160px;
float: right;
text-align: left;
        }

    #header {        
width: 100%;
padding: 0px;
margin: 0px;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
font-weight: bold;
letter-spacing: 0px;    
border:0px;
background-color: #1a1a1a;
color: #999999;    
text-transform:uppercase;
border-bottom:5px solid black;
border-top:5px solid black;
border-right:5px solid black;
border-left:5px solid black;
        
        
        background-image:url('http://i62.photobucket.com/albums/h111/dorota123/2004-09-16-HenryFondaTheatre-Hollyw.png');
        
        
background-position:center;
background-position-y:100%;
background-repeat:repeat-x;
height:380px;
line-height:70px;
        }

    .title {
display:hidden !important;
font-size:4px !important;
color:black;
        }

    #footer {            
width: 100%;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
font-weight: normal;
letter-spacing: 1px;
text-transform:uppercase;
background-color: #1a1a1a;
color: #2f2f2f;
border:0px;
z-index: 100;
clear: both;
        }
        
/* header -- links to views; title of journal; subtitle of journal */    
    
div#header a, div#header a:link, div#header a:visited, div#footer a, div#footer a:link,             div#footer a:visited {
color: #555555;
background-color:#1f1f1f;
padding:5px;
height:30px;
width:60px;
padding-top:16px !important;
        
        
        background-image:url('http://i62.photobucket.com/albums/h111/dorota123/peoplemachines003.jpg');
        
        
background-position:top;
background-repeat:repeat-x;
font-family:Verdana;
font-size:9px;
text-transform:uppercase;
font-weight:bold;
        }
    
    div#header a:hover, div#footer a:hover {
        color: #7aa1f8;
        text-decoration: none;
                background-color:#222222;
                color:#999999;
                background-image:none;
font-family:Verdana;
font-size:9px;
text-transform:uppercase;
font-weight:bold;
border-top:5px solid #000000;
position:relative;
top:2px;
        }    
    
    ul.navheader
        {    
padding: 0px;    
margin: 0px;
        }
    
    ul.navheader li  {
        display: inline;            
        padding: 0 3px 0 3px;
        }

    .title    {
font-family: "Verdana", sans-serif;
font-size: 2px;        
font-weight: normal;
line-height: 100%;
top: 10px;
color:black;
        }
    
    .subtitle{
font-family: "Verdana", sans-serif;
font-size: 2px;        
font-weight: normal;
line-height: 100%;
top: 10px;
color:black;
        }
        

/* sidebar */     
            
div#sidebar a, div#sidebar a:link, div#sidebar a:visited{
color: #666666;
        }
    
    div#sidebar a:hover {
color: #999999;
text-decoration: none;
        }
    
.defaultuserpic {
text-align: center;
        }
    
.sbarheader {
    padding: 0px 5px 0px 5px;
    }
    
.sbarbody {
    padding: 0px 5px 0px 5px;        
    }
    
.sbarbody2 {
    padding: 0 15px 0 15px;
    }
            
table.calendar {
    margin-right: auto;
    margin-left: auto;
        }
        
.sbarcalendar {
border:0px;
border-bottom:1px solid #161616;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px;
padding:4px;
    }
    
.sbarcalendarposts {
border:0px;
background-color: #1a1a1a;
text-align: center;
font-family: "Verdana", sans-serif;
font-size: 9px !important;
color:#aaaaaa !important;
        }
        
ul.sbarlist {
padding-left: 0px;
margin-left: 0px;
list-style: none;
        }

li.sbaritem {
padding-left: 15px;
list-style: none;        
        }

li.sbartitle {
padding-left: 15px;
list-style: none;        
border:0px;
background-color: #1a1a1a;
margin-bottom: 0px;
margin-top: 10px;
text-align:right;
border-top:2px solid #0f0f0f;
padding-top:10px;
font-variant:small-caps;
font-size:10px;
        }

    
/* maincontent */    
    
        
.entry    {
margin: 0px 10px 0px 121px;
padding: 10px;
background-color: #1a1a1a;
color: #999999;
font-family: Lucida Grande, Lucida Sans Unicode, Arial, sans-serif;
font-size: 12px;
text-align: left;
    border:0px;
        }
        
    .entry ul li
        {
padding-left: 5px;
margin-left: 15px;
        }
    
.entry ol li
        {
padding-left: 5px;
margin-left: 15px;
}
        
.subtitle {
border-bottom:1px solid #1d1d1d;
        }

    .userpic {
position: relative;
float: left;
background-color: #1a1a1a;
padding: 5px;
margin: 10px;
z-index: 15;
border-width: 1px;
border-color: #555555;
border-style: dotted;
}
        
    .userpicfriends {
position: relative;
float: left;
padding: 4px;
margin: 10px;
text-align: left;
border-style: solid;
border-width: 1px;
border-color: #161616;
font-family: "Verdana", sans-serif;
font-size: 11px;
z-index: 15;
background:none !important;;
        }

.userpicfriends a {
color:#ffffff;
text-decoration: none;
text-transform:uppercase;
font: normal 11px Lucida Grande, Lucida Sans Unicode, Arial;
        }

    .userpicfriends a:hover {
color:#cccccc;
text-decoration: none;
text-transform:uppercase;
font: normal 11px Lucida Grande, Lucida Sans Unicode, Arial;
        }
        
    .date {            
top: 5px;
padding-top:10px;
color: #aaaaaa;
font-family: Lucida Grande, Lucida Sans Unicode, Arial, sans-serif;
font-size: 18px;
text-transform:uppercase;
letter-spacing:-1px;
font-weight:bold;
text-align:right;
margin-right:24px;
        }
    
    .subject {            
font-weight: bold;
padding: 10px;
color: #666666;
font-family: "Verdana", sans-serif;
font-size: 11px;
text-transform:uppercase;
padding-top:2px !important;
letter-spacing:2px;
text-align:right;
        
        
background-image:url('URL TO SUBJECTBG.PNG') !important;
        
        
        }
        
.subject a, .subject a:link, .subject a:visited {
        color: #999999;
        }
    
.subject a:hover {
color: #ffffff;
        }    

    .datesubject {                
background-color: #1a1a1a;
padding: 0px;
color:#666666 !important;
        
        
background-image:url('URL TO SUBJECTBG.PNG') !important;
        
        
        }
        
.currents, .currentmood, .currentmusic {
font-family: Arial, "Tahoma", sans-serif;
font-size: 8px;    
color:#242424 !important;
text-transform:uppercase;
line-height:10px;
text-align:right;
letter-spacing:3px;                
        }

    .currents a, .currentmood a, .currentmusic a {
font-family: "Verdana", sans-serif;
font-size: 9px;    
color:#242424 !important;
text-transform:uppercase;
line-height:25px;
text-align:right;                
}

    .comments {
font-family: Verdana, Arial !important;
font-size: 9px !important;
text-align: right;
background-color: #161616;
padding: 0px;
position: relative;
top: 26px;
        }
        
    div.comments a, div.comments a:link, div.comments a:visited{
color: #666666;
font-family: Verdana, Arial !important;
font-size: 9px !important;
text-align: right;
font-weight:bold;
border-bottom:1px solid #272727;
        }
    
div.comments a:hover {
color: #999999;
text-decoration: none;
    }

    
/* maincontent --  entry, reply pages */    
    
.datesubjectcomment {                
background-color: #919bad;
padding: 5px;
margin-top: 20px;
            }    
        
    .userpiccomment {
position: relative;
border-width: 5px;
border-style: solid;
border-color: #d4dce8;
background-color: #d4dce8;
top: -30px;
left: 0px;
padding: 5px;
margin: 10px 10px -20px 10px;
z-index: 15;
float: left;
border-width: 1px;
border-color: #919bad;
border-style: solid;
        }
        
    .box {
border-style: solid;
border-width: 1px 0px 0px 0px;
border-color: #999999;
padding: 10px;
clear: left;
        }

    input, textarea {
background-color: #333333;
color: #000000;
        }
        
textarea.textbox  {
width: 100% !important;
           }
    
    .reply    {
position: relative;
margin: 20px 30px 10px 30px;
padding: 25px 10px 10px 10px;
text-align: left;
font-family: "Verdana", sans-serif;
font-size: 11px;
line-height: 125%;
background-color: #d4dce8;
color: #000000;
        }
        
.replytosubject {
font-weight: bold;
        }
            
        
    .commentreply {
position: relative;
margin: 10px;
font-size: 11px;
font-family: "Verdana", sans-serif;
color: #000000;
        }
        
    .commentbox {        
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
        }
        
    .datesubjectcomment a:link, .datesubjectcomment a:visited {
        color: #ffffff;
        }
        
    .datesubjectcomment a:hover {
        color: #b0b9c8;
        }
    
    .commentboxpartial {
border-color: #999999;
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
background-color: #d4dce8;
        }

    .commentinfo {
background-color: #d4dce8;
margin-top: 10px;
width: 100%;
        }
            
        
    /* maincontent -- year/achive pages */
        
    ul.year {
text-align: center;
padding-bottom: 40px;
        }
    
    ul.year li {
display: inline;        
        }
    
    table.yeartable {
margin-left: auto;
margin-right: auto;
        }
    
    table.yeartable td.yeardate, table.yeartable td.yearday {
border-width: 1px;
border-style: solid;
border-color: #999999;
        }
    
    table.yeartable td.yearday {
background-color: #d4dce8;
text-align: center;
        }
    
    td.yearmonth {
border-style: none;
        }
    
        
    /* footer */
        
    ul.navfooter{
padding: 0px;    
margin: 0px;
        }
    
    ul.navfooter li  {
display: inline;    
margin: 0 5px 0 5px;
        }
        
    .clearfoot {        
clear: both;
        }
        
        
    /* misc  */
                
    .clear {        
height: 15px;
        }
        
    .skiplinks {
text-align: center;
        }
        
    .headerimage {
/* for formatting header image */
        }

    .separator{
/* for formatting separators between entries */
height: 35px;
        }

    .ljtags {
font: normal 9px Verdana, Arial;
text-transform:uppercase;
color:#444444;
margin-top:10px;
border-top:1px solid #222222;
border-bottom:1px solid #222222;
        }

    .ljtags a {
font: normal 9px Verdana, Arial;
text-transform:uppercase;
color:#666666;
        }

.ljtags a:hover {
font: normal 9px Verdana, Arial;
text-transform:uppercase;
color:#999999;
        }