For some reason on my layout, the image shows up once as a header and then again over on the side. To see what I am talking about, my link is below. Can anyone help?

http://www.xmodestmemory.livejournal.com

Could you post your overrides, please? It's hard to read through LiveJournal's source code.

sure, sorry, didn't think to do that.

i'll copy and paste directly all of my overrides.

GLOBAL_HEAD<=

<style TYPE="text/css">

body {background: url(NONE) FIXED REPEAT CENTER #000000;}

</style>

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

td, p, body,



A{COLOR:cyan;FONT-FAMILY:tahoma;FONT-SIZE:7pt;}

A:LINK{COLOR:#ffffff;FONT-FAMILY:tahoma;FONT-SIZE:7pt;}

A:VISITED{COLOR:#ffffff;FONT-FAMILY:tahoma;FONT-SIZE:7pt;}

A:HOVER{COLOR:cyan;FONT-FAMILY:tahoma;FONT-SIZE:8pt;cursor:crosshair;}



p table {width:400;border:2px solid cyan;background:#000000;}

b.sotableup {width:400;border:1px solid white;background:#000000;}

i.puos{width:400}

</style>



<style type="text/css">

table {

width: 0%;

margin-left: 1%;

margin-right: 00%;

}

table table {

width: 100%;

margin:0;

}

table table table {

width: auto;

}

</style>

<style TYPE="text/css">

/* This controls the header image */



div {

background-image: url("http://img49.imageshack.us/img49/7131/ljtopper2da.png");

background-repeat: no-repeat;

background-position: top center;

padding-top: 230px;

text-align: center;

}

div div {

background: none; width: auto; height: auto; padding: 0;

}



</style>





<=GLOBAL_HEAD

LASTN_TALK_LINKS<=

<P ALIGN="right" CLASS="Comments"><FONT FACE="Verdana,Arial,Helvetica"

SIZE=1>[%%readlink%%<A HREF="%%urlpost%%">break me down|leave a comment</A>]</FONT></P>

<=LASTN_TALK_LINKS

Here, I went through and cleaned it up a little bit for you:


GLOBAL_HEAD<=
<style type="text/css">
body {
background: #000000;
}

a:link {
color:#ffffff;
font-family:tahoma;
font-size:7pt;
}

a:visited {
color:#ffffff;
font-family:tahoma;
font-size:7pt;
}

a:hover {
color:cyan;
font-family:tahoma;
font-size:8pt;
cursor:crosshair;
}

a:active {
color:cyan;
font-family:tahoma;
font-size:7pt;
}

p table {
width:400;
border:2px solid cyan;
background:#000000;
}

b.sotableup {
width:400;
border:1px solid white;
background:#000000;
}

i.puos {
width:400
}

table {
width: 0%;
margin-left: 1%;
margin-right: 90%;
}

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

table table table {
width: auto;
}

/* This controls the header image */
div {
background-image: url(http://img49.imageshack.us/img49/7131/ljtopper2da.png);
background-repeat: no-repeat;
background-position: top center;
padding-top: 230px;
text-align: center;
}

div div {
background: none;
width: auto;
height: auto;
padding: 0;
}
</style>
<=GLOBAL_HEAD

LASTN_TALK_LINKS<=
<p align="right" class="Comments">
<font face="Verdana,Arial,Helvetica" size=1>
[%%readlink%%<a href="%%urlpost%%">break me down|leave a comment</a>]
</font>
</p>
<=LASTN_TALK_LINKS


Also, to call it to your attention, I bolded margin-right: 90%; because in your original overrides, it was set to 00%, which might have caused a problem. I took out a few unnecessary things [like in the body background area, you had background: url(NONE) FIXED REPEAT CENTER which is unnecessary because you don't have a background picture there].

Try what I've posted and see if it changes anything. If not, we'll give it another go. :)

thank you!

i placed it into the override section. it's still showing up.

i can't think of what the problem would be though...





my livejournal (http://www.xmodestmemory.livejournal.com)

Well, try this for your header image. This is the override that I use, and it works fine for me.

This goes in your GLOBAL_HEAD overrides in the <style> tags:


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


Of course, changing the top and left pixel amounts to what you want.

For it to show up on your site, the table has to be altered for your LASTN_WEBSITE [your actual journal] and your FRIENDS_WEBSITE [your friends page]

LASTN_WEBSITE=>
<tr>
<td class="meta" colspan="5">
<table>
<tr>
<td class="meta">
<img class="headerimg" src="your url here" border="0" />
</td>
</tr>
</table>
</td>
</tr>
<style type="text/css">
<!--
.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px;
}
-->
</style>
<caption style="font-size:8pt;"></caption>
<=LASTN_WEBSITE

FRIENDS_WEBSITE=>
<tr>
<td class="meta" colspan="5">
<table>
<tr>
<td class="meta">
<img class="headerimg" src="your url here" border="0" />
</td>
</tr>
</table>
</td>
</tr>
<style type="text/css">
<!--
.shadowed td div {
visibility: hidden;
position: absolute;
top: 1px;
}
-->
</style>
<caption style="font-size:8pt;"></caption>
<=FRIENDS_WEBSITE


However, this override does get rid of your menu up at the top of your journal. I've been trying to figure out how to get it not to, but no luck so far. Hopefully I can find a way, if not, maybe you can create an image map with your header image [which is what I had to do, haha].

You have the choice of that menu being there.

I have the same exact problem. x___x