|
|
Posted by S Kalynuik on 03/13/06 18:21
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.
Thank-you
--
kalynuik1@hotmail.comcomcom
-=< FreeWare ForEver >=-
[Back to original message]
|