hi all,
Here's a question to be sure: how do I modularize CSS menus? In other words, I want to define a menu (e.g., orange Tree Horizontal Menu) once, and then call/invoke it from any number of pages. Is this possible, or must I duplicate the HTML code in every page? Seems to me that last method would be inefficient, since a change to the menu would require a change to each and every page. Please help me.
Thanks
------------------------------
software development company
If you create the menu's css in an external file. You can call that css page from any page. You would have to create the divs, tables, hyperlinks etc for each page. However, just add the id of each 'object' for the css to style.
So you might have an external css page like:
(default.css)
div.menu {
background-color: #000;
color: #f00;
}
Then in a the html pages you can call the default.css page.
<html>
<head>
<link rel="stylesheet" type="text/css" href="default.css" />.
<title>Page Using CSS</title>
</head>
<body>
<div id="menu">My Menu</div>
</body>
</html>
Hope this helps
... unless you save your pages as .php instead of .html . If you do that then you can cut/paste your menu html into a separate file (say... 'menu.html') and include it on each page :You would have to create the divs, tables, hyperlinks etc for each page.
This is assuming of course that your hosts provide php (most do these days). You have to save it as .php so that the server knows to look for <?php and ?> tags which signal the start and end of php code. "include" gets the server to replace that bit with the contents of menu.html . It's pretty straight-forward and will save you time when you go to add a new menu item or re-structure the site (as innevitably happens eventually).PHP Code:<html>
<head> ... stuff (including of course linking to style sheets) ... </head>
<body>
<?php include 'menu.html'; ?>
<div id="body-copy">
<h1>Header</h1>
<p>Body of your page</p>
</div>
</body>
</html>
Hello
:-Dave
There are currently 1 users browsing this thread. (0 members and 1 guests)
Posting Permissions
LinkBack URL
About LinkBacks
Reply With Quote