Board Logo

Centering fader
advmed - 2/10/2008 at 03:50 PM

Hello all,

I do my own personal web development for my company, and I of course got frustrated that my old IE fader script would not work in firefox. Thankfully I found the Tigra Fader, and I have to say it works beautifully in both browsers. However, I am having trouble centering the script in my code, and it seems separated from the rest of the page content.

I have attached the code below to see if anyone has a solution to make sure the header stays with the rest of the page. I have included just the first half of the page code right up to the end table for the slideshow. Thank you.

Eric


<html>

<head>

<a name="top"></a>

<title>Canadian Adventure Medical Specialists Ltd.</title>

<meta name="Keywords" content="" />

<meta name="Description" content="" />

<link rel="stylesheet" type="text/css" href="mainstyle.css">


<script language="JavaScript" src="tFader.js">

</script>

</head>

<body>


<style>

h5 {color: #787878; font:bold 10px verdana; text-align:left;}

.ActivateTextEffect { color: #FE0000; font:bold 10px verdana; text-align:left;}

</style>

<table border="0" cellpadding="0" cellspacing="0" width="750" align="center">

<tr>

<td width="750" height="20" bgcolor="white" cellpadding="0" cellspacing="0" align="right">


<b><font face=arial color=#E51837 size="1">

<script language="JavaScript">

var now = new Date;

var MyDay = new Array( "Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday")

var MyMonth = new Array("January", "February", "March", "April", "May", "June", "July", "August", "Septempber", "October", "November", "December")

document.write (MyDay[now.getDay()] + " / ");

document.write (MyMonth[now.getMonth()] + " ");

document.write (now.getDate()+ " / ");

document.write (now.getYear());

</script>

</font></b>

</td>

</tr>

</table>

<table border="0" cellpadding="0" cellspacing="0" width="750" align="center">

<tr>

<td height="25">

</td>

</tr>

</table>

<table border="0" cellpadding="0" cellspacing="0" width="750" align="center">

<tr>
<td>

<a href="default.html" onmouseover='intro.src="buttons/introdn.gif"' onmouseout='intro.src="buttons/introup.gif"' ><img src="buttons/introup.gif" alt="Click to learn more about CAMS." border="0" name="intro"></a><br>

</td>

<td>

<a href="courses/intro.html" onmouseover='courses.src="buttons/coursesdn.gif"' onmouseout='courses.src="buttons/coursesup.gif"'><img src="buttons/coursesup.gif" alt="Click to learn more about our courses." border="0" name="courses"></a><br>

</td>

<td>

<a href="consult/intro.html" onmouseover='consult.src="buttons/consultdn.gif"' onmouseout='consult.src="buttons/consultup.gif"'><img src="buttons/consultup.gif" alt="Click to learn more about our consulting services." border="0" name="consult"></a><br>

</td>


<td>

<a href="supply/intro.html" onmouseover='supply.src="buttons/supplydn.gif"' onmouseout='supply.src="buttons/supplyup.gif"'><img src="buttons/supplyup.gif" alt="Click to learn more about our supply services." border="0" name="supply"></a><br>

</td>


<td>

<a href="outfitters/intro.html" onmouseover='outfit.src="buttons/outfitdn.gif"' onmouseout='outfit.src="buttons/outfitup.gif"'><img src="buttons/outfitup.gif" alt="Click to learn more about or outfitter services." border="0" name="outfit"></a><br>

</td>


<td>

<a href="contactus.html" onmouseover='contact.src="buttons/contactusdn.gif"' onmouseout='contact.src="buttons/contactusup.gif"'><img src="buttons/contactusup.gif" alt="Click to contact us." border="0" name="contact"></a><br>

</td>


</tr>



</table>

<table border="1" cellpadding="0" cellspacing="0" align="center">

<tr>

<td>
<!-- at the location where you want slideshow to appear configure and initialize the instance -->

<script language="JavaScript">

// configuration structure

var A_TPL = {
// randomize the array each time page loads
'random' : true,
// number of transparency changes during the transition
// increase for smoother transition, reduce for less CPU usage
'steps' : 35,
// transition duration in seconds
'transtime': .3,
// slide time in seconds
'slidetime': 3,
// width of the slide (optional)
'width' : 750,
// height of the slide (optional)
'height': 125,
// alt text for the image (optional)
'alt' : 'Canadian Adventure Medical Specialists Ltd.',
// css class assigned to the slide <img> (optional)
'css' : ''
};

// list of images to display
var A_ITEMS = [
'headers/header1.jpg',
'headers/header2.jpg',
'headers/header3.jpg',
'headers/header4.jpg',
'headers/header5.jpg',
'headers/header6.jpg',
'headers/header7.jpg',
'headers/header8.jpg',
'headers/header9.jpg',
'headers/header10.jpg',
'headers/header11.jpg',
'headers/header12.jpg',
'headers/header13.jpg',
'headers/header14.jpg',
'headers/header15.jpg',
'headers/header16.jpg',
'headers/header17.jpg',
'headers/header18.jpg'
];
// fader initialization
var mySlideShow = new tFader (A_ITEMS, A_TPL);

</script>
</td>

</tr>

</table>


advmed - 2/10/2008 at 04:06 PM

Figured it out with a little trial and error, thanks for checking in. Cheers.


Softcomplex: http://www.softcomplex.com/
Back to forum: http://www.softcomplex.com/forum/