Aight...I'm going to be bald...(dusts clumps of hair off the desk). I am having an issue. Actually, two.
1.) I want my website to have two vertical columns. One is for a pretty flash animation, the other is for the main content. The way it is, the flash animation (unless the right column is equal to or less than the height of the flash column) has being aligned to the top of the column, and I want it to site on the bottom.
(and yes, i know, I'm using the embed flash tags that are oh so evil, but no worries, I just have to go through my links and find the javascript file which will embed flash for me that dreamincode made me aware of).
2.) I want the nav bar centered but it's being not very compliant...it wants to hang over on the left.
Any help would be much appreciated.
here is the header.html
CODE
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3c.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<title><?php echo "$page_title"; ?></title>
<style type="text/css" media="all">
@import "./includes/layout.css";
</style>
</head>
<?php
include('./includes/config.inc.php');
include('./includes/handle.inc.php');
?>
<div id="main-wrapper">
<div id="wrapper">
<div id="masthead"></div><!-- End of masthead-->
<div id="nav">
<ul>
<li><a href="index.php" title="Main Page">Home</a></li>
<li><a href="appointment.php" title="Schedule an Appointment">Appointments</a></li>
<li><a href="philosophy.php" title="Our Philosophy">Philosophy</a></li>
<li><a href="services.php" title="What services we offer">Services</a></li>
<li><a href="products.php" title="Our Products">Products</a></li>
<li><a href="contact.php" title="Contact Information">Contact</a></li>
</ul>
</div><!-- End of Nav-->
<div id="main">
<div id="content">
Here is the footer
CODE
</div><!--End of content-->
<div id="flashdiv">
<div id="flashcontent">
<object width="150" height="500" >
<param name="movie" value="navgraphic.swf" />
<embed src="includes/flash/navgraphic.swf" width="150" height="500">
</embed>
</object>
</div><!--End of flashcontent-->
</div><!--End of flashdiv-->
<br style="clear: both;"/>
</div><!--End of main-->
<div id="footer"><p>© Copyright 2008 Pure Air Comfort Systems, LLC</p></div>
</div><!--End of Wrapper-->
</div><!--End of Main-Wrapper-->
</body>
</html>
the nav.css
CODE
div#nav
{
width: 770px;
height: 25px;
margin: 0 auto;
}
#nav ul
{
list-style-type: none;
}
#nav ul li
{
width: 90px;
}
#nav ul li a, #nav ul li a:link
{
text-decoration: none;
display: block;
float: left;
}
here is the layout.css
CODE
@import "nav.css";
*
{
padding: 0;
margin: 0;
}
body
{
background: #0066FF;
}
#main-wrapper
{
width:770px;
margin: 0 auto;
}
#wrapper
{
width: 770px;
}
#masthead
{
width: 770px;
height: 150px;
background: rgb(255,255,255) url(./images/header3.png) top center no-repeat;
}
#main
{
display:block;
width: 770px;
background: url(./images/mainbackground.png) repeat-y;
}
#content
{
width: 620px;
float: right;
display:block;
}
#flashdiv
{
width: 150px;
float:left;
display: block;
}
#flashcontent
{
width:150px;
bottom: 0;
}
#footer
{
background: rgb(255,255,255) url(./images/footer.png) top left no-repeat;
width: 770px;
height: 50px;
float:left;
}
#footer p
{
display: none;
}
and the index.php
CODE
<?php
$page_title = 'Welcome to Pure Air Comfort Systems!';
include('./includes/header.html');
?>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Curabitur eget nibh a purus dictum pellentesque. Ut ullamcorper mollis metus. Proin mattis convallis purus. Aenean erat mauris, vehicula eu, placerat sit amet, sollicitudin ac, turpis. Aliquam id mauris. Morbi vehicula odio. Nunc enim ante, eleifend a, laoreet ut, tristique sed, erat. Cras hendrerit mi in purus. Quisque lorem risus, placerat sodales, porta molestie, tempus ac, diam. Curabitur vestibulum est ac dolor. In massa elit, aliquam sit amet, condimentum vitae, dapibus vitae, velit. Nam et felis non ipsum vestibulum cursus. Proin quis augue ac arcu gravida euismod. In hac habitasse platea dictumst. Pellentesque tristique lectus in nibh. Praesent eros. Curabitur porta dolor.
Aenean viverra. Sed tempus, ligula ut adipiscing semper, lorem orci sodales nibh, id rhoncus massa massa vel metus. Proin laoreet luctus odio. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque risus lorem, ornare nec, semper eleifend, adipiscing a, felis. Morbi vitae lacus sit amet pede ullamcorper bibendum. Nam rhoncus, erat sed gravida consequat, enim sapien dapibus libero, tincidunt rutrum felis tortor eget odio. Donec augue. Sed quam pede, consectetuer sit amet, sollicitudin sed, ultrices ac, nunc. Aenean vel justo. Curabitur accumsan rutrum felis. Nullam ullamcorper tempus odio. Sed nec libero ut nibh congue venenatis. Mauris volutpat pulvinar risus. Pellentesque eu nibh id pede consectetuer euismod. Ut sodales, leo vehicula euismod cursus, diam pede facilisis risus, eget posuere neque magna et mi. Pellentesque quis enim. Nunc sem.
Nulla id libero ut magna dictum aliquam. Vivamus diam. Sed id lectus vitae velit tempus pretium. Sed vitae sapien eu pede consequat posuere. Morbi aliquam justo quis orci. Phasellus pretium. Maecenas enim. Aliquam metus nisi, aliquam quis, venenatis quis, pulvinar vitae, justo. Praesent tristique lorem sit amet augue. Donec pharetra justo at est. Integer nec augue. Nulla nisl dolor, condimentum id, elementum ut, commodo a, ligula.
Sed tincidunt. Vivamus convallis feugiat purus. Nulla id ante. Proin consectetuer. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Phasellus sit amet elit quis felis commodo pretium. Donec et nunc. Sed lorem. Ut nibh mauris, lacinia pretium, sodales eget, feugiat ut, sem. Aliquam vel tellus a lacus pharetra feugiat. Curabitur sit amet dui.
Donec sit amet nisi non magna porttitor vestibulum. Nulla facilisi. Suspendisse vehicula eros nec lorem. Sed velit turpis, ullamcorper et, luctus ac, posuere a, dolor. Aliquam et turpis. Aenean rhoncus elit et diam. Etiam ac odio. Suspendisse feugiat elementum quam. Nulla urna. Curabitur venenatis, tellus at scelerisque vehicula, turpis nisl iaculis ligula, vitae pharetra urna diam in nunc. Ut nec ante.
Generated 5 paragraphs, 427 words, 2871 bytes of Lorem Ipsum
<?php
include('./includes/footer.html');
?>
sorry for thel ong post
23 Apr, 2008 - 04:01 PM
| 