HTML - Wont Get Slider To Work / Conflict Maybe?

My website is http://www.unofficialguildwars.com Only just started it and it works fine in every browser except firefox. Ive checked the html i see no problems with it. Really confused on this one, any help would be great.

<fieldset>
<legend align="left">Logo</legend>
<textarea cols="111" rows="3"><center><img src="images/logo.gif"></center>
</textarea>
</fieldset>

The legend appear ok, but for some reason the initial text contained within the textarea isn't displayed - how do i fix this?

Hi everyone,

I was asked to upload a video to our server... and I added this code to the webpage

when I click it, a download does not start... it just says page not found

Code:

<p align="center"><br>

      <font face="Arial"><b><br>
      Click the link below to watch the video</b></font></p>
      <p align="center"><b><font face="Arial"><a href="..IMG_1953.MOV">MDS</a></font></b></p>

I'm having trouble with my menu. the content displays properly when the menu drop-down boxes are not activated, but shifts to accomodate the boxes when they are activated (by rollover).
I want the menu boxes to drop down OVER the content, not shift it out of the way. How do I accomplish this?
Here is the page:
http://antiqueatlantic.com/oceaniana...togallery.html

Hello,

On one of my pages I have 2 forms and only one of them seems to work. The other one (which I have on all 600 pages of my website as it is part of a template I use) does not work on this page where I already have another form. There seems to be a conflict.

Here is the code first form (working):

