Menu
Ok, so im making a simple template.
I’ve gotten everything how i wanted it, but [s]four
1. Navbar text should be vertically centered (All Browsers)
[url]http://www.teamclash.com/dfb/template.html
[code=php]<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01//EN” “http://www.w3.org/TR/html4/strict.dtd”>
<html>
<head>
<title>template</title>
<style type=”text/css”>
* {
margin: 0;
padding: 0;
}
body{
margin: 0;
padding: 0;
text-align: center;
background-color: #a5aec6;
}
.container1
{
text-align: center;
background-image: url(‘./images/template_07.png’);
width: 726px;
}
.container2
{
text-align: center;
padding: 0 15px 10px 15px
}
.header
{
text-align: center;
background: url(‘./images/template_04.png’) no-repeat;
width: 726px;
height: 34px;
}
.navbar
{
background-image: url(‘./images/template_05.png’);
width: 726px;
height: 19px;
text-align: right;
line-height: 1.2;
vertical-align: middle;
font-family: “Times New Roman”;
font-size: 12px;
}
.navbarContent
{
width: 690px;
height: 19px;
text-align: right;
line-height: 1.2;
vertical-align: middle;
font-family: “Times New Roman”;
font-size: 12px;
}
.footer
{
text-align: right;
background-image: url(‘./images/template_10.png’);
width: 726px;
height: 21px;
}
</style>
<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″>
</head>
<body>
<center>
<div class=”container1″> <br> </div>
<div class=”header”></div>
<div class=”container1″> </div>
<div class=”navbar”><div class=”navbarContent”>Home <img src=”./images/sep.png” alt=””> Link <img src=”./images/sep.png” alt=””> Link <img src=”./images/sep.png” alt=””> Link** </div></div>
<div class=”container1″>
<div class=”container2″>
<p>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam eros erat, convallis vel, mattis vitae, viverra a, diam. Sed at pede. Ut vel nunc. Nullam fermentum dolor placerat nisl. Aliquam et lectus. Mauris fringilla. Cras aliquet sapien et tortor. Nunc commodo mauris quis dolor. Vivamus sed leo vel lectus eleifend convallis. In eu quam id libero posuere imperdiet. Fusce libero turpis, vehicula et, commodo a, consectetuer eu, urna. Phasellus nunc. Maecenas erat dui, gravida eu, tempus non, gravida eu, nunc. Donec nibh mauris, gravida non, tincidunt non, varius sit amet, libero. Nulla iaculis hendrerit ante. Mauris eu massa non neque congue congue. Fusce quis mi ut est ultrices tempor. Donec justo tortor, tempus eu, accumsan quis, rhoncus in, velit.
</p>
<p>
Curabitur bibendum euismod enim. Fusce scelerisque tellus eu urna gravida interdum. Morbi eu libero. Fusce tristique. Proin sed erat. Suspendisse potenti. Mauris risus ligula, eleifend vitae, lacinia in, ullamcorper sit amet, erat. Suspendisse pharetra ligula non nisi. Duis vehicula, risus dapibus sodales pharetra, pede massa imperdiet neque, ac pulvinar erat dolor in neque. Nunc sagittis augue vitae dolor. Vestibulum scelerisque. Mauris nibh.
</p>
<p>
Fusce ligula lacus, ornare quis, interdum ac, placerat vel, felis. Aenean auctor felis a risus. Nullam vulputate risus a turpis. Integer eu purus. Nullam sagittis, velit ut condimentum semper, tellus leo fringilla eros, et tempor augue lorem ac velit. In et neque sed nulla ultrices rutrum. Ut eget metus. Sed pretium condimentum tortor. Fusce lorem mi, consectetuer nec, posuere vitae, bibendum id, ligula. Curabitur ultricies laoreet libero. Aenean tellus tellus, aliquam nec, semper sodales, scelerisque nec, ligula. Nunc pharetra. Maecenas et elit. Cras nisl metus, auctor ut, hendrerit ut, venenatis sit amet, metus. Aliquam eget ipsum. Quisque consectetuer mauris vitae nunc.
</p>
<p>
In pellentesque fringilla turpis. Pellentesque adipiscing pulvinar velit. Vivamus elit massa, egestas ac, rhoncus vitae, ullamcorper nec, libero. Sed lacinia dapibus mi. Nunc suscipit hendrerit ligula. Phasellus imperdiet cursus neque. Morbi tempor posuere risus. Etiam neque. Ut pulvinar hendrerit risus. Aliquam lacinia.
</p>
<p>
Curabitur iaculis mi id enim varius mollis. Nunc enim arcu, faucibus non, sodales ac, hendrerit sed, urna. Vivamus aliquam consequat elit. Maecenas ac ipsum sit amet orci molestie iaculis. Vivamus laoreet mi faucibus nunc. Quisque odio magna, pretium in, rhoncus eget, sollicitudin quis, velit. Nullam vel lacus. Aenean rhoncus diam sit amet sem. Cras varius risus sit amet libero. Donec varius, diam non consequat consequat, nisi dolor rutrum odio, eget placerat mauris augue at massa. Pellentesque dignissim justo at pede. Morbi pellentesque. Nam vehicula sem vitae nisl. Suspendisse interdum congue magna. Phasellus porta. Quisque at sapien vitae urna tempor tempus. Etiam nulla lacus, porta non, porta eget, lobortis vel, quam. Integer sed leo vitae est gravida porttitor. Fusce auctor.
</p>
</div>
<div class=”footer”></div>
</div>
</center>
</body>
</html>
So… Anyone know how to fix it?
-Steve