Header help Options

[PrincessSparkle3...]

How do I add this header:

http://i29.photobucket.com/albums/c268/lil...l/losthead1.gif

to the code below?

GLOBAL_HEAD<=

<title> Laura's Gallery</title>
<style type="text/css">
<!--

body {
background-color:#d9a7b5;
background-image: url();
background-attachment: stretch;
background-repeat: repeat-x-y;
scrollbar-arrow-color:#a52143;
scrollbar-track-color:#a52143;
scrollbar-shadow-color:#a52143;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#a52143;
scrollbar-darkshadow-color:#a52143;
scrollbar-3dlight-color:#a52143;
text-align : justify;
font-family : arial, tahoma;
color : #000000;
font-size : 11px; }

BODY, TD {font-family:arial, tahoma; color: #000000; font-size: 11px; }

table, tr, xmp, div, td, p {font-family:arial, tahoma; color: #000000; font-size: 11px; }

a:link, a:visited, a:active {
text-decoration : underline;
font-size : 11px;
color : #ffffff;
font-family : arial, tahoma; }

a:hover {
background-color: #ffffff;
text-decoration : none;
font-size : 11px;
color : #000000;
font-family : arial, tahoma; }

.footer {
background-color: #eddadf;
font-family : arial, tahoma;
color : #000000;
font-weight : normal;
font-size : 10px;
text-align : center;
text-transform : lowercase;
border-top : 1px dashed #000000; }

.footer a:link, .footer a:visited, .footer a:active {
font-family : arial, tahoma;
color : #000000;
font-weight : normal;
font-size : 10px;
text-align : center;
text-transform : lowercase; }

.footer a:hover {
text-decoration : underline;
background-color: #a52143;
border-bottom : 1px dashed #000000;
color : #000000; }

b, strong, u, i, em, s {
font-size : 11px; font-weight: bold;
font-family : arial, tahoma;
color : #d9a7b5;}

body {
overflow-x: hidden;
margin-left: 262;
margin-top: 490;}

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

table {
/* width of header */
/* top table */
width: 500px;
margin-left: 20%;
margin-right: 20%;
background-color: #a52143;
border:5px solid #000000; padding:1px;}

table table {width:100%; margin:0; background-color:transparent;}
table table table {width:auto; background-color:transparent;}
table td {border:0px solid #000000;}
table table, table table td {border:none; padding:0;}

.shadowed img
/* icons */
{color:#a52143; border:none;}
.entrybox
/* entry border */
{border:5px solid #000000; }
.entrybox .index
/* hiding bracket */
{color:#a52143;}

/* This will change the subject's attributes */
p table table td.caption {
background-color:transparent;
font-family:arial, tahoma;
color:#FFFFFF;
font-size:12px;
text-transform:uppercase;
text-align:left;
font-weight:bold;}

/* This will change the main entry attributes */
table.entrybox td {
font-family:arial, tahoma;
color:#000000;
font-size:11px;
text-align:justify;
background-color:#a52143; }

/* This will change the rest of the date */
/* "Navigation" at bottom */
/* "[entries|friends|calendar]" at top */
.date, .index {
color:#FFFFFF;
background-color:transparent;
font-family:arial, tahoma;
font-size:12px;
text-transform:uppercase;
font-weight:bold; }

/* This will change the navi caption, and brackets */
table.index td{
font-family: arial, tahoma;
font-size: 11px;
text-transform: uppercase;
color: #a52143;
background-color: transparent;
font-weight: bold; }

/* This will change the most recent attributes */
table table table td.meta {
font-family: arial, tahoma;
font-size: 11px;
text-transform: uppercase;
color: #000000;
background-color: transparent;
font-weight: bold;}

/* This will change the journal name, etc: However, it's hidden */
td.caption, .subject {
font-family: arial, tahoma;
font-size: 11px;
color: #FFFFFF;
text-transform: uppercase;
font-weight: bold;
background-color:transparent;
font-weight: bold; text-align:center; }

td.caption b
/* site description */
{font-weight:bold;}
-->
</style>
<style type="text/css">
<!--
.x {position:absolute; left:262; top:15;}
-->
</style>
</xx-head>


<xx-p>

<xx-p>
<=GLOBAL_HEAD

[*Azarel*]

Put this in the css of your global_head, adjust accordingly:

.header {
position:absolute;
top:0px;
left:0px;
}

Also, add this in the customization box along with your global_head:
FRIENDS_WEBSITE=><img src="http://i29.photobucket.com/albums/c268/lilprincesssparkle/Livejournal/losthead1.gif" class="header"><=FRIENDS_WEBSITE
DAY_WEBSITE=><img src="http://i29.photobucket.com/albums/c268/lilprincesssparkle/Livejournal/losthead1.gif" class="header"><=DAY_WEBSITE
CALENDAR_WEBSITE<=<img src="http://i29.photobucket.com/albums/c268/lilprincesssparkle/Livejournal/losthead1.gif" class="header"><=CALENDAR_WEBSITE
LASTN_WEBSITE<=<img src="http://i29.photobucket.com/albums/c268/lilprincesssparkle/Livejournal/losthead1.gif" class="header"><=LASTN_WEBSITE

In order for the image to show up, you must have a website listed in your profile.

[PrincessSparkle3...]

Thanks I've got the header showing up by setting it as the background but how can I get it to move down slightly.

my livejournal

and the code:

GLOBAL_HEAD<=

<title> Laura's Gallery</title>
<style type="text/css">
<!--

body {
background-color:#d9a7b5;
background-image: url(http://i29.photobucket.com/albums/c268/lilprincesssparkle/Livejournal/losthead1.gif);
background-attachment: stretch;
background-repeat: no-repeat;
background-position: top;
scrollbar-arrow-color:#a52143;
scrollbar-track-color:#a52143;
scrollbar-shadow-color:#a52143;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#a52143;
scrollbar-darkshadow-color:#a52143;
scrollbar-3dlight-color:#a52143;
text-align : justify;
font-family : arial, tahoma;
color : #000000;
font-size : 11px;
}

BODY, TD {font-family:arial, tahoma; color: #000000; font-size: 11px; }

table, tr, xmp, div, td, p {font-family:arial, tahoma; color: #000000; font-size: 11px; }

a:link, a:visited, a:active {
text-decoration : underline;
font-size : 11px;
color : #ffffff;
font-family : arial, tahoma; }

a:hover {
background-color: #ffffff;
text-decoration : none;
font-size : 11px;
color : #000000;
font-family : arial, tahoma; }

.footer {
background-color: #eddadf;
font-family : arial, tahoma;
color : #000000;
font-weight : normal;
font-size : 10px;
text-align : center;
text-transform : lowercase;
border-top : 1px dashed #000000; }

.footer a:link, .footer a:visited, .footer a:active {
font-family : arial, tahoma;
color : #000000;
font-weight : normal;
font-size : 10px;
text-align : center;
text-transform : lowercase; }

.footer a:hover {
text-decoration : underline;
background-color: #a52143;
border-bottom : 1px dashed #000000;
color : #000000; }

b, strong, u, i, em, s {
font-size : 11px; font-weight: bold;
font-family : arial, tahoma;
color : #d9a7b5;}

body {
overflow-x: hidden;
margin-left: 262;
margin-top: 250;}

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

table {
/* width of header */
/* top table */
width: 500px;
margin-left: 20%;
margin-right: 20%;
background-color: #a52143;
border:5px solid #000000; padding:1px;}

table table {width:100%; margin:0; background-color:transparent;}
table table table {width:auto; background-color:transparent;}
table td {border:0px solid #000000;}
table table, table table td {border:none; padding:0;}

.shadowed img
/* icons */
{color:#a52143; border:none;}
.entrybox
/* entry border */
{border:5px solid #000000; }
.entrybox .index
/* hiding bracket */
{color:#a52143;}

/* This will change the subject's attributes */
p table table td.caption {
background-color:transparent;
font-family:arial, tahoma;
color:#FFFFFF;
font-size:12px;
text-transform:uppercase;
text-align:left;
font-weight:bold;}

/* This will change the main entry attributes */
table.entrybox td {
font-family:arial, tahoma;
color:#000000;
font-size:11px;
text-align:justify;
background-color:#a52143; }

/* This will change the rest of the date */
/* "Navigation" at bottom */
/* "[entries|friends|calendar]" at top */
.date, .index {
color:#FFFFFF;
background-color:transparent;
font-family:arial, tahoma;
font-size:12px;
text-transform:uppercase;
font-weight:bold; }

/* This will change the navi caption, and brackets */
table.index td{
font-family: arial, tahoma;
font-size: 11px;
text-transform: uppercase;
color: #a52143;
background-color: transparent;
font-weight: bold; }

/* This will change the most recent attributes */
table table table td.meta {
font-family: arial, tahoma;
font-size: 11px;
text-transform: uppercase;
color: #000000;
background-color: transparent;
font-weight: bold;}

/* This will change the journal name, etc: However, it's hidden */
td.caption, .subject {
font-family: arial, tahoma;
font-size: 11px;
color: #FFFFFF;
text-transform: uppercase;
font-weight: bold;
background-color:transparent;
font-weight: bold; text-align:center; }

td.caption b
/* site description */
{font-weight:bold;}
-->
</style>
<style type="text/css">
<!--
.x {position:absolute; left:262; top:15;}
-->
</style>
</xx-head>


<xx-p>

<xx-p>
<=GLOBAL_HEAD

FRIENDS_OPT_ITEMS=>25

FRIENDS_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<div class="footer"><center>
<strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://livejournal.com/editjournal.bml?%%itemargs%%">edit</a>
</center></div>
</td></tr>
<=FRIENDS_TALK_LINKS

FRIENDS_WEBSITE=><xx-img src="http://i29.photobucket.com/albums/c268/lilprincesssparkle/Livejournal/losthead1.gif" class="header"><=FRIENDS_WEBSITE

LASTN_OPT_ITEMS=>25

LASTN_DATE_FORMAT=><div align="right"><span class="subject">%%monlong%% %%dth%%, %%yyyy%% | %%12h%%:%%min%%%%ampm%%</span></div>

DAY_TALK_LINKS<=
<table class="x">
<tr><td class="comments" colspan="2">
<div class="footer"><center>
<strong><a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://livejournal.com/editjournal.bml?%%itemargs%%">edit</a>
</center></div>

</td></tr>
<=DAY_TALK_LINKS

DAY_WEBSITE=><xx-img src="http://i29.photobucket.com/albums/c268/lilprincesssparkle/Livejournal/losthead1.gif" class="header"><=DAY_WEBSITE

FRIENDS_DATE_FORMAT=><div align="right"><span class="subject">%%monlong%% %%dth%%, %%yyyy%% | %%12h%%:%%min%%%%ampm%%</span></div>

LASTN_TALK_LINKS<=
<table>
<tr><td class="comments" colspan="2">
<div class="footer"><center>
<strong> <a href="%%urlread%%">%%messagecount%% comments %%mc-plural-s%%</a></strong> | <a href="%%urlpost%%">reply</a> | <a href="http://livejournal.com/editjournal.bml?%%itemargs%%">edit</a>
</center></div>

</td></tr>
<=LASTN_TALK_LINKS

[*Azarel*]

In your coding, you have this:
body {
background-color:#d9a7b5;
background-image: url(http://i29.photobucket.com/albums/c268/lilprincesssparkle/Livejournal/losthead1.gif);
background-attachment: stretch;
background-repeat: no-repeat;
background-position: top;

Because you have set the image as you background, you can not position it exactly where you want. :\ If you want to keep the image as a background, the only way you could move it down would be to change the image itself so that the graphic is further down.

edit- Here, I changed the graphic a little.

This is the graphic: http://img363.imageshack.us/img363/4415/headerva0.gif
This is what it looks like with your coding: http://aznhellbringer.livejournal.com

[moorepocket]

please [code] all the codes.