Layout Help, Please & Thank You Options

[lena_malena]

On my LJ I wanted this (pictured below)



to show up above all my journal entries.. but it's not showing up. Does anyone know what I did wrong?

Please & Thank you!

edit://

Here's my override code..

<!-- begin code provided by createblog.com --><br />GLOBAL_HEAD<=<br /><br /><title>// Do ya.. do ya love me? ___ I'd like to think so \\</title><br /><br /><style type="text/css"><br />div div{visibility:hidden;position:absolute;top:1px;}<br />tr.caption{visibility:hidden;position:absolute;top:1px}<br /><!--<br /><br />body {<br />overflow-x: hidden;<br />margin-top: 280px;<br />background: #898989;<br />overflow:-moz-scrollbars-vertical;<br />background-image: url(http://img285.imageshack.us/img285/3193/bg0ow.png);<br />background-repeat: repeat-y !important;<br /><br />}<br /><br />a:visited {<br />text-decoration: none;<br />color: #000000;<br />font-weight: bold;<br />}<br /><br />a:link {<br />text-decoration: none;<br />color: #898989;<br />font-weight: bold;<br />}<br /><br />a:active {<br />text-decoration: none;<br />color: #000000:<br />font-weight: bold}<br /><br />a:hover {<br />cursor: crosshair;<br />text-decoration: none;<br />color: #000000;<br />}<br /><br />table {<br />width: 315px;<br />margin-left: 115px;<br />margin-right: 100%;<br />}<br /><br />table.entrybox td {<br />font-size: 9;<br />}<br /><br />table table table td.meta {<br />font-size: 9;<br />}<br /><br />.comments {<br />font-size: 9;<br />}<br /><br />p table table td.caption {<br />font-weight: bold;<br />letter-spacing: 3px;<br />text-transform: uppercase;<br />}<br /><br />table, tr, td, .shadowed {<br />background: transparent;<br />}<br /><br />table table { <br />width: 100%; <br />margin:0; <br />border:0;<br />} <br />table table table { <br />width: auto; <br />}<br /><br />.side {<br />position: absolute; <br />top: 302px; <br />left: 475px; <br />width: 200px;  <br />z-index: 15;<br />visibility: not visible; <br />text-align: justify;<br />background: #ffffff;<br />border: 0px solid #FFFFFF;<br />}<br /><br />.sidetitle {color: #000000; font-weight: bold;}<br /><br /><br />body, td, font, div, p { <br />font-family: verdana;<br />font-size: 9;<br />color: #000000;<br />letter-spacing: 1px;<br />}<br /><br />tr.caption{<br />display:none<br />} <br /><br />.shadowed img{<br />visibility:hidden;position:absolute;top:0<br />}<br /><br />.shadowed td div{<br />visibility: hidden; <br />position: absolute; <br />top: 1px<br />}<br /><br />p table table td.caption, td.index {<br />height: 24;<br />padding: 3;<br />background-color: #898989;<br />}<br /><br />.index {<br />font-size: 9;<br />}<br />.meta {<br />font-size: 9;<br />}<br /><br />--><br /></style><br /><=GLOBAL_HEAD<br /><br />FRIENDS_WEBSITE<=<br /><div style="position:absolute; top:0; left:0;"><br /><img src="http://img183.imageshack.us/img183/4228/layout18xr.jpg"><br /><br><br><br><br /><a href="http://livejournal.com/users/not_like_europe/friends">". friends ."</a><br /><a href="http://www.livejournal.com/userinfo.bml?user=not_like_europe&mode=full">". userinfo ."</a><br /><a href="http://www.livejournal.com/tools/memories.bml?user=not_like_europe">". memories ."</a><br /></div><br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0px; top:0px; z-index: 1; }<br /><br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br /><br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br /><br />--><br /></style><br /><=FRIENDS_WEBSITE<br /><br />LASTN_WEBSITE<=<br /><div style="position:absolute; top:0; left:0;"><br /><img src="http://img183.imageshack.us/img183/4228/layout18xr.jpg"><br /><br><br><br><br /><a href="http://livejournal.com/users/not_like_europe/friends">". friends ."</a><br /><a href="http://www.livejournal.com/userinfo.bml?user=not_like_europe&mode=full">". userinfo ."</a><br /><a href="http://www.livejournal.com/tools/memories.bml?user=not_like_europe">". memories ."</a><br /></div><br /><br /><style type="text/css"><br /><!--<br />.x {<br />position:absolute; left:0px; top:0px; z-index: 1; }<br /><br />table table table table .meta {visibility:hidden;position:absolute;top:1px}<br />table table table table table .meta {visibility:visible;position:relative;top:1px}<br /><br />tr.caption{<br />display:none<br />}<br /><br />.shadowed td div{<br />visibility: hidden;<br />position: absolute;<br />top: 1px<br />}<br /><br />--><br /></style><br /><=LASTN_WEBSITE<br /><!-- end code provided by createblog.com -->