<form name=ftInCmForm>
<center>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<table border="0" cellpadding="3" cellspacing="0" bgcolor="#C0C0C0">
<tr>
<td>Convert to centimeters</td>
<td><INPUT type=radio value=0 name=choice onClick="killChoice(this.form)" checked ; tabindex="1"><font size="3">(i.e.
5' 3&quot; to 160 cm)</font></td>
</tr>
<tr>
<td>Convert to feet and inches</td>
<td><INPUT type=radio value=1 name=choice onClick="killChoice(this.form)" ; tabindex="2"><font size="3">(i.e.
160 cm to 5' 3&quot&nbsp;</font></td>
</tr>
<tr>
<td rowspan="2" valign="middle">enter length</td>
<td><input type=text name=ft size=5 onClick="form.ft.select()" ; style="font-family: Georgia" tabindex="3"> ft</td>
</tr>
<tr>
<td><input type=text name=inCm size=5 onClick="form.inCm.select()" ; style="font-family: Georgia" tabindex="4">
in/cm</td>
</tr>
<tr>
<td></td>
<td><INPUT onClick="ftInCm(this.form)" type=button value="convert" ; tabindex="5"></td>
</tr>
<tr>
<td></td>
<td><input name=answer size=40 value="The answer will appear here..." style="background-color: #C0C0C0; font-family: Georgia" tabindex="6" ></td>
</tr>
<tr>
<td></td>
<td><INPUT type=reset value=reset onClick="form.ft.disabled=false" tabindex="7" ;></td>
</tr>
</table>
</td>
</tr>
</table>
</center>
</div>
<br>
<div align="center">
<center>
<table border="1" cellpadding="0" cellspacing="0">
<tr>
<td>
<table border="0" cellpadding="0" cellspacing="0" bgcolor="#C0C0C0">
<tr>
<td align="center"> Solution</td>
</tr>
<tr>
<td><textarea rows="3" name="solution" cols="68" style="background-color: #C0C0C0; font-family: Georgia"> A more comprehensive solution will appear here...</textarea></td>
</tr>
</table>
</td>
</tr>
</table>



And here is the code for the form which is working on all but 1 page (the page with the above form on it). This is a Google site search form:

<form method="get" action="http://www.google.com/search" target="_blank">

<div style="border:1px solid black;padding:4px;width:14em;" align="center">
<table border="0" cellpadding="0" align="center">
<tr><td>
<input type="text" name="q" size="25"
maxlength="255" value="" />
<input type="submit" value="Google Search" /></td></tr>
<tr><td align="center" style="font-size:75%">
<input type="checkbox" name="sitesearch"
value="www.thetallestman.com" checked /> only search TheTallestMan.com<br />
</td></tr></table>
</div>
</form>


I have looked and looked, but have no idea where the conflict lies.
Any help would be very much appreciated.

Kind regards,

The Tallest Man

Hi All,

First off, I am a complete beginner with html and javascript so please bear with me. My website is http://fly-budget-airlines.com. I have added a Terminal A Search Engine to the index page and, although it displays fine, if you enter flight details and click enter it doesn't work. I have found that if you load http://fly-budget-airlines.com/main.htm then the Search Engine seems to work fine. Therefore I beleive the problem lies in a javascript conflict with the menu (http://fly-budget-airlines.com/menu.htm).

Can anyone help with this? Thanks in advance.

Guy

hello.
i do my best to keep all of my html valid and because custom scrollbars dont validate i decided to put the css for that in a separate stylesheet. soo my pages have two stylesheets on them , i dont know if that makes a difference or not but my problem is that the scrollbars remain the default scrollbar when i wth the doctype on the page. i use XHTML1.0 Transitional. when i remeve the doctype the scrollbar works fine.

is their a way to doo this while keeping my doctype?

Hi all,

Hopefully this forum is the right place to ask. Let me know if it isn't.

I have a very basic tumblr site to display some artwork, with custom HTML enabled.

The theme for the site has been altered with a line to create infinite scroll autopaging - instead of next page prompts that site scrolls down and loads pages as you go using this line:

<script type="text/javascript" src="http://codysherman.com/tools/infinite-scrolling/code"></script>

This works fine on the site and enables continuous scrolling.

When thumbnails are clicked on the site it utilizes a kind of javascript slideshow, the "Slimbox" hovering style over the page background.

This works fine for the first page of images, but after scrolling down a while, to where other pages would have been, all other images do not function in the slideshow.

Q1 - Is there some addition I can make so that the slideshow can see beyond page limits so that the slideshow functions for all images?

Q2 - Is it possible to retain the description from the image thumbnail in the slideshow replacing the image count (ie. image 16 of 29)?

I am hoping that it is possible to click through a slideshow of all images on the site.

Any help would be greatly appreciated. I wish I was better at this stuff. Thanks in advance...

The website address is www.rydavidbradley.tumblr.com

The page code is:
HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
    
    <script type="text/javascript" src="http://pixelspread.com/tumblr/portfolio/mootools.js"></script>
<script type="text/javascript" src="http://pixelspread.com/tumblr/portfolio/slimbox.js"></script>


        <!-- DEFAULT COLORS -->
        <meta name="color:Background" content="#eee"/>
        <meta name="color:Content Background" content="#fff"/>
        <meta name="color:Title" content="#444"/>
        <meta name="color:Description" content="#666"/>
        <meta name="color:Post Title" content="#c00"/>    
        <meta name="color:Text" content="#444"/>
        <meta name="color:Inline Link" content="#c00"/>
        <meta name="color:Quote" content="#666"/>
        <meta name="color:Quote Source" content="#444"/>
        <meta name="color:Link Post" content="#c00"/>
        <meta name="color:Conversation Background" content="#f8f8f8"/>
        <meta name="color:Conversation Border" content="#ddd"/>
        <meta name="color:Conversation Text" content="#444"/>
        <meta name="color:Conversation Label" content="#111"/>
        <meta name="color:Photo Border" content="#eee"/>
        <meta name="color:Date" content="#fff"/>
        <meta name="color:Date Background" content="#ccc"/>
        <!-- END DEFAULT COLORS -->

        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>{Title}{block:PostTitle} - {PostTitle}{/block:PostTitle}</title>
        <link rel="icon" href="{Favicon}"/>
        <link rel="alternate" type="application/rss+xml" title="RSS" href="{RSS}"/>
        <meta name="viewport" content="width=775"/> <!-- iPhone -->

        <style type="text/css">
            body {
                margin:           0px;
                background-color: {color:Background};
                font-family:      Helvetica, arial, sans-serif;
            }
            
            #content {
                width:            90%;
                margin:           auto;
                padding:          15px;
                background-color: {color:Content Background};
                position:         relative;
            }

            a {
                color:            {color:Inline Link};
            }

            h1 {
                
	           
	            font-size:22px;
            }
            
            h1 a {
                color:            {color:Title};
                text-decoration:  none;
            }
            
            #description{
            	 color:            {color:Title};
            	 margin-bottom: 20px;
            	 font-size:12px;
            	}

         
            
        
       
                     
           
            
            /* Photo Post */
            
            .photo {
                float:left;
                width:125px;
            }
            
            .photo img {
                border:           solid 5px {color:Photo Border};
            }

            .photo div.caption {
                font-size:        11px;
                color:            {color:Text};
                margin-top:       5px;
            }
            
            .photo div.caption a {
                color:            {color:Text};
            }
                       
           
            /* Footer */
            #footer {
                margin:           40px 0px 30px 0px;
                text-align:       center;
                font-size:        12px;
                color:            {color:Text};
            }
            
            #footer a {
                text-decoration:  none;
                color:            {color:Text};
            }
            
            #footer a:hover {
                text-decoration:  underline;
            }
            .clear{clear:both;}
            .designed{font-size:11px;}
            {CustomCSS}
            
            
            
            /* SLIMBOX */

