easyslider non funziona con css

[luca_gomiero]

salve a tutti,
ho un piccolo problema con easy slider.
una volta caricato tutto il sito l effetto slider non funziona. se tolgo il css del, non quello di easy, funziona. non riesco a capire cosa centra il css con javascript...

[cavicchiandrea]

Ciao è benvenuto, la prima cosa che mi viene da pensare che in entrambi i css ci siano id o classi con lo stesso nome

[luca_gomiero]

grazie per la risposta veloce...
ho guardato e riguardato ma non trovo css con id o class uguali...

uno è questo:
@charset "UTF-8";
/* CSS Document */
body {
width: 1024px;
height: 768px;
margin: 0 auto;
font-family: 'Dosis', sans-serif;
position: relative;
}
a:link {
color: #fff;
text-decoration: none;
}
a:visited {color: #fff;
text-decoration: none;
}
a:hover {color: #fff;
text-decoration: none;
}
a:active {color: #fff;
text-decoration: none;
}
header {
width: 49%;
margin-top:6%;
}
header h1 {
font-family: 'Parisienne', cursive;
font-size: 5em;
color: #8f8f27;
text-align: left;
margin: 0;
text-shadow: 5px 5px 5px #8f8f27;
}
header h2 {
font-family: 'Dosis', sans-serif;
color: #929090;
margin-top: -18px;
float: right;
font-size: 30px;
text-shadow: 5px 5px 5px #CCCCCC;
}

#menu {
position:relative;
height: 30px;
padding: 0;
top:6%;
background: #90908f;
-webkit-box-shadow: 5px 5px 5px 0px #ccc;
-moz-box-shadow: 5px 5px 5px 0px #ccc;
-o-box-shadow: 5px 5px 5px 0px #ccc;
-ms-box-shadow: 5px 5px 5px 0px #ccc;
box-shadow: 5px 5px 5px 0px #ccc;
}
#menu ul {
right:0;
width: 40%;
height: 30px;
font-size: 14px;
padding: 0;
margin: 0;
position: absolute;

}
#menu ul li {
margin-top: 6px;
float: left;
height: 30px;
width: 24%;
list-style: none;
color: #fff;
text-shadow: 2px 1px 1px #333333;
}
#container{
width:100%;
height:auto;
}
#container div {
position:absolute;
width: 60%;
height: auto;
text-align: justify;
float: left;
top: 40px;
left: 3%;
}
#container #home{
line-height:150%;
}



aside {
width: 33%;
right:0;
height: auto;
float:right;
}
aside div#prezzi {
width: 85%;
top:70px;
background-image: url(../img/block_notes.jpg);
background-repeat: no-repeat;
clear: both;
height: 400px;
color: #fff;
font-size: 1.2em;
-webkit-box-shadow: 2px 2px 2px 2px #ccc;
-moz-box-shadow: 2px 2px 2px 2px #ccc;
-o-box-shadow: 2px 2px 2px 2px #ccc;
-ms-box-shadow: 2px 2px 2px 2px #ccc;
box-shadow: 2px 2px 2px 2px #ccc;
position:relative;
}
aside div#prezzi ul {
height: 100%;
width: 100%;
position:absolute;
}
aside div#prezzi li {
font-size:1.5em;
color: #999;
text-align: center;
font-family: 'Parisienne', cursive;
list-style: none;
padding: 7px;
border-bottom: 1 px solid #CCC;
width:100%;
text-shadow:none;!important
}
aside div#prezzi li.note {
font-size: 13px;
font-family: Arial, Helvetica, sans-serif;
margin-top:15px;
width:95%;
}
aside div#prezzi span {
font-size: 10px;
position:absolute;
margin-top:-3px;
margin-left:5px;
text-transform: lowercase;
text-align:center;
}
aside div#prezzi li.note span{
font-size: 10px;
margin-top:-3px;
margin-right:5px;
text-transform: lowercase;
}

/*#menu #galleria ul#miniature{
position:absolute;
bottom:-10%;
background: none;
width:100%;
-webkit-box-shadow: 0px 0px 0px 0px;
-moz-box-shadow: 0px 0px 0px 0px;
-o-box-shadow: 0px 0px 0px 0px;
-ms-box-shadow: 0px 0px 0px 0px;
box-shadow: 0px 0px 0px 0px;
}

#menu #galleria ul#miniature li {
list-style: none;
width:49px;
}
#menu #galleria ul#miniature li img {
width:95%;
}
*/


footer {
position:absolute;
top: 600px;
width: 100%;
clear: both;
background: #90908f;
height: 120px;
-webkit-box-shadow: 5px 5px 5px 0px #ccc;
-moz-box-shadow: 5px 5px 5px 0px #ccc;
-o-box-shadow: 5px 5px 5px 0px #ccc;
-ms-box-shadow: 5px 5px 5px 0px #ccc;
box-shadow: 5px 5px 5px 0px #ccc;
}
footer p {
width: 20%;
font-size:0.813em;
color: #FFF;
margin: 0;
padding: 11px;
line-height:1.25em;
}







il secondo è :
@charset "UTF-8";
/* CSS Document */

#container #slider ul,#container #slider li,
#container #slider2 ul,#container #slider2 li{
margin:0;
padding:0;
list-style:none;
}
#container #slider2{margin-top:1em;}
#container #slider li, #container #slider2 li{
/*
define width and height of list item (slide)
entire slider area will adjust according to the parameters provided here
*/
width:588px;
height:340px;
overflow:hidden;
}
#container #prevBtn, #container #nextBtn, #container
#slider1next, #container #slider1prev{
display:none;
width:588px;
height:340px;
position:absolute;
opacity:0.4;
top:40px;
z-index:1000;
left:3%;
}
#container #nextBtn, #slider1next{
left:470px;
}
#container #prevBtn a, #container #nextBtn a,#container
#slider1next a, #container #slider1prev a{
display:block;
position:relative;
width:135px;
height:340px;
background:url(../img/indietro.gif) no-repeat 0 0;
}
#container #nextBtn a, #container #slider1next a{
background:url(../img/avanti.gif) no-repeat 0 0;
}

/* numeric controls */
/*
ol#controls{
margin:1em 0;
padding:0;
height:28px;
}
ol#controls li{
margin:0 10px 0 0;
padding:0;
float:left;
list-style:none;
height:28px;
line-height:28px;
}
ol#controls li a{
float:left;
height:28px;
line-height:28px;
border:1px solid #ccc;
background:#DAF3F8;
color:#555;
padding:0 10px;
text-decoration:none;
}
ol#controls li.current a{
background:#5DC9E1;
color:#fff;
}
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
*/