[*Libertie*]

Judging by your image, you want it to show up as an image map, with the links as a part of the picture. Try this:

CODE

GLOBAL_HEAD<=

<title>// Do ya.. do ya love me? ___ I'd like to think so \\</title>

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

body {
overflow-x: hidden;
margin-top: 280px;
background: #898989;
overflow:-moz-scrollbars-vertical;
background-image: url(http://img285.imageshack.us/img285/3193/bg0ow.png);
background-repeat: repeat-y !important;

}

a:visited {
text-decoration: none;
color: #000000;
font-weight: bold;
}

a:link {
text-decoration: none;
color: #898989;
font-weight: bold;
}

a:active {
text-decoration: none;
color: #000000:
font-weight: bold}

a:hover {
cursor: crosshair;
text-decoration: none;
color: #000000;
}

table {
width: 315px;
margin-left: 115px;
margin-right: 100%;
}

table.entrybox td {
font-size: 9;
}

table table table td.meta {
font-size: 9;
}

.comments {
font-size: 9;
}

p table table td.caption {
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
}

table, tr, td, .shadowed {
background: transparent;
}

table table {
width: 100%;
margin:0;
border:0;
}
table table table {
width: auto;
}

.side {
position: absolute;
top: 302px;
left: 475px;
width: 200px;  
z-index: 15;
visibility: not visible;
text-align: justify;
background: #ffffff;
border: 0px solid #FFFFFF;
}

.sidetitle {color: #000000; font-weight: bold;}


body, td, font, div, p {
font-family: verdana;
font-size: 9;
color: #000000;
letter-spacing: 1px;
}

tr.caption{
display:none
}

img.header {
position: absolute;
left:0;
top: 0;
z-index: -10;
}
html>body img.header  {
z-index: 1;
}

.shadowed img{
visibility:hidden;position:absolute;top:0
}

.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}

p table table td.caption, td.index {
height: 24;
padding: 3;
background-color: #898989;
}

.index {
font-size: 9;
}
.meta {
font-size: 9;
}

-->
</style>
<=GLOBAL_HEAD


LASTN_WEBSITE<=
<MAP NAME='imgmap'>
<AREA SHAPE='rect' COORDS='173,9,243,24' HREF='http://www.livejournal.com/users/not_like_europe/friends'>
<AREA SHAPE='rect' COORDS='254,4,298,26' HREF='http://www.livejournal.com/users/not_like_europe/info'>
<AREA SHAPE='rect' COORDS='304,8,391,22' HREF='http://www.livejournal.com/users/not_like_europe/memories'>
<AREA SHAPE='DEFAULT' HREF='http://www.livejournal.com/users/not_like_europe'>
</MAP>

<IMG class="header" style="visibility: visible" SRC='http://img183.imageshack.us/img183/4228/layout18xr.jpg' border=0 width=453 height=323 USEMAP='#imgmap'>

<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}

tr.caption{
display:none
}
.shadowed td div{
visibility: hidden;
position: absolute;
top: 1px
}
-->
</style>

<=LASTN_WEBSITE

That works, you just may want to change your background image so that the dark grey is as wide as your header image.

I tried it out on my livejourbal account, so this is what it looks like: http://www.livejourbal.net/users/nu/