Layout won't appear. <_<

[Moonstar]

sorry to bug you all again but I need help.

I made this layout which works fine, but the
backround and layout details (the containers and such)
won't appear.

This is the .css

A:link font-family: verdana; text-decoration: underline; color: #292929;
A:visited font-family: verdana; text-decoration: underline; color: #000000;
A:active font-family: verdana; text-decoration: underline; color: #292929;
A:hover font-family: verdana; text-decoration: none; color: #000000;

body
background: #686457;
scrollbar-arrow-color: #686457;
scrollbar-darkshadow-color: #292929;
scrollbar-track-color: #686457;
scrollbar-face-color: #686457;
scrollbar-shadow-color: #292929;
scrollbar-highlight-color: #686457;
scrollbar-3dlight-color: #292929;


body, td
font-family:Souvenir Lt BT;
font-size:12px;
text-align: justify;
margin: 0;
padding: 0;
color: #000000;
cursor: crosshair;


.title
color: #000000;
letter-spacing:2px;
border: 1px solid #292929;
background-color: none;
font-size: 18px;
font-family: Souvenir Lt BT;





h1
font-size:20px;

h2
font-size:19px;

h3
font-size:18px;

h4
font-size:16px;

h5
font-size:15px;

h6
font-size:14px;



#container
position:absolute;
text-align:left;
top: 0px;
left: 100px;
width: 700px;
height: 331px;
background-color: #686457;
padding: 0px;
border: solid;
border-color: #292929;
border-width: 1px;
margin-bottom:1em;
font-family:Souvenir Lt BT;
font-size:12px;
text-align: justify;
cursor:crosshair;
color: #292929;



#title
background: #686457;
position:absolute;
text-align:left;
top: 0px;
left: 100px;
width: 700px;
height: 331px;
background-color: #686457;
padding: 0px;
border: solid;
border-color: #292929;
border-width: 1px;
margin-bottom:1em;
font-size:12px;





#navigation
position:absolute;
float:left;
text-align:left;
width: 700px;
height: 100%;
background-color: #686457;
padding: 3px;
border-right: solid;
border-right-color: #292929;
border-right-width: 1px;




#content
position:absolute;
text-align:left;
width: 100%;
background-color: #686457;
padding: 3px;
margin-bottom:1em;

and this is the index.php I made:

<? include('newtop.php'); ?>

<div id="content">
<!-- CONTENT BEGINS HERE -->
<p class="title" align="center">Welcome!</p>
Welcome Note here!</p>


<p class="title" align="center">Updates</p>
00/00/00--> Updates go here.</p>

<p class="title" align="center">How to Install</p>
Once you download the layout, upload the images and .css file onto your server.<br>
Remember to NOT remove credits from the
credits page!

Thank you and enjoy!</p>

<p class="title" align="center">Copyrights</p>
<li>Harry Potter Characters belong to J.K. Rowling and the Warner Brothers studio.
<li>Image:<a href="http://www.mugglenet.com">mugglenet.com</a></li></p>
</div>

as I mentioned the layout is a sitemap and appears.


Help?

[Larry Laffer]

Pft, really, could you post a link to the page that doesn't come up right?

[Amy-Chan]

that or post a zip of your code, was that really all of it?
also <? include('newtop.php'); ?>
apart from me not knowing what this file is doing... you should use <?php include('newtop.php'); ?> - its proper syntax

[Moonstar]

epp! I'm sorry. <_<

www.reisei-sa.net/moonlitstars/Snapelayout.php

[Ellethwen]

Your stylesheet might be part of it...

You are missing the brackets. Also, the body section should go first in a stylesheet.

Try this stylesheet:



body {
background: #686457;
scrollbar-arrow-color: #686457;
scrollbar-darkshadow-color: #292929;
scrollbar-track-color: #686457;
scrollbar-face-color: #686457;
scrollbar-shadow-color: #292929;
scrollbar-highlight-color: #686457;
scrollbar-3dlight-color: #292929;
}

A:link font-family: verdana; text-decoration: underline; color: #292929;
A:visited font-family: verdana; text-decoration: underline; color: #000000;
A:active font-family: verdana; text-decoration: underline; color: #292929;
A:hover font-family: verdana; text-decoration: none; color: #000000;


body, td {
font-family:Souvenir Lt BT;
font-size:12px;
text-align: justify;
margin: 0;
padding: 0;
color: #000000;
cursor: crosshair;
}


.title {
color: #000000;
letter-spacing:2px;
border: 1px solid #292929;
background-color: none;
font-size: 18px;
font-family: Souvenir Lt BT;
}

h1 {
font-size:20px;
}

h2 {
font-size:19px;
}

h3 {
font-size:18px;
}

h4 {
font-size:16px;
}

h5 {
font-size:15px;
}

h6 {
font-size:14px;
}

#container {
position:absolute;
text-align:left;
top: 0px;
left: 100px;
width: 700px;
height: 331px;
background-color: #686457;
padding: 0px;
border: solid;
border-color: #292929;
border-width: 1px;
margin-bottom:1em;
font-family:Souvenir Lt BT;
font-size:12px;
text-align: justify;
cursor:crosshair;
color: #292929;
}

#title {
background: #686457;
position:absolute;
text-align:left;
top: 0px;
left: 100px;
width: 700px;
height: 331px;
background-color: #686457;
padding: 0px;
border: solid;
border-color: #292929;
border-width: 1px;
margin-bottom:1em;
font-size:12px;
}

#navigation {
position:absolute;
float:left;
text-align:left;
width: 700px;
height: 100%;
background-color: #686457;
padding: 3px;
border-right: solid;
border-right-color: #292929;
border-right-width: 1px;
}

#content
position:absolute; {
text-align:left;
width: 100%;
background-color: #686457;
padding: 3px;
margin-bottom:1em;
}


Tell me if that works for ya :-)

[Moonstar]

*gasp* it worked! Um..but part of the layout image is missing.

www.reisei-sa.net/moonlitstars/Snapelayout.php

Thanks so much ellethwen! ^^

[Ellethwen]

Well that's good!

But I honestly have no idea what the deal with the header image is o.0

[Moonstar]

that's ok. thanks for your help! ^^ *karmas*

[Larry Laffer]

<body>
<div id="title">
</div>
.
.
.

Get rid of that div, and the image should show up, since the div hangs over the table!

Really, if you're making a layout, tables may not be a good idea! And, tables and divs, are never a good idea!

[Moonstar]

Thanks Larry. *karma* I know, but this was just to experiment. ^^

[Amy-Chan]

i'm just curious, were you going to use php? or does newtop.php contain php?, i'm just wondering as what you posted was just html and css and i wondered why you chose to use the php extension? i'm just nosey^^

sorry to bug you all again but I need help.

don't worry over asking for help, i'm sure everyones happy to help