#lbOverlay {
	position: absolute;
	left: 0;
        top: 50px;
	width: 100%;
	background:#FFFFFF;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #FFFFFF;
}

.lbLoading {
	background: #fff url([url]http://pixelspread.com/tumblr/portfolio/loading.gif[/url]) no-repeat center;
}

#lbImage {
	border: 10px solid #FFFFFF;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url([url]http://pixelspread.com/tumblr/portfolio/prevlabel.gif[/url]) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url([url]http://pixelspread.com/tumblr/portfolio/nextlabel.gif[/url]) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #FFFFFF;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url([url]http://pixelspread.com/tumblr/portfolio/closelabel.gif[/url]) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

        </style>

 
    </head>
    <body>
        <div id="content">
            <h1><a href="/">{Title}</a></h1>

            <div id="description">
              
                    {Description}
                    
                                              </div>
            
            {block:Posts}
                
                    
                    {block:Photo}
                        <div class="photo">
                            <a href="{PhotoURL-500}" rel="lightbox-smd" title=""><img src="{PhotoURL-100}" alt="{PhotoAlt}"/></a>
                            {block:Caption}
                            <div class="caption">
                            {Caption}
                            </div>
                            {/block:Caption}
                        </div>
                    {/block:Photo}
                                  
              
            {/block:Posts}
              <div class="clear"></div>
          
            
            <div id="footer">
          
             
                
               </p>
                            </div>
        </div>
    </body>
</html>

Hello, this is my first message here and I hope it will be for all you experts a serious one.

This is my page I am developing right now:
http://www.travelevros.gr/main.htm

The page has one IFrame that loads its subpage of the flash menu. Please dont tell me to get rid of it, I need that IFrame.

The flash menu it is placed outside of that IFrame of course, its container is the main page main.htm.

In IE, everything works ok and the menu (as transparent) drops down nicely and the user can click the submenus alright, even if they are above the IFrame area.

But with Firefox Mozilla, even though the menu drops down nicely too, the user cannot click the submenus, not even the links inside the IFrame page (that covered from the swf rectangular region). So there is a confusion in the Mozilla browser, where to send the click events: to the flash menu or the html page located in the IFrame.

What should I do to make this work with Firefox Mozilla? I've tried some solutions i've found in Google, like entering the "z-index" property, placing the flash menu and/or IFrame inside a DIV layer, but I couldnt make it to work. The submenus still cannot be clicked when they drop over the IFrame content. As I said, in IE works fine.

I've found somewhere else that the tip for this problem is to place the menu in a DIV and make that DIV load AFTER the IFrame is displayed, at the end of the page, thing that I dont have the knowledge to do. If this is right solution, can somebody help me doing this?

On the other hand, if there is some other solution then I am ready to listen.

Thank you very much for your time.

p/s
Check the first menu on the left, it works in Mozilla too, but thats because this region its outside the IFrame. The other menu choices falls down to the IFrame region, so the problem is with the layer placement.

Hi,

I have a question about a CSS slider I am trying to incorporate into my website. Basically, each slide corresponds to an anchor (#slide1, #slide2, etc). When I click on the tab to open the slide, the entire webpage shifts downward so that the slider is positioned the very top of the browser. It's just like how certain websites like Wikipedia anchor to another part of the webpage so you don't have to scroll down, you can just click the link and it will bring the web page straight to that location.

I don't want the slider to shift when I click on the link. I want to keep it so that if you click on the slider anchor, it remains in the same location. The only action should be the new tab opening up.

To show an example, I am using a slider comparable to the one found he http://www.csslider.com. It's not the exact same, but as you can see the page shifts down when you click on a slide.

Is there any way to rectify this issue easily?

Thanks in advance

hello everyone. i was using a slider on my website. but unfortunately the alignment doesnt work well. the nos (1,2,3 and 4) appear towards to the left side and i want it on or below the image. the following is the html, css and js codes

Code:

<?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" lang="en" xml:lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link href="" rel="stylesheet" type="text/css" media="screen" />
	<link rel="stylesheet" href="CSS/Slider2.css" type="text/css" media="screen" />
    <script type="text/javascript">var _siteRoot='index.html',_root='index.html';</script>
    <script type="text/javascript" src="scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/scripts.js"></script>
    <title>Effect of sugar on the body, how and why insulin is secreated and how to control diabetics.</title>
</head>

<body>
		<div id="wrapper">


          <div id="header"><div class="wrap">
           <div id="slide-holder">
        <div id="slide-runner">
            <a href=""><img id="slide-img-1" src="Images/how to choose the right protein.jpg" class="slide" alt="" /></a>
            <a href=""><img id="slide-img-2" src="Images/Simple post workout recovery tactics.jpg" class="slide" alt="" /></a>
            <a href=""><img id="slide-img-3" src="Images/sugars, carbs and insulin.jpg" class="slide" alt="" /></a>
            <a href=""><img id="slide-img-4" src="Images/foodtypes.jpg" class="slide" alt="" /></a>
            
            <div id="slide-controls">
             <p id="slide-client" class="text"><strong> </strong><span></span></p>
             <p id="slide-desc" class="text"></p>
             <p id="slide-nav"></p>
            </div>
        </div>
        
           </div>
           <script type="text/javascript">
            if(!window.slider) var slider={};slider.data=[{"id":"slide-img-1","client":"","desc":""},{"id":"slide-img-2","client":"","desc":""},{"id":"slide-img-3","client":"","desc":""},{"id":"slide-img-4","client":"","desc":""}];
           </script>
          </div></div><!--/header-->
          
          

</div><!Wrapper>
</body>

</html>

slider2.css CODE

Code:

* {
margin : 0;
padding : 0;
}
html {
height : 100%;
}

body { background-color:#ccc;}

#wrapper 	{width:950px; margin:0 auto; background-color:#000;}

a:link, a:visited {
color : #fff;
text-decoration : none;
}
a img {
border : 0;
}
div.wrap {
width : 950px;
margin : 0 auto;
text-align : left;
}
div#top div#nav {
float : left;
clear : both;
width : 950px;
height : 52px;
margin : 22px 0 0;
}
div#top div#nav ul {
float : left;
width : 700px;
height : 52px;
list-style-type : none;
}
div#nav ul li {
float : left;
height : 52px;
}
div#nav ul li a {
border : 0;
height : 52px;
display : block;
line-height : 52px;
text-indent : -9999px;
}
div#header {
margin : -1px 0 0;
}
div#video-header {
height : 683px;
margin : -1px 0 0;
}
div#header div.wrap {
height : 299px;
background : url(images/header-bg.png) no-repeat 50% 0;
}
div#header div#slide-holder {
z-index : 40;
width : 950px;
height : 299px;
position : absolute;
}
div#header div#slide-holder div#slide-runner {
top : 9px;
left : 9px;
width : 973px;
height : 278px;
overflow : hidden;
position : absolute;
}
div#header div#slide-holder img {
margin : 0;
display : none;
position : absolute;
}
div#header div#slide-holder div#slide-controls {
left : 0;
bottom : 228px;
width : 973px;
height : 46px;
display : none;
position : absolute;
background : url(images/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text {
float : left;
color : #fff;
display : inline;
font-size : 10px;
line-height : 16px;
margin : 15px 0 0 20px;
text-transform : uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav {
float : right;
height : 24px;
display : inline;
margin : 11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
float : left;
width : 24px;
height : 24px;
display : inline;
font-size : 11px;
margin : 0 5px 0 0;
line-height : 24px;
font-weight : bold;
text-align : center;
text-decoration : none;
background-position : 0 0;
background-repeat : no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on {
background-position : 0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a {
background-image : url(images/silde-nav.png);
}
div#nav ul li a {
background : url(images/nav.png) no-repeat;
}

script.js code

Code:

window.onerror=function(desc,page,line,chr){
/* alert('JavaScript error occurred! \n'
  +'\nError description: \t'+desc
  +'\nPage address:      \t'+page
  +'\nLine number:       \t'+line
 );*/
}

$(function(){
 $('a').focus(function(){this.blur();});
 SI.Files.stylizeAll();
 slider.init();

 $('input.text-default').each(function(){
  $(this).attr('default',$(this).val());
 }).focus(function(){
  if($(this).val()==$(this).attr('default'))
   $(this).val('');
 }).blur(function(){
  if($(this).val()=='')
   $(this).val($(this).attr('default'));
 });

 $('input.text,textarea.text').focus(function(){
  $(this).addClass('textfocus');
 }).blur(function(){
  $(this).removeClass('textfocus');
 });

 var popopenobj=0,popopenaobj=null;
 $('a.popup').click(function(){
  var pid=$(this).attr('rel').split('|')[0],_os=parseInt($(this).attr('rel').split('|')[1]);
  var pobj=$('#'+pid);
  if(!pobj.length)
   return false;
  if(typeof popopenobj=='object' && popopenobj.attr('id')!=pid){
   popopenobj.hide(50);
   $(popopenaobj).parent().removeClass(popopenobj.attr('id').split('-')[1]+'-open');
   popopenobj=null;
  }
  return false;
 });
 $('p.images img').click(function(){
  var newbg=$(this).attr('src').split('bg/bg')[1].split('-thumb')[0];
  $(document.body).css('backgroundImage','url('+_siteRoot+'images/bg/bg'+newbg+'.jpg)');
 
  $(this).parent().find('img').removeClass('on');
  $(this).addClass('on');
  return false;
 });
 $(window).load(function(){
  $.each(css_ims,function(){(new Image()).src=_siteRoot+'css/images/'+this;});
  $.each(css_cims,function(){
   var css_im=this;
   $.each(['blue','purple','pink','red','grey','green','yellow','orange'],function(){
    (new Image()).src=_siteRoot+'css/'+this+'/'+css_im;
   });
  });
 }); 
 $('div.sc-large div.img:has(div.tml)').each(function(){
  $('div.tml',this).hide();
  $(this).append('<a href="#" class="tml_open">&nbsp;</a>').find('a').css({
   left:parseInt($(this).offset().left)+864,top:parseInt($(this).offset().top)+1
  }).click(function(){
   $(this).siblings('div.tml').slideToggle();
   return false;
  }).focus(function(){this.blur();}); 
 });
});
var slider={
 num:-1,
 cur:0,
 cr:[],
 al:null,
 at:10*1000,
 ar:true,
 init:function(){
  if(!slider.data || !slider.data.length)
   return false;

  var d=slider.data;
  slider.num=d.length;
  var pos=Math.floor(Math.random()*1);//slider.num);
  for(var i=0;i<slider.num;i++){
   $('#'+d[i].id).css({left:((i-pos)*1000)});
   $('#slide-nav').append('<a id="slide-link-'+i+'" href="#" onclick="slider.slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>');
  }

  $('img,div#slide-controls',$('div#slide-holder')).fadeIn();
  slider.text(d[pos]);
  slider.on(pos);
  slider.cur=pos;
  window.setTimeout('slider.auto();',slider.at);
 },
 auto:function(){
  if(!slider.ar)
   return false;

  var next=slider.cur+1;
  if(next>=slider.num) next=0;
  slider.slide(next);
 },
 slide:function(pos){
  if(pos<0 || pos>=slider.num || pos==slider.cur)
   return;

  window.clearTimeout(slider.al);
  slider.al=window.setTimeout('slider.auto();',slider.at);

  var d=slider.data;
  for(var i=0;i<slider.num;i++)
   $('#'+d[i].id).stop().animate({left:((i-pos)*1000)},1000,'swing');
  
  slider.on(pos);
  slider.text(d[pos]);
  slider.cur=pos;
 },
 on:function(pos){
  $('#slide-nav a').removeClass('on');
  $('#slide-nav a#slide-link-'+pos).addClass('on');
 },
 text:function(di){
  slider.cr['a']=di.client;
  slider.cr['b']=di.desc;
  slider.ticker('#slide-client span',di.client,0,'a');
  slider.ticker('#slide-desc',di.desc,0,'b');
 },
 ticker:function(el,text,pos,unique){
  if(slider.cr[unique]!=text)
   return false;

  ctext=text.substring(0,pos)+(pos%2?'-':'_');
  $(el).html(ctext);

  if(pos==text.length)
   $(el).html(text);
  else
   window.setTimeout('slider.ticker("'+el+'","'+text+'",'+(pos+1)+',"'+unique+'");',30);
 }
};
// STYLING FILE INPUTS 1.0 | Shaun Inman <http://www.shauninman.com/> | 2007-09-07
if(!window.SI){var SI={};};
SI.Files={
 htmlClass:'SI-FILES-STYLIZED',
 fileClass:'file',
 wrapClass:'cabinet',
 
 fini:false,
 able:false,
 init:function(){
  this.fini=true;
 },
 stylize:function(elem){
  if(!this.fini){this.init();};
  if(!this.able){return;};
  
  elem.parentNode.file=elem;
  elem.parentNode.onmousemove=function(e){
   if(typeof e=='undefined') e=window.event;
   if(typeof e.pageY=='undefined' &&  typeof e.clientX=='number' && document.documentElement){
    e.pageX=e.clientX+document.documentElement.scrollLeft;
    e.pageY=e.clientY+document.documentElement.scrollTop;
   };
   var ox=oy=0;
   var elem=this;
   if(elem.offsetParent){
    ox=elem.offsetLeft;
    oy=elem.offsetTop;
    while(elem=elem.offsetParent){
     ox+=elem.offsetLeft;
     oy+=elem.offsetTop;
    };
   };
  };
 },
 stylizeAll:function(){
  if(!this.fini){this.init();};
  if(!this.able){return;};
 }
};

please help.

Hello, I am working on a wordpress driven site

http://www.bigbrotheraustralia.com.au/CMS/wordpress/

The front nivo slider is having some trouble loading and behaves differently with different browsers. It was working fine not too long ago and hasnt been touched. How can this be fixed?

as you can see it is semi loading and just displaying the tops of the pictures (firefox) and in IE it doesnt transition.

HELP!

i won't a image slider for my joomla home page now i have found many image sliders. but all this image sliders must i gave a height en weight and he make the pictures on that size. have somewane a script that don't ask that and used the size of the picture inplace of the size of the box or that he autosize the picture. but i mus't get the image from a folder on the server inplace of the picture link in the script

Hello,

I purchased a template off template that uses jquery and I am using Dreamweaver to edit it.

As you can see --> http://thegamingtech.com/template

The center buttons don't work. Here is an image of the three buttons I am talking about: http://d.pr/8w4g

If you click on AC III button, it won't change pages even though it is linked.

Any ideas?

Okay, so the title...I didn't really know what to put. I'm having serious issues trying to find/alter a string of code on my site. It is currently in a box along the side with a show/hide button to make it retract and expand, but its default is open which is rather annoying. I really hope this is HTML and not Javascript, but I'm a complete newb when it comes to programming so I'm honestly clueless.

HERE is a link to my site, if you want to see exactly what I'm talking about. As for the code, I don't know where the specific problem is, so I'm sorry for this, but I'm going to paste most of the header.
Code:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript"> 
$(document).ready(function(){
$(".sideb").click(function(){
    $(".cbox").slideToggle("slow");
  });
});
</script>

<script type="text/javascript"> 
$(document).ready(function(){
	$('div.accordionButton').click(function() {
		if($(this).next().is(':visible')) {
			$('div.accordionContent').slideUp('slow');
		} else {
			$('div.accordionContent').slideUp('slow');	
			$(this).next().slideDown('slow');
		}
	});	
	$("div.accordioncontent").hide();
  });
</script>

<script type="text/javascript">
$(document).ready(function(){
    $("div.accordionbutton").mouseover(function(){
    	$(this).removeClass().addClass("acchover");
    }).mouseout(function(){
    	$(this).removeClass().addClass("accordionbutton");		
    });
</script>

<style type="text/css">
body {
background-position: top center; 
margin-left: 225px;
}

input, textarea, select { 
background-color: #f4f7f9; 
border: 1px solid #f4f7f9; 
font-family: verdana;   
color: #727f85;
} 

.menubg {
height: 30px;
}

.menubg a {
padding: 2px 4px 2px 4px;
text-align: center; 
font-family: helvetica;
font-weight: 100!important;
text-shadow: #c3cdd4 1px 1px 0px;
text-transform: uppercase;
letter-spacing: -1;
font-size: 15px;
text-decoration: none!important;
color: #374a6c!important;
}

.menubg a:hover {
color: #6b7fa2!important;
text-decoration: none!important;
background-color: transparent!important;
}

a:hover, a:active {
background-color: #cdd8de;
text-decoration: none;
}

.catbg {
border-bottom: 5px solid #21314d;
text-align: right;
text-shadow: #21314d 1px 1px 0px;
font-family: helvetica neue;
font-weight: 100!important;
background: url(GRADIENT URL HERE);
}

.cattext {
font-weight: 100!important;
text-transform: uppercase;
padding-right: 20px;
margin-top: 5px;
}

.titlebg {
border-top: 5px solid #21314d;
font-family: helvetica neue;
text-transform: uppercase;
padding-left: 6px;
font-weight: 100!important;
text-shadow: #21304c 1px 1px 0px;
}

.titletext {
font-weight: 100!important;
}

.titletext {
color: #404040!important;
}

.button { 
margin-left: 2px; 
margin-right: 2px;
font-size: 9px!important;
text-transform: lowercase!important;
padding-right: 4px; 
}

.sideb {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2 2 2 5;
font-size: 11px;
margin-bottom: 1px;
text-decoration: none!important;
}

a.sideb {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2 2 2 5;
font-size: 11px;
margin-top: 1px;
text-decoration: none!important;
}

a.sideb:hover, a.sideb:active {
background-color: #97abb6;
color: #eff3f5;
text-transform: lowercase;
padding: 2 2 2 5;
}

div.accordionButton {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 0;
font-size: 11px;
margin-top: 1px;
text-decoration: none!important;
}

a.accordionButton {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 5;
font-size: 11px;
margin-top: 1px;
text-decoration: none!important;
}

a.accordionButton:hover, a.accordionButton:active {
background-color: #97abb6;
color: #eff3f5;
text-transform: lowercase;
}

a.side:link, a.side:visited {
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3;
font-size: 11px;
margin-bottom: 1px;
text-decoration: none!important;
}

a.side:hover, a.side:active {
background-color: #97abb6;
color: #eff3f5;
text-transform: lowercase;
padding: 2 2 2 5;
}

h3.aegis {
display: block;
width: 98%;
font-family: helvetica neue;
font-weight: 100!important;
font-size: 18px;
letter-spacing: 0px;
text-transform: uppercase;
text-shadow: #34466a 1px 1px 0px;
color: #bcc3cd;
text-align: left;
background-color: #18253f;
margin: 20px 0px 0px -6px;
padding: 5px;
opacity: 0.8;
-moz-opacity: 0.8;
}

h4.aegism {
display: block;
width: 98%;
font-family: helvetica neue;
font-weight: 100!important;
font-size: 18px;
letter-spacing: 0px;
text-transform: uppercase;
text-shadow: #34466a 1px 1px 0px;
color: #bcc3cd;
text-align: left;
background-color: #18253f;
margin: 0px 0px 0px -6px;
padding: 5px;
opacity: 0.8;
-moz-opacity: 0.8;
}

.content {
background: url("SIDEBAR BG MAIN URL HERE (LIGHT BLUE)");
text-align: justify;
padding: 4 6 4 6;
font-size: 10px;
color: #57636a;
margin-top: 0px;
}

p.update {
background-color: #dddddd;
border-bottom: 3px solid #ababab;
text-align: justify;
padding: 4 6 4 6;
font-size: 10px;
margin-top: 0px;
}

p.roma {
background-color: #eff3f5;
width: 80%;
text-align: justify;
padding: 8px;
font-size: 10px;
color: #6f797f;
-moz-opacity: 0.8; 
opacity: 0.8; 
margin-top: 10px;
margin-bottom: 0px;
}

p.maintext2 {
background-color: #c6cfd4;
text-align: center;
font-size: 10px;
color: #6f797f;
-moz-opacity: 0.6; 
opacity:0.6; 
margin-top: 0px;
}

.transimage {
float: left; 
margin-right: 4px;
border: 3px solid #4a5a71;
width: 80px;
height: 80px;
-moz-opacity: 0.8; 
opacity:0.8; 
}

#sidetables {
margin-left: 13px;
width: 230px;
border-left: 5px solid #18253f;
border-right: 5px solid #18253f;
border-bottom: 5px solid #18253f;
}

p.slide
{
background-color: #d8e1e6;
display: block;
color: #8a96ac;
font-family: helvetica neue;
font-width: 100!important;
text-transform: uppercase;
letter-spacing: 1px;
padding: 2 2 2 5;
font-size: 11px;
margin-bottom: 2px;
margin-top: 2px;
text-decoration: none!important;
}

div.accordioncontent {
display: none;
}

.acc {
background-color: #eff3f5;
width: 80%;
text-align: justify;
padding: 8px;
font-size: 10px;
color: #6f797f;
-moz-opacity: 0.8; 
opacity: 0.8; 
margin-top: 2px;
margin-bottom: 0px;
}

div.cbox {
background-color: #eff3f5;
padding: 8px;
-moz-opacity: 0.8; 
opacity: 0.8; 
margin-top: 2px;
margin-bottom: 0px;
}

.bordercolor {
padding: 5;
}
</style>

<script type="text/javascript">
<!--
/* fix text menus by ross */

var startChar = ''; //Start character
var dividerChar = ''; //Dividing Character(s);
var endChar = ''; //End character

//no need to edit below
var menu = document.getElementsByTagName('td').item(5).firstChild;
var a = menu.innerHTML.replace(/^\n?(<.+?>)\[/, startChar+' $1');
var b = a.replace(new RegExp('\\](<\/a>)(\\n|\\s|&nb'+'sp;)*$', 'i'), '$1 '+endChar);
var c = b.replace(new RegExp('\\](<\/a>)(&nb'+'sp;|\\s)(<a.+?>)\\[', 'gi'),'$1 '+dividerChar+' $3');
menu.innerHTML = c;
//-->
</script>

<!-- =====
START Smangii's {LEFT} Side Tables *REVISED*
Global Header
===== -->

<table align="center" cellpadding="0px" cellspacing="0px">
<tr>
<td vAlign="top">

<div style="position: fixed; left: 0px; top: 0px; width: 258px; height: 845px; background: url(SIDEBAR BG URL (DARK BLUE) HERE); color: #202e4c; border-right: 4px solid #78839b;">

<!-- ===== SIDEBAR ===== -->
<table id="sidetables" cellpadding="0px" cellspacing="0">
<tr style="margin-top: 200px"><td class="iro" align="center"><div class="content"><br>
<h3 class="aegis">cbox</h3>
<center><br><a href="javascript:void(0);" class="sideb">click to hide/show</a>
<div class="cbox">
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: left; line-height: 0">
<div><iframe frameborder="0" width="200" height="245" src="http://www3.cbox.ws/box/?boxid=3366059&boxtag=rkhyky&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain3-3366059" style="border: 0px solid;" id="cboxmain3-3366059"></iframe></div>
<Cbox here>
</div>
<!-- END CBOX -->
</div></center>

I really hope someone could help me with this ^^; please and thank you very much.