Support Forum Softcomplex logo
About Us  | Services  | Download  | Order  | Support  | |
| Search | Today's Posts | Stats | Board Rules | Not logged in [ Login | Register ]
go to bottom
Last active: Never

Printable Version | Subscribe | Add to Favourites   Post new thread
Author: Subject: Centering fader
advmed
Junior Member

Posts: 2
Registered: 2/10/2008
Member Is Offline
posted on 2/10/2008 at 03:50 PM
Centering fader


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>
View User's Profile View All Posts By User U2U Member
advmed
Junior Member

Posts: 2
Registered: 2/10/2008
Member Is Offline
posted on 2/10/2008 at 04:06 PM
Figured it out


Figured it out with a little trial and error, thanks for checking in. Cheers.
View User's Profile View All Posts By User U2U Member
Post new thread

Related Links:
Product Page
Product Page Live Demos
Product Page Simple Slide Show
Product Page Multiple Slide Shows
Product Page Methods and Properties
Free Script Download Free Download
Product Documentation Documentation
Support Forum Support Forum
 

Go To Top


Powered by XMB 1.9.1 Nexus
Developed By Aventure Media & The XMB Group © 2002-2004