Autor Zpráva
ecki
Profil *
Ahoj, potřeboval bych pomoct s vyřešením problému, dělám stránky kámošovi a dal jsem do nich slideshow a pod ně pár menu záložek (jsou i nad slideshow ale tam tofunguje v pohodě) a když na ty pod ním najedu tak mi začne slideshow blikat jako by se načítalo či co ale pokračuje stále dál v prezentaci. dělá mi to ale jen v opeře, v IE to jde bez toho blikání a naopak vre firefoxu se slide vůbec neukáže Budu rád za každou radu

tady jsou stránky www.eckicz.ic.cz]

<!DOCTYPE html>
<html>
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> 
  <meta name="Description" content="FineFolie" /> 
  <meta name="Keywords" content="bolso" /> 
    <title>Bolso</title>
    <link rel="stylesheet" href="css/style.css" type="text/css" charset="utf-8" />    
<link href='http://fonts.googleapis.com/css?family=Six+Caps' rel='stylesheet' type='text/css'>
<script type="text/javascript">
   WebFontConfig = {
     google: { families: [ 'Six+Caps::latin' ] }
   };
   (function() {
     var wf = document.createElement('script');
     wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
       '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
     wf.type = 'text/javascript';
     wf.async = 'true';
     var s = document.getElementsByTagName('script')[0];
     s.parentNode.insertBefore(wf, s);
   })(); </script>

    <link rel="stylesheet" type="text/css" href="css/slideshow.css" media="screen" />
    <style type="text/css">.slideshow a#vlb{display:none}</style>
    <script type="text/javascript" src="engine/js/mootools.js"></script>
    <script type="text/javascript" src="engine/js/visualslideshow.js"></script>

</head>

<body>
    
    <div id="site">
    <div id="main">
    <div id="header_left"></div>
    <div id="header_right">  <font size="2" color="white"><strong><i>Volejte</i></strong></font><br>
                             <font size="4" color="717171"><strong>+420 777 777 777</strong></font>
  
  </div>
      
    <div id="navigation">
    <div id="menu_box">
      
      <ul id="menu" >     
  <li><a class="active" href="index.html">HOME</a></li>
  <li><a href="o_mne.html">O MNĚ</a></li>
  <li><a href="sluzby.html">SLUŽBY</a></li>
      </ul>      
      
    </div>
    
    <div id="logo">
    <a href="index.html" id="logo">    </a>
    </div>
    
    <div id="menu_box">
    
      <ul id="menu" >
  <li><a href="galerie.html">GALERIE</a></li>
  <li><a href="promotion.html">PROMOTION</a></li>
  <li><a href="kntakt.html">KONTAKT</a></li>
      </ul>
      
    </div>    
</div>

    <div id="slide">
    
        <div id="show" class="slideshow">
    <div class="slideshow-images">
<a href="galerie.html"><img id="slide-0" src="web_images/slide/slide1.jpg" alt="slide-1"/></a>
<a href="galerie.html"><img id="slide-1" src="web_images/slide/slide2.jpg" alt="slide-2"/></a>
<a href="galerie.html"><img id="slide-2" src="web_images/slide/slide3.jpg" alt="slide-3"/></a>
<a href="galerie.html"><img id="slide-3" src="web_images/slide/slide4.jpg" alt="slide-4"/></a>
<a href="galerie.html"><img id="slide-4" src="web_images/slide/slide5.jpg" alt="slide-5"/></a>
</div>
    </div>
    </div>


    <div id="photo_menu_l">    <ul id="menu" ><li><a href="galerie.html">reklama</a></li></ul>
     <div id="photo_menu_bg"><a href="galerie.html"><img src="web_images/photo_menu/1.jpg" alt=""  /></a>
      </div><br>
        <font size="2" color="717171">Lorem ipsum dolor sit ametons ectetuer adipiscing elit. Prae sent vestibulum molestie lacus. Aenean nonum ndrerit mauriasellus por....</font><br><br><br><br>
         <a class="vice" href="galerie.html"></a> 
          </div>
      
      
    <div id="photo_menu_l">   <ul id="menu" ><li><a href="galerie.html">portréty</a></li></ul>
     <div id="photo_menu_bg"><a href="galerie.html"><img src="web_images/photo_menu/2.jpg" alt=""  /></a>
      </div><br>
        <font size="2" color="717171">Lorem ipsum dolor sit ametons ectetuer adipiscing elit. Prae sent vestibulum molestie lacus. Aenean nonum ndrerit mauriasellus por....</font><br><br><br><br>
         <a class="vice" href="galerie.html"></a>    
        </div>
      
      
    <div id="photo_menu_l">   <ul id="menu" ><li><a href="galerie.html">akty</a></li></ul>
     <div id="photo_menu_bg"><a href="galerie.html"><img src="web_images/photo_menu/3.jpg" alt=""  /></a>
      </div><br>
        <font size="2" color="717171">Lorem ipsum dolor sit ametons ectetuer adipiscing elit. Prae sent vestibulum molestie lacus. Aenean nonum ndrerit mauriasellus por....</font><br><br><br><br>
         <a class="vice" href="galerie.html"></a>    
        </div>
      
    <div id="photo_menu_r">   <ul id="menu" ><li><a href="galerie.html">kreativní</a></li></ul>
     <div id="photo_menu_bg"><a href="galerie.html"><img src="web_images/photo_menu/4.jpg" alt=""  /></a>
      </div><br>
        <font size="2" color="717171">Lorem ipsum dolor sit ametons ectetuer adipiscing elit. Prae sent vestibulum molestie lacus. Aenean nonum ndrerit mauriasellus por....</font><br><br><br><br>
         <a class="vice" href="galerie.html"></a>    
        </div>
    
    
    
    
    <div id="line"></div>
    
    <div id="fooder">
    <font color="717171" size="2">All right reserved © 2012 </font>
    </div>

  </div>
  </div>
</body>
</html>

css

body {
    font-family: Arial,Verdana;
    font-size: 80%;
    background: #0F0F0F;
    margin: 0;
    text-align: center;
}

h1 {
    font-family: 'Six Caps', sans-serif;
    font-weight: normal;
    font-size: 85px;
    color: White;
}

h2 {
    font-family: 'Six Caps', sans-serif;
    font-weight: normal;
    font-size: 60px;
    color: White;
}
#site {
    width: 1054px;
    height: 2400px;
    background: transparent url(../web_images/bg.jpg);
    margin: auto auto;
    margin-top: 0px;
}

#main {
    width: 940px;
    height: 2400px;
    margin: 57px 57px;
    margin-top: 0px;
}

#header_left {
    width: 400px;
    height: 60px;
    text-align: left;
    float: left;
    color: #717171;

    padding-left: 10px;
    padding-top: 10px;
}

#header_right {
    width: 400px;
    height: 60px;
    text-align: right;
    float: right;
    color: #717171;

    padding-right: 10px;
    padding-top: 10px;
    font-family: "Times New Roman";
}

#navigation {
    width: 940px;
    height: 232px;    
    float: left;

    
}


#logo a{
    width: 232px;
    height: 232px;
    background-image: url(../web_images/logo.gif);
    float: left;
    background-repeat: no-repeat;
}

#menu_box {
    width: 354px;
    height: 232px;
    float: left;
    padding-top: 50px;

}



#menu li {
    font-family: "Six Caps";
    font-weight: normal;
    font-size: 50px;
    list-style-type: none;
    display: inline;
    padding-right: 12px;

}
    
#menu li a {
    text-decoration: none;
    color: #717171;
    display: inline;
}

#menu li.first a {
    ;  text-decoration: underline;

}
#menu li a:hover, #menu li a.active {    ;  text-decoration: underline;
    color: White;
}

#slide {
    width: 940px;
    height: 560px;
    background-image: url(../web_images/photo_bg.png);
    float: left;
    padding-top: 20px;
    background-repeat: repeat;
    background-color: transparent;
    margin-top: 50px;
}

#photo_bg {
    width: 100px;
    height: 100px;
    background-image: url(../web_images/photo_bg.png);
    background-repeat: repeat;
    background-color: transparent;
    margin-top: 30px;
}

#fooder{
    width: 940px;
    height: 50px;
    background-color: transparent;
    float: left;
    text-align: left;
    text-decoration: none;
    vertical-align: middle;

}

#line{
    width: 940px;
    height: 12px;
    background-color: transparent;
    float: left;
    background-image: url(../web_images/line.png);
    background-repeat: repeat-x;
    margin-top: 15px;
    margin-bottom: 15px;
}

#photo_menu_box{
    width: 940px;
    height: 500px;
    background-color: transparent;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}

#photo_menu_l{
    width: 220px;
    height: 500px;
    background-color: transparent;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: top;
}

#photo_menu_r{
    width: 220px;
    height: 500px;
    background-color: transparent;
    float: left;
    margin-right: 0px;
    margin-bottom: 20px;
    text-align: center;
    vertical-align: top;
}

#photo_menu_bg {
    width: 200px;
    height: 151px;
    background-image: url(../web_images/photo_bg.png);
    background-repeat: repeat;
    background-color: transparent;    
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
    padding-bottom:10px;
}

a.vice {
    background-image: url(../web_images/photo_menu/vice.png);
    width: 75px;
    height: 75px;
    float: left;
    margin-left: 72px;
}
a.vice:hover {
    background-image: url(../web_images/photo_menu/a_vice.png);
    width: 75px;
    height: 75px;
    float: left;
    margin-left: 72px;
}

a css slidu

.slideshow {
    display: block;
    position: relative;
    z-index: 0;
}
.slideshow-images {
    display: block;
    overflow: hidden;
    position: relative;
}        
.slideshow-images img {
    display: block;
    position: absolute;
    z-index: 1;
}        
.slideshow-thumbnails {
    overflow: hidden;
}



.slideshow {
    width: 900px;
    height: 540px;
    margin: 0 auto;
    background: url("$rel#back.png$") no-repeat scroll 0 0 transparent; 
}
.slideshow a img {
    border: 0;
}


.slideshow-images {
    width: 900px;
    height: 540px;
    left: 0px;
    top: 0px;
}        
.slideshow-images-visible { 
    opacity: 1;
}    
.slideshow-images-prev { 
    opacity: 0; 
}
.slideshow-images-next { 
    opacity: 0; 
}
.slideshow-images img {
    float: left;
    left: 0;
    top: 0;
    position: static;
}

děkuji za každou radu , dělám vebovky jen chvíli, spíš se teď učím tak mě prosím neukamenujte za kod

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: