ilch Forum » Ilch Clan 1.1 » Fehlersuche und Probleme » TS-Slider

Geschlossen
  1. #1
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Hallo zsammen,

    wenn ich mir unsere Page auf'm Handy anschaue oder auf'm PC die Seite stark verschmäler,
    verschwindet der TS3-Slider immer hinter dem Image-Slider.
    Kann es sein, dass der TS-Slider falsch positioniert ist?
    Hier mal die index.htm aus dem Design-Ordner:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
      <head>
        <meta http-equiv="Content-Language" content="de">
        <title>{TITLE}</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
        <meta name="Robots" content="INDEX,FOLLOW">
        <meta http-equiv="cache-control" content="no-cache">
        <meta http-equiv="Pragma" content="no-cache">
    	<meta name="Robots" content="archive">
    	<link rel="stylesheet" type="text/css" href="include/designs/ilch_gs_template119/style.css">
    	<script type="text/javascript" src="include/designs/ilch_gs_template119/js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="include/designs/ilch_gs_template119/js/fadeslideshow.js">
    /***********************************************
    * Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
    ***********************************************/
    </script>
    <script type="text/javascript">
    var mygallery=new fadeSlideShow({
    	wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    	dimensions: [404, 158], //width/height of gallery in pixels. Should reflect dimensions of largest image
    	imagearray: [
                ["include/designs/ilch_gs_template119/images/slide/img01.jpg", "", "", ""],
                ["include/designs/ilch_gs_template119/images/slide/img02.jpg", "", "", ""],
                ["include/designs/ilch_gs_template119/images/slide/img03.jpg", "", "", ""]
                ],
    	displaymode: {type:'auto', pause:3000, cycles:0, wraparound:false},
    	persist: true, //remember last viewed slide and recall within same session?
    	fadeduration: 500, //transition duration (milliseconds)
    	descreveal: "ondemand",
    	togglerid: ""
    })
    </script>
    	<script type="text/javascript" src="include/includes/js/jquery.min.js"></script>
    </head>
    <body>
    <div id="login_slider" class="login_slider" style=" right: 0px; width: 70px; position: fixed; top: 100px;
    background:url(/include/images/tsslider/slider-black.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >
                 
    <div style=" margin-top:20px; margin-left:80px; text-align:left; height: 450px; overflow:auto; overflow-x: hidden";;>
          {_boxes_tsviewer}
          </div>
          </div>
      <script type="text/javascript">
      var state = 0;
      var wait = false;
    
      function changeSlider()
      {
        if(state==1){
            $('#login_slider').animate({width: 70 }, "slow", function(){state = 0;}
            );
          }
        else
            $('#login_slider').animate({width: 300 }, "slow", function(){state = 1;}
          );
          }
          $('#login_slider').click(function(){
          changeSlider();
        });
          </script>
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td style="background:url(include/designs/ilch_gs_template119/images/top.jpg) no-repeat; width:1000px; height:29px">
    		<div style="padding-left:10px;padding-top:2px;">{_boxes_login}</div>
    	</td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td style="background:url(include/designs/ilch_gs_template119/images/header.jpg) no-repeat; width:1000px; height:208px">
    	</td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    <tr>
    <td style="width:403px; height:30px; background:url(include/designs/ilch_gs_template119/images/sh1.jpg) no-repeat;"><div style="padding-left:20px;padding-top:8px;"></div></td>
    <td><a href="index.php?news" onmouseover="home.src='include/designs/ilch_gs_template119/images/home2.jpg';"onmouseout="home.src='include/designs/ilch_gs_template119/images/home.jpg';"><img src="include/designs/ilch_gs_template119/images/home.jpg" border="0" width="75" height="30" name="home" /></a></td>
    <td><a href="index.php?forum" onmouseover="board.src='include/designs/ilch_gs_template119/images/board2.jpg';"onmouseout="board.src='include/designs/ilch_gs_template119/images/board.jpg';"><img src="include/designs/ilch_gs_template119/images/board.jpg" border="0" width="103" height="30" name="board" /></a></td>
    <td><a href="index.php?links" onmouseover="links.src='include/designs/ilch_gs_template119/images/links2.jpg';"onmouseout="links.src='include/designs/ilch_gs_template119/images/links.jpg';"><img src="include/designs/ilch_gs_template119/images/links.jpg" border="0" width="116" height="30" name="links" /></a></td>
    <td><a href="index.php?downloads" onmouseover="loads.src='include/designs/ilch_gs_template119/images/loads2.jpg';"onmouseout="loads.src='include/designs/ilch_gs_template119/images/loads.jpg';"><img src="include/designs/ilch_gs_template119/images/loads.jpg" border="0" width="149" height="30" name="loads" /></a></td>
    <td><a href="index.php?gbook" onmouseover="gbook.src='include/designs/ilch_gs_template119/images/gbook2.jpg';"onmouseout="gbook.src='include/designs/ilch_gs_template119/images/gbook.jpg';"><img src="include/designs/ilch_gs_template119/images/gbook.jpg" border="0" width="105" height="30" name="gbook" /></a></td>
    <td><a href="index.php?contact" onmouseover="contact.src='include/designs/ilch_gs_template119/images/contact2.jpg';"onmouseout="contact.src='include/designs/ilch_gs_template119/images/contact.jpg';"><img src="include/designs/ilch_gs_template119/images/contact.jpg" border="0" width="38" height="30" name="contact" /></a></td>
    <td><img src="include/designs/ilch_gs_template119/images/sh2.jpg" border="0" width="11" height="30" alt="" /></td>
    </tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td width="1000" height="31" style="background:url(include/designs/ilch_gs_template119/images/sh3.jpg) no-repeat;"><div style="float:right; text-align:right;width:350px; padding-right:20px;padding-top:6px;">{_boxes_search}</div></td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td><img src="include/designs/ilch_gs_template119/images/sh4.jpg" border="0" width="19" height="158" alt="" /></td>
    		<td valign="top" style="width:179px; height:158px; background:url(include/designs/ilch_gs_template119/images/sh5.jpg) no-repeat;" ><div style="padding-left:10px; padding-top:10px;">{_boxes_lastnews}</div></td>
    		<td><img src="include/designs/ilch_gs_template119/images/sh6.jpg" border="0" width="10" height="158" alt="" /></td>
    		<td valign="top" style="width:176px; height:158px; background:url(include/designs/ilch_gs_template119/images/sh7.jpg) no-repeat;" ><div style="padding-left:10px; padding-top:10px;">{_boxes_lastforum}</div></td>
    		<td><img src="include/designs/ilch_gs_template119/images/sh8.jpg" border="0" width="10" height="158" alt="" /></td>
    		<td valign="top" style="width:179px; height:158px; background:url(include/designs/ilch_gs_template119/images/sh9.jpg) no-repeat;" ><div style="padding-left:5px; padding-top:10px;">{_boxes_lastwars}</div></td>
    		<td><img src="include/designs/ilch_gs_template119/images/sh10.jpg" border="0" width="7" height="158" alt="" /></td>
    		<td align=" left" valign="top" style="width:404px; height:158px; background:url(include/designs/ilch_gs_template119/images/sh11.jpg) no-repeat;">
    					<div class="fadeshow1">
    					<div id="fadeshow1"></div>
    					</div>
    	</td>
    		<td><img src="include/designs/ilch_gs_template119/images/sh12.jpg" border="0" width="16" height="158" alt="" /></td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
    	<tr>
    		<td><img src="include/designs/ilch_gs_template119/images/sh13.jpg" border="0" width="1000" height="12" alt="" /></td>
    	</tr>
    </table>
    <table class="maintable" cellpadding="0" cellspacing="0">
        <tr>
    	<!--platzhalter-->
    	<td style="width:10px"><img src="include/designs/ilch_gs_template119/images/blank.gif" width="1" height="10" alt="blank" border="0" /></td>
    	<!--/platzhalter-->
    	<!--navi01-->
    	<td align="left" valign="top">
    	  		<table cellspacing="0" cellpadding="0">
    				{_list_menunr1@
    				<tr>
    					<td width="176" height="34" background="include/designs/ilch_gs_template119/images/navtop.jpg">
    					    <table width="176">
                                <tr>
    							    <td width="176" class="navtop">%1</td>
    						    </tr>
    					    </table>
    					</td>
    				</tr>
    				<tr>
    					<td style="width:176px; background:url(include/designs/ilch_gs_template119/images/navbox_bg.jpg) repeat-y;" >
    					    <table width="176" border="0" cellspacing="0" cellpadding="0">
                                <tr>
    								<td width="176" align="center" class="navi"><div id="menu">%2</div></td>
    							</tr>
    					    </table>
    					</td>
    				</tr>
    				<tr>
    					<td style="width:176px; height:33px; background:url(include/designs/ilch_gs_template119/images/navfooter.jpg) no-repeat;" ></td>
    				}
    				</tr>
    			</table>	
    	</td>
    <!--content-->
    	<td valign="top" style="width:628px">
    		<table cellpadding="0" cellspacing="0" border="0">
    			<tr>
    				<td>
    					<table cellpadding="0" cellspacing="0">
    						<tr>
    							<td style="width:628px; height:21px; background:url(include/designs/ilch_gs_template119/images/content_header.jpg) no-repeat"></td>
    						</tr>
    					</table>
                        <table cellpadding="0" cellspacing="0" style="width:628px; background:url(include/designs/ilch_gs_template119/images/content_bg.jpg) repeat-y">
                            <tr>
    							<td width="15"></td>
    							<td class="Callg" align="left"  valign="top"><font class="smalfont"><b> &raquo; </b>{HMENU}</font><br /><br />{EXPLODE}</td> 
    							<td width="15"></td>
    						</tr>
                         </table>
    					 <table cellpadding="0" cellspacing="0">
    						<tr>
    							<td style="width:628px; height:21px; background:url(include/designs/ilch_gs_template119/images/content_ft.jpg) no-repeat"></td>
    						</tr>
    					</table>
                    </td>
    			</tr>
    		</table>
    	</td>
    	<!--navi02-->
    	<td align="left" valign="top">
    	  	<table width="176" border="0" cellspacing="0" cellpadding="0">
    			{_list_menunr2@
    			<tr>
                <td width="176" height="34" background="include/designs/ilch_gs_template119/images/navtop_re.jpg">
    				<table width="176">
                        <tr>
    						<td width="176" class="navtop_re">%1</td>
    					</tr>
    				</table>
    			</td>
            </tr>
            <tr>
    			<td>
    				<table style="width:176px; background:url(include/designs/ilch_gs_template119/images/navbox_bg_re.jpg) repeat-y;" cellspacing="0" cellpadding="0">
                        <tr>
    					<td width="4" align="center" ></td>
    						<td width="168" align="center" class="navi_re"><div id="menu_re">%2</div></td>
    						<td width="4" align="center" ></td>
    					</tr>
    				</table>
    			</td>
            </tr>
    		<tr>
                 <td style="width:176px; height:33px; background:url(include/designs/ilch_gs_template119/images/navfooter_re.jpg) no-repeat;" ></td>
    			 }
             </tr>
    		</table>
    	</td>
    <!--Platzhalter-->
    		  <td style="width:10px"><img src="include/designs/ilch_gs_template119/images/blank.gif" width="10" height="1" alt="" /></td>
    <!--/Platzhalter-->
    	 </tr>
    </table>
     <table background="include/designs/ilch_gs_template119/images/footer.jpg" align="center" valign="top" width="1000" height="28" cellpadding="0" cellspacing="0">
        <tr>
          <td width="1000" align="center" valign="top" >
    	  <div id="footer_inner">
    						<div id="links">
    						 Script Copyright by <a href="http://www.ilch.de/" target="_blank">ilch.de</a>
    						 <a href="http://www.psd-resources.de/" target="_blank">made by psd-resources.de</a>
    						</div>
    						</div>
    	</td>
        </tr>
      </table>
    </body>
    </html>
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
    {_list_vmenubegi@<ul>}
    {_list_vmenuende@</ul>}

    Und noch ein Bild zum verdeutlichen:
    gesperrtes Bild
    Danke für Eure Hilfe!

    Gruß Outi


    verwendete ilchClan Version: 1.1 O

    betroffene Homepage: externer Link


    Zuletzt modifiziert von Outi77 am 31.08.2013 - 11:05:48
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Gib deinem Slider mal einen höheren z-index!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    Hi,
    Zeile 40 index.htm:
    background:url(/include/images/tsslider/slider-black.png) repeat scroll 0% 0% transparent; height: 500px; z-index: 999;" >

    Dieser Wert steht aktuell drin. Meinst Du noch höher? lachen


    Zuletzt modifiziert von Outi77 am 31.08.2013 - 11:20:52
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Lord|Schirmer Administrator
    Registriert seit
    21.03.2007
    Beiträge
    7.675
    Beitragswertungen
    1212 Beitragspunkte
    Der Bildslider hat einen z-index - Wechsel von 999-1000 also mach mal > 1001 im geposteten Code!
    rules :: doku :: faq :: linkus
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Outi77 Mitglied
    Registriert seit
    31.03.2013
    Beiträge
    1.337
    Beitragswertungen
    143 Beitragspunkte
    z-index auf 1002 und funktioniert.
    Danke Lord|Schirmer!

    Kann geschlossen werden!


    Zuletzt modifiziert von Outi77 am 31.08.2013 - 12:09:21
    Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
    »Albert Einstein«
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Siggi Hall Of Fame
    Registriert seit
    08.02.2007
    Beiträge
    6.558
    Beitragswertungen
    327 Beitragspunkte
    Erledigt
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Fehlersuche und Probleme

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten