April 23, 201115 yr Hi all when I make my functions i use the print command to display html but the divs wont use the classes why
April 23, 201115 yr * shrugs * suppose the code has a issue... fancy posting the function and an example of how your using it?
April 23, 201115 yr Author <?php $type = "twocol"; $id ="null"; function loadcol1() {print " <div class=\"grid_3 pull_6\">";} function closecol() {print "</div>";} function loadcol($type, $id){ if(($type == "twocol" || $type != "threecol") && isset($type)) { switch ($id) { default:2; case 2: echo "<div class=\"grid_9 push_3\>"; break; }; } else { switch ($id) { default:2; case 2: echo " <div class=\"grid_6 push_3\>"; break; case 3: echo " <div class=\"grid_3\">"; break; } } } ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Free Website Template from JustDreamweaver.com</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <link href="../style.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> <script type="text/javascript" src="file:///C|/xampp/htdocs/js/hoverIntent.js"></script> <script type="text/javascript" src="file:///C|/xampp/htdocs/js/superfish.js"></script> <script type="text/javascript" src="file:///C|/xampp/htdocs/js/supersubs.js"></script> <script type="text/javascript"> $(document).ready(function(){ $("ul.sf-menu").supersubs({ minWidth: 12, // minimum width of sub-menus in em units maxWidth: 27, // maximum width of sub-menus in em units extraWidth: 1 // extra width can ensure lines don't sometimes turn over // due to slight rounding differences and font-family }).superfish(); // call supersubs first, then superfish, so that subs are // not display:none when measuring. Call before initialising // containing tabs for same reason. }); </script> </head> <body> <div id="header" class="container_12"> <a href="#"><img src="file:///C|/xampp/htdocs/images/logo.png" alt="Logo"/></a> <div class="headerlinks"> <p><a href="#">About Us</a> | <a href="#">Our Guarantee</a> | <a href="#">Blog</a> | <a href="#">Privacy</a></p> <p><strong>Home of the 100% Satisfaction Guarantee!</strong></p> </div> </div> <div id="nav" class="container_12 rounded"> <ul class="sf-menu"> <li class="first-item"> <a href="file:///C|/xampp/htdocs/index.html" style="border-left:none;">Home</a> </li> <li> <a href="#a">Products</a> <ul> <li> <a href="#aa">Menu item that is quite long</a> </li> <li class="current"> <a href="#ab">Menu item</a> <ul> <li class="current"><a href="#">Menu item</a></li> <li><a href="#aba">Menu item</a></li> <li><a href="#abb">Menu item</a> <ul> <li class="current"><a href="#">Menu item</a></li> <li><a href="#aba">Menu item</a></li> <li><a href="#abb">Menu item</a></li> <li><a href="#abc">Menu item</a></li> <li><a href="#abd">Menu item</a></li> </ul> </li> <li><a href="#abc">Menu item</a></li> <li><a href="#abd">Menu item</a></li> </ul> </li> <li> <a href="#">Menu item</a></li> <li> <a href="#">Menu item</a></li> </ul> </li> <li> <a href="#">Services</a> <ul> <li> <a href="#aa">Menu item that is quite long</a> </li> <li class="current"> <a href="#ab">Menu item</a> <ul> <li class="current"><a href="#">Menu item</a></li> <li><a href="#aba">Menu item</a></li> <li><a href="#abb">Menu item</a> <ul> <li class="current"><a href="#">Menu item</a></li> <li><a href="#aba">Menu item</a></li> <li><a href="#abb">Menu item</a></li> <li><a href="#abc">Menu item</a></li> <li><a href="#abd">Menu item</a></li> </ul> </li> <li><a href="#abc">Menu item</a></li> <li><a href="#abd">Menu item</a></li> </ul> </li> <li> <a href="#">Menu item</a></li> <li> <a href="#">Menu item</a></li> </ul> </li> <li> <a href="#">Contact</a> </li> </ul> </div> <div id="content" class="container_12 rounded"> <?php loadcol1(); ?> <h1>This is a H1 heading</h1> <p>Cras et dapibus magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent dolor neque, gravida sed tempus a, vehicula nec metus. Cras accumsan ultricies sapien id tincidunt. Etiam vitae ante quis lectus pulvinar</p> <h2>This is a H2 heading</h2> <p>Cras et dapibus magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent dolor neque, gravida sed tempus a, vehicula nec metus. Cras accumsan ultricies sapien id tincidunt. Etiam vitae ante quis lectus pulvinar.</p> <h3>This is a H3 heading</h3> <p>Cras et dapibus magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent dolor neque, gravida sed tempus a, vehicula nec metus. Cras accumsan ultricies sapien id tincidunt. Etiam vitae ante quis lectus pulvinar.</p> <h4>This is a H4 heading</h4> <p>Cras et dapibus magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent dolor neque, gravida sed tempus a, vehicula nec metus. Cras accumsan ultricies sapien id tincidunt. Etiam vitae ante quis lectus pulvinar.</p> <h5>This is a H5 heading</h5> <p>Cras et dapibus magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent dolor neque, gravida sed tempus a, vehicula nec metus. Cras accumsan ultricies sapien id tincidunt. Etiam vitae ante quis lectus pulvinar</p> <?php closecol(); loadcol($type,'2'); ?> <div class="sidebarbox"> <h3>Sidebar Navigation</h3> <ul> <li><a href="file:///C|/xampp/htdocs/index.html">Left Sidebar Layout</a> </li> <li><a href="file:///C|/xampp/htdocs/right-sidebar.html">Right Sidebar Layout</a></li> <li><a href="file:///C|/xampp/htdocs/two-sidebars.html">Two Sidebar Layout</a></li> <li><a href="file:///C|/xampp/htdocs/no-sidebars.html">No Sidebar Layout</a></li> </ul> </div> <div class="simple"> <h4>Sidebar Navigation v.2</h4> <ul> <li><a href="#">Products</a> </li> <li><a href="#">Services</a></li> <li><a href="#">About Our Company</a></li> <li><a href="#">Our Guarantee</a></li> <li><a href="#">Buy Now</a></li> </ul> </div> <div class="sidebarbox"> <h3>Sidebar Content</h3> <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. </p> <p>Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. </p> </div> <div class="simple"> <h4>More Sidebar Content</h4> <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. </p> <p>Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. </p> </div> <?php closecol(); if ($type == "threecol") { loadcol($type,'3');?> <div class="sidebarbox"> <h3>Sidebar Navigation</h3> <ul> <li><a href="file:///C|/xampp/htdocs/index.html">Left Sidebar Layout</a> </li> <li><a href="file:///C|/xampp/htdocs/right-sidebar.html">Right Sidebar Layout</a></li> <li><a href="file:///C|/xampp/htdocs/two-sidebars.html">Two Sidebar Layout</a></li> <li><a href="file:///C|/xampp/htdocs/no-sidebars.html">No Sidebar Layout</a></li> </ul> </div> <div class="simple"> <h4>Sidebar Navigation v.2</h4> <ul> <li><a href="#">Products</a> </li> <li><a href="#">Services</a></li> <li><a href="#">About Our Company</a></li> <li><a href="#">Our Guarantee</a></li> <li><a href="#">Buy Now</a></li> </ul> </div> <div class="sidebarbox"> <h3>Sidebar Content</h3> <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. </p> <p>Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. </p> </div> <div class="simple"> <h4>More Sidebar Content</h4> <p>Proin elit arcu, rutrum commodo, vehicula tempus, commodo a, risus. Curabitur nec arcu. </p> <p>Donec sollicitudin mi sit amet mauris. Nam elementum quam ullamcorper ante. Etiam aliquet massa et lorem. </p> </div> <? closecol(); }?> <div class="clear"></div> </div> <div id="footer" class="container_12 topborder"> <div class="grid_6">Copyright © 2010 Your Website</div> <div class="grid_6" style="text-align:right;"><a href="#">About Us</a> | <a href="#">Contact Us</a> | <a href="#">Our Blog</a></div> </div> </body></html>
April 23, 201115 yr Author the html and css will change to fit mine i have tested this with tables and i works its just the divs
April 23, 201115 yr You are missing some of the closing "s eg: echo "<div class=\"grid_9 push_3\>"; should be echo "<div class=\"grid_9 push_3\">"; Edited April 23, 201115 yr by itodd
April 23, 201115 yr I tried your code and it seems to work, can you upload your site so we can see it in action? EDIT: or at least post the stylesheet Edited April 23, 201115 yr by itodd
April 23, 201115 yr It's your css that is causing the issues, not the php. For example delete line 99 (position: relative;)
Create an account or sign in to comment