| Autor | Zpráva | ||
|---|---|---|---|
| ecki Profil * |
#1 · Zasláno: 2. 8. 2012, 00:12:04
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 |
||
|
Časová prodleva: 11 let
|
|||
0