How do I layout a site in SSI

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

When I use Layout Tables, they mess up and squash pages. Frames are very
messy. I want to make a site with a header, a footer, a navigation bar on the
left and one on the right. Does anyone know how to do this? If not do you
know any alternatives?
 
Does anyone know how to do this?

Yes.

* create tables that don't mess up and squash pages
* use stacked static divs

The secret is going to be -

* learn some HTML, especially how to build tables

This is meant to be helpful, not sarcastic.
 
miggols99 said:
When I use Layout Tables, they mess up and squash pages. Frames are very
messy. I want to make a site with a header, a footer, a navigation bar on
the
left and one on the right. Does anyone know how to do this? If not do you
know any alternatives?
Click to expand...

I do this all the time. The choices for layout are really:

-- HTML tables
-- CSS-positioned divs and other elements

I'm not certain what you mean by "Layout Tables" - if it's a special
FrontPage feature, that's not what I'm talking about.

HTML tables as a page layout tool work just fine, and are definitely less
complicated to learn to use. I often create a page design using tables,
generally "stacking" them rather than nesting them, wherever possible.
Often, a stack of tables set to about 780px wide: one for the masthead, one
for the main central area including the left navbar and main content, and
one for the footer.

Once this single page is just the way I want it, I take the masthead,
navbar, and footer, and make each into a server-side include. Then I save
the HTML page as a "page skeleton" (just to use a different term than
"template", since that usually means other things to us). Mine is just a
simple HTML page, with the include calls in it, which I "Save As" to create
each new page.

Hope that might help,
 
You don't. You probably mean CSS.

SSI is "Server Side Includes" which is a method of including one page in
another.

CSS - Cascading Style Sheets is the method to do with layout and style.
 
Ok. I used absolute positioning, but things are moving. The header is fine,
the navigation bars are fine, but the main part moves. The DIV goes to the
right place, but the file included goes under the left navigation bar. Does
anyone know how to fix this?
 
Fix your absolute positioning.
Without seeing the page it will be very difficult to comment further, but
problems like this are usually down to incorrect application of
positioning.
A straightforward table (NOT layout tables) layout is usually much easier.
 
I have put the DIV in the right place but the page I want to include moved to
under the left navigation bar. It has somehow moved out of the DIV. There is
plenty of room. How do I fix it?

Page: tu.windtemple.net/tests/template.shtml
 
Before troubleshooting this page, fix the invalid HTML -

</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"
marginwidth="0" marginheight="0">
<div style="position: absolute; z-index: 1" id="header">
<html>
<head>
<meta name="GENERATOR" content="Microsoft FrontPage 6.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0"
marginwidth="0" marginheight="0">
<center>

Note the multiple </head> and <body> tags....
 
8)

--
Murray
--------------
MVP FrontPage


P@tty Ayers said:
Very good, Andrew - I would never have guessed that.

Kind of like someone coming out of the garage waving around a noisy piece
of machinery asking, "How do I use this Change Saw?"
Click to expand...
 
Patty -

Please take a look at your computer's date setting. It seems to be off a
few weeks.

Craig
 
Back
Top