I what the jurnal center..., I can't get the layout to be center... Options

[Dragonfly_11]

Please help...

CODE

LASTN_HEAD<=

<title>Dream</title>
<style type="text/css">
<!--

body {
scrollbar-face-color: #05E9FF;
scrollbar-arrow-color: white;
scrollbar-highlight-color: #F0FFFF;
scrollbar-3dlight-color: #98F5FF;
scrollbar-shadow-color: #E0FFFF;
scrollbar-darkshadow-color: #05B8CC;
scrollbar-track-color: white;
}

BODY, TD {font-family:verdana;color:black;font-size:12;}
A:link {color: "#03A89E"; text-decoration:blink}
A:visited {color: "#03A89E"; text-decoration:blink}
A:hover { text-decoration:none; color:"#68838B"; cursor:hand; }


body {
overflow-x: hidden;
margin-left: center;
margin-top: 350;
}

body {
background-image: url('http://img.photobucket.com/albums/v92/dragonfly11/karlabanner_03.gif');
background-attachment:scroll;
background-repeat: no-repeat;
background-position:top 25%;

}

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

table {
width: 500px;
margin-left: center;
margin-right: 100%;
}
table table {
width: 100%;
margin:0;
}
table table table {
width: auto;
}

-->
</style>
<style type="text/css">
<!--
.x {
position:absolute; left:0; top:0; z-index: -10; }
-->
</style>
</head>

<p>
<=LASTN_HEAD

[*Libertie*]

http://www.livejournal.com/community/every...lj/3804169.html

Try following that tutorial.

[Dragonfly_11]

grrr, still doen't work, I'm still searching the site for more answers.

http://smell-my-feet11.livejournal.com/

^^^this is what it looks like ^^^

[*Libertie*]

On the "position your header" part, it should be margin-left: -267px; instead of -390px.

The value should be half the width of your header image.

[Dragonfly_11]

still doesn't work...

CODE

GLOBAL_HEAD<=
<style type="text/css">
<!--

/*GETS RID OF ICON*/
.shadowed img{
display:none;
}

/*HIDES YOUR NAVIGATION*/
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
}

/*POSITION YOUR HEADER*/
#x{
position:absolute;
visibility: visible;top:0%;
width: 534px;
left:50%;
margin-left:-267px;
height: 600px;
}


/*BACKGROUND IMAGE*/
body {
background-color:#66CC9A;
background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling_background_02.gif);
background-attachment:fixed;
background-repeat: repeat-y;
background-position:top center;
}


/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background: transparent;
}

table {
width: 510px;
left:50%;
margin-left:-240px;}

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


/*JUSTIFIES TEXT*/
.entrybox td{
position:relative;
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}

/*LINKS*/
a{
color: #ffffff;
}
a:hover{
color: #66CC9A;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=CALENDAR_WEBSITE

DAY_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=DAY_WEBSITE

LASTN_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=LASTN_WEBSITE

[*Libertie*]

CODE

GLOBAL_HEAD<=
<style type="text/css">
<!--

/*GETS RID OF ICON*/
.shadowed img{
display:none;
}

/*HIDES YOUR NAVIGATION*/
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
}

/*POSITION YOUR HEADER*/
#x{
position:absolute;
visibility: visible;
top: 0px;
width: 534px;
left:50%;
margin-left:-267px;
height: 600px;
}


/*BACKGROUND IMAGE*/
body {
background-color:#66CC9A;
background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling_background_02.gif);
background-attachment:fixed;
background-repeat: repeat-y;
background-position:top center;
}


/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background: transparent;
}

table {
width: 510px;
left:50%;
margin-left: -12px;}

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


/*JUSTIFIES TEXT*/
.entrybox td{
position:relative;
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}

/*LINKS*/
a{
color: #ffffff;
}
a:hover{
color: #66CC9A;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=CALENDAR_WEBSITE

DAY_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=DAY_WEBSITE

LASTN_WEBSITE<=

<!--HEADER IMAGE-->
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=LASTN_WEBSITE

[Dragonfly_11]

thank you, hugs

I have one more question, then I'll stop asking for the night. There is a gap from the header to the top of the page, I've tried changing things to fix this but can't find it.

Thank you for all your help.

[*Libertie*]

Did you want the entries to go on top of the header, like right underneath the hearts, too?

[Dragonfly_11]

yes

[*Libertie*]

You were just missing a couple of things.. I hope this is what you meant. If not you can change the table width to 510px and the top margin (where the background properties are) to somewhere around 600px.

CODE

GLOBAL_HEAD<=
<style type="text/css">
<!--

/*GETS RID OF ICON*/
.shadowed img{
display:none;
}

/*HIDES YOUR NAVIGATION*/
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
}

/*POSITION YOUR HEADER*/
#x{
position:absolute;
visibility: visible;
top: 0px;
width: 534px;
left:50%;
margin-left:-273px;
height: 600px;
}

/*BACKGROUND IMAGE*/
body {
background-color:#66CC9A;
background-image: url(http://img.photobucket.com/albums/v92/dragonfly11/Sterling_background_02.gif);
background-attachment:fixed;
background-repeat: repeat-y;
background-position:top center;
margin-top: 440px;
}

/*YOUR ENTRIES*/
table, tr, td, .shadowed {
background: transparent;
}

table {
width: 470px;
left:50%;
margin-left: -15px;}

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


/*JUSTIFIES TEXT*/
.entrybox td{
position:relative;
text-align: justify;
}
.entrybox td.index, .entrybox td.comments{
text-align: right;
}

/*LINKS*/
a{
color: #ffffff;
}
a:hover{
color: #66CC9A;
}
-->
</style>
<=GLOBAL_HEAD

FRIENDS_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=FRIENDS_WEBSITE

CALENDAR_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=CALENDAR_WEBSITE

DAY_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=DAY_WEBSITE

LASTN_WEBSITE<=

<!--HEADER IMAGE-->
<div>&nbsp;</div>
<div id="x">
<img src="http://img.photobucket.com/albums/v92/dragonfly11/Sterling_header_04.gif" style="display:inline;">
</div>

<=LASTN_WEBSITE

[Dragonfly_11]

thank you so much

[*Libertie*]

Glad I could help.