|
|
Posted by PeterMcC on 03/13/06 18:43
S Kalynuik wrote in
<4y7a3qh8z9zd$.oq6ihkmqpf71.dlg@40tude.net>
> On Mon, 13 Mar 2006 08:02:53 -0500, S Kalynuik wrote:
>
>> Is there a way to allow css to act like a simple 2 frame setup.
>>
>> I want a fixed navigation header on all pages, website itself has
>> 100+ pages, each is multi paged with sub pages.
>>
>> So what I could do in frame is have 2 frames and clicking in the
>> header frame would load a seperate html page in the main frame,
>> therefore not having to repeat the header code 100+ times, can this
>> be done using css?
>>
>> I know css can use a float or fixed header position, even using
>> margins to trick ie into making a header section fixed. But this
>> still seems like I would have to repeat the header css on each page,
>> it would just be more fluid if the header always stayed loaded as it
>> does using frames.
>> Or is this scenario not going to work in css YET?
>>
>> BTW each page is header on top, fixed height and width, and main
>> body is scrollable up/down.
>>
>> TIA (Thank-you In Advance)
>>
>> If this is not possible is there a way to use the navigation html as
>> say a call and place that on everypage, like a css or javascript
>> call: <link rel="stylesheet" type="text/css" href="css/index.css" />
>> <script language="javascript" src="js/rollover.js"></script>
>>
>> I know the above loads a reference type file then applies those
>> standards in the case of a css link rel, but the javascript call
>> actually places code in the page, could this be done using html
>> common to all pages, ie navigation html segment?
>>
>> THank-you
>
> ok I looked in alot of places and now almost have what I want to work:
> the html file:
> **************
>
> <?xml version="1.0" encoding="UTF-8"? /?>
> <!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">
>
> <!-- Generated by AceHTML Freeware http://freeware.acehtml.com -->
> <!-- Creation date: 3/8/2006 -->
>
> <head>
> <meta name="author" content="Steve Kalynuik" />
> <meta name="email" content="kalynuik1@hotmail.com" />
> <title>Kingtut's Place - The Game Section</title>
> <link rel="stylesheet" type="text/css" href="css/index.css" />
> <script language="javascript" src="js/rollover.js"></script>
> <style>
> <!--
> div.c2 {text-align: center}
> -->
> </style>
> </head>
>
> <body onload="rollover()">
>
> <script language="javascript" type="text/javascript"
> src="ktptgs-head.js"></script>
>
> </body>
> </html>
>
> **************
> the js file:
> **************
>
> document.write ('<table border="0" cellspacing="0" cellpadding="0"
> id="table1" class="c3">');
> document.write (' <tr>');
> document.write (' <td>');
> document.write (' <img src="menu_images/mlt.gif" border="0"
> width="303" height="28" alt="mlt" /><img src="menu_images/mp.gif"
> border="0" width="80" height="28" alt="mp" /><img
> src="menu_images/mrt.gif" border="0" width="303" height="28"
> alt="mrt" />');
> document.write (' <br />');
> document.write (' <img src="menu_images/mlb.gif" border="0"
> width="303" height="97" alt="mlb" /><img src="menu_images/tutani.gif"
> border="0" width="80" height="97" alt="tutani" /><img
> src="menu_images/mrb.gif" border="0" width="303" height="97"
> alt="mrb" />');
> document.write (' <\/td>');
> document.write (' <\/tr>');
> document.write ('<\/table>');
> document.write ('<table border="1" cellspacing="0" cellpadding="0"
> id="table2" class="c3">');
> document.write (' <tr>');
> document.write (' <td>');
> document.write (' <img src="menu_images/menuleft.gif" width="4"
> height="32" alt="menuleft" /><\/td>');
> document.write (' <td colspan="2">');
> document.write (' <!-- Main Menu-Buttons -->');
> document.write (' <table align="center" cellpadding="0"
> cellspacing="0" border="0" id="table3" class="c4">');
> document.write (' <tr>');
> document.write (' <td title="index" align=" center" class="c5">');
> document.write (' <a href="index.html" target="_parent">');
> document.write (' <img src="wbimg\imgn0.gif" rsrc="wbimg\imgo0.gif"
> border="0" width="90" height="30" alt="Index" /><\/a><\/td>');
> document.write (' <td title="creatures 1 & 2" align=" center"
> class="c5">');
> document.write (' <a href="mc12.html" target="_parent">');
> document.write (' <img src="wbimg\imgn1.gif" rsrc="wbimg\imgo1.gif"
> border="0" width="90" height="30" alt="Creatures 1 & 2"
> /><\/a><\/td>');
> document.write (' <td title="dragon warrior monsters" align=" center"
> class="c5">');
> document.write (' <a href="mdwm.html" target="_parent">');
> document.write (' <img src="wbimg\imgn2.gif" rsrc="wbimg\imgo2.gif"
> border="0" width="90" height="30" alt="Dragon Warrior Monsters"
> /><\/a><\/td>');
> document.write (' <td title="japanese pangya" align=" center"
> class="c5">');
> document.write (' <a href="mjp.html" target="_parent">');
> document.write (' <img src="wbimg\imgn3.gif" rsrc="wbimg\imgo3.gif"
> border="0" width="90" height="30" alt="Japanese Pangya"
> /><\/a><\/td>'); document.write (' <td title="ogre battle saga"
> align="center" class="c5">');
> document.write (' <a href="mobs-start.html" target="_parent">');
> document.write (' <img src="wbimg\imgn4.gif" rsrc="wbimg\imgo4.gif"
> border="0" width="90" height="30" alt="Ogre Battle Saga"
> /><\/a><\/td>'); document.write (' <td title="wizardry" align="
> center" class="c5">'); document.write (' <a href="mw.html"
> target="_parent">');
> document.write (' <img src="wbimg\imgn5.gif" rsrc="wbimg\imgo5.gif"
> border="0" width="90" height="30" alt="Wizardry" /><\/a><\/td>');
> document.write (' <td title="guestbook" align=" center" class="c5">');
> document.write (' <a href="mgb.html" target="_parent">');
> document.write (' <img src="wbimg\imgn6.gif" rsrc="wbimg\imgo6.gif"
> border="0" width="90" height="30" alt="Guestbook" /><\/a><\/td>');
> document.write (' <\/tr>');
> document.write (' <\/table>');
> document.write (' <script type="text/javascript"
> language="JavaScript1.1" src="rotatingimagemain.txt"><\/script>');
> document.write (' <!-- Main Menu-Buttons End --><\/td>');
> document.write (' <td>');
> document.write (' <img src="menu_images/menuright.gif" width="4"
> height="32" alt="menuright" /><\/td>');
> document.write (' <\/tr>');
> document.write ('<\/table>');
>
> **************
> the problem is, the rollover images do not show, any ideas why not?
> THey do if wriiten properly in the html document.
Whatever works for you but I find:
<!--#include file="menus.txt"-->
is rather easier to implement.
--
PeterMcC
If you feel that any of the above is incorrect,
inappropriate or offensive in any way,
please ignore it and accept my apologies.
[Back to original message]
|