webguyryan
30 Jul 2006, 12:36 AM
I have been experimenting lately with this:
<html>
<head>
<style type="text/css">
#wrapper {
width: 720px;
margin: 0 auto;
text-align: left;
background-color: #FFFFFF;
padding: 20px;
border-style: solid;
border-width: 1px;
border-color: #000000;
}
body {
text-align: center;
min-width: 760px;
background-color: #c8c8c8;
margin: 0;
padding: 0;
}
p {
font-family: georgia, serif, arial;
background-color: #f0f0f0;
padding: 15px;
}
h1 {
font-family: arial, "times new roman";
border-style: solid;
border-width: 1px;
border-color: #000000;
padding: 5px;
}
</style>
</head>
<body>
<div id="wrapper">
<h1>Place a heading here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dapibus tempus orci. Aenean quis tellus. Cras turpis nisi, tempor quis, egestas eu, tristique eget, elit. Pellentesque eget ante eu leo sollicitudin iaculis. Nunc ac lacus. In pretium pede id quam. Nunc a magna. Sed elit velit, ullamcorper ac, rhoncus quis, pulvinar et, urna. Nulla vel turpis vel neque consequat ornare. Phasellus a est. Suspendisse pharetra lectus quis tortor. Morbi non nibh. Phasellus fringilla, quam at porttitor dapibus, mi ipsum aliquam lacus, quis sollicitudin elit libero a augue. Nam eros erat, sagittis vel, feugiat vitae, accumsan eget, turpis. Pellentesque mollis leo ut metus. Sed arcu felis, congue et, aliquet at, sodales et, lectus. Proin at turpis ac est blandit dapibus. Donec ligula ligula, lacinia sed, malesuada eget, sollicitudin ut, eros. Pellentesque volutpat. Aenean commodo, nibh sed volutpat molestie, justo ante malesuada lacus, eu blandit tellus lacus ac orci.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dapibus tempus orci. Aenean quis tellus. Cras turpis nisi, tempor quis, egestas eu, tristique eget, elit. Pellentesque eget ante eu leo sollicitudin iaculis. Nunc ac lacus. In pretium pede id quam. Nunc a magna. Sed elit velit, ullamcorper ac, rhoncus quis, pulvinar et, urna. Nulla vel turpis vel neque consequat ornare. Phasellus a est. Suspendisse pharetra lectus quis tortor. Morbi non nibh. Phasellus fringilla, quam at porttitor dapibus, mi ipsum aliquam lacus, quis sollicitudin elit libero a augue. Nam eros erat, sagittis vel, feugiat vitae, accumsan eget, turpis. Pellentesque mollis leo ut metus. Sed arcu felis, congue et, aliquet at, sodales et, lectus. Proin at turpis ac est blandit dapibus. Donec ligula ligula, lacinia sed, malesuada eget, sollicitudin ut, eros. Pellentesque volutpat. Aenean commodo, nibh sed volutpat molestie, justo ante malesuada lacus, eu blandit tellus lacus ac orci.</p>
<h1>Place a heading here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dapibus tempus orci. Aenean quis tellus. Cras turpis nisi, tempor quis, egestas eu, tristique eget, elit. Pellentesque eget ante eu leo sollicitudin iaculis. Nunc ac lacus. In pretium pede id quam. Nunc a magna. Sed elit velit, ullamcorper ac, rhoncus quis, pulvinar et, urna. Nulla vel turpis vel neque consequat ornare. Phasellus a est. Suspendisse pharetra lectus quis tortor. Morbi non nibh. Phasellus fringilla, quam at porttitor dapibus, mi ipsum aliquam lacus, quis sollicitudin elit libero a augue. Nam eros erat, sagittis vel, feugiat vitae, accumsan eget, turpis. Pellentesque mollis leo ut metus. Sed arcu felis, congue et, aliquet at, sodales et, lectus. Proin at turpis ac est blandit dapibus. Donec ligula ligula, lacinia sed, malesuada eget, sollicitudin ut, eros. Pellentesque volutpat. Aenean commodo, nibh sed volutpat molestie, justo ante malesuada lacus, eu blandit tellus lacus ac orci.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dapibus tempus orci. Aenean quis tellus. Cras turpis nisi, tempor quis, egestas eu, tristique eget, elit. Pellentesque eget ante eu leo sollicitudin iaculis. Nunc ac lacus. In pretium pede id quam. Nunc a magna. Sed elit velit, ullamcorper ac, rhoncus quis, pulvinar et, urna. Nulla vel turpis vel neque consequat ornare. Phasellus a est. Suspendisse pharetra lectus quis tortor. Morbi non nibh. Phasellus fringilla, quam at porttitor dapibus, mi ipsum aliquam lacus, quis sollicitudin elit libero a augue. Nam eros erat, sagittis vel, feugiat vitae, accumsan eget, turpis. Pellentesque mollis leo ut metus. Sed arcu felis, congue et, aliquet at, sodales et, lectus. Proin at turpis ac est blandit dapibus. Donec ligula ligula, lacinia sed, malesuada eget, sollicitudin ut, eros. Pellentesque volutpat. Aenean commodo, nibh sed volutpat molestie, justo ante malesuada lacus, eu blandit tellus lacus ac orci.</p>
</div>
</body>
</html>
But have been unable to add a simple horizontal navigation bar. Some help would be appreciated.
<html>
<head>
<style type="text/css">
#wrapper {
width: 720px;
margin: 0 auto;
text-align: left;
background-color: #FFFFFF;
padding: 20px;
border-style: solid;
border-width: 1px;
border-color: #000000;
}
body {
text-align: center;
min-width: 760px;
background-color: #c8c8c8;
margin: 0;
padding: 0;
}
p {
font-family: georgia, serif, arial;
background-color: #f0f0f0;
padding: 15px;
}
h1 {
font-family: arial, "times new roman";
border-style: solid;
border-width: 1px;
border-color: #000000;
padding: 5px;
}
</style>
</head>
<body>
<div id="wrapper">
<h1>Place a heading here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dapibus tempus orci. Aenean quis tellus. Cras turpis nisi, tempor quis, egestas eu, tristique eget, elit. Pellentesque eget ante eu leo sollicitudin iaculis. Nunc ac lacus. In pretium pede id quam. Nunc a magna. Sed elit velit, ullamcorper ac, rhoncus quis, pulvinar et, urna. Nulla vel turpis vel neque consequat ornare. Phasellus a est. Suspendisse pharetra lectus quis tortor. Morbi non nibh. Phasellus fringilla, quam at porttitor dapibus, mi ipsum aliquam lacus, quis sollicitudin elit libero a augue. Nam eros erat, sagittis vel, feugiat vitae, accumsan eget, turpis. Pellentesque mollis leo ut metus. Sed arcu felis, congue et, aliquet at, sodales et, lectus. Proin at turpis ac est blandit dapibus. Donec ligula ligula, lacinia sed, malesuada eget, sollicitudin ut, eros. Pellentesque volutpat. Aenean commodo, nibh sed volutpat molestie, justo ante malesuada lacus, eu blandit tellus lacus ac orci.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dapibus tempus orci. Aenean quis tellus. Cras turpis nisi, tempor quis, egestas eu, tristique eget, elit. Pellentesque eget ante eu leo sollicitudin iaculis. Nunc ac lacus. In pretium pede id quam. Nunc a magna. Sed elit velit, ullamcorper ac, rhoncus quis, pulvinar et, urna. Nulla vel turpis vel neque consequat ornare. Phasellus a est. Suspendisse pharetra lectus quis tortor. Morbi non nibh. Phasellus fringilla, quam at porttitor dapibus, mi ipsum aliquam lacus, quis sollicitudin elit libero a augue. Nam eros erat, sagittis vel, feugiat vitae, accumsan eget, turpis. Pellentesque mollis leo ut metus. Sed arcu felis, congue et, aliquet at, sodales et, lectus. Proin at turpis ac est blandit dapibus. Donec ligula ligula, lacinia sed, malesuada eget, sollicitudin ut, eros. Pellentesque volutpat. Aenean commodo, nibh sed volutpat molestie, justo ante malesuada lacus, eu blandit tellus lacus ac orci.</p>
<h1>Place a heading here</h1>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dapibus tempus orci. Aenean quis tellus. Cras turpis nisi, tempor quis, egestas eu, tristique eget, elit. Pellentesque eget ante eu leo sollicitudin iaculis. Nunc ac lacus. In pretium pede id quam. Nunc a magna. Sed elit velit, ullamcorper ac, rhoncus quis, pulvinar et, urna. Nulla vel turpis vel neque consequat ornare. Phasellus a est. Suspendisse pharetra lectus quis tortor. Morbi non nibh. Phasellus fringilla, quam at porttitor dapibus, mi ipsum aliquam lacus, quis sollicitudin elit libero a augue. Nam eros erat, sagittis vel, feugiat vitae, accumsan eget, turpis. Pellentesque mollis leo ut metus. Sed arcu felis, congue et, aliquet at, sodales et, lectus. Proin at turpis ac est blandit dapibus. Donec ligula ligula, lacinia sed, malesuada eget, sollicitudin ut, eros. Pellentesque volutpat. Aenean commodo, nibh sed volutpat molestie, justo ante malesuada lacus, eu blandit tellus lacus ac orci.</p>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nunc dapibus tempus orci. Aenean quis tellus. Cras turpis nisi, tempor quis, egestas eu, tristique eget, elit. Pellentesque eget ante eu leo sollicitudin iaculis. Nunc ac lacus. In pretium pede id quam. Nunc a magna. Sed elit velit, ullamcorper ac, rhoncus quis, pulvinar et, urna. Nulla vel turpis vel neque consequat ornare. Phasellus a est. Suspendisse pharetra lectus quis tortor. Morbi non nibh. Phasellus fringilla, quam at porttitor dapibus, mi ipsum aliquam lacus, quis sollicitudin elit libero a augue. Nam eros erat, sagittis vel, feugiat vitae, accumsan eget, turpis. Pellentesque mollis leo ut metus. Sed arcu felis, congue et, aliquet at, sodales et, lectus. Proin at turpis ac est blandit dapibus. Donec ligula ligula, lacinia sed, malesuada eget, sollicitudin ut, eros. Pellentesque volutpat. Aenean commodo, nibh sed volutpat molestie, justo ante malesuada lacus, eu blandit tellus lacus ac orci.</p>
</div>
</body>
</html>
But have been unable to add a simple horizontal navigation bar. Some help would be appreciated.