Ayuda a reparar Codigo URGENTE!!! Bueno despues de la ayuda que me brindaron en el post anterio quisiera que alguien me ayude a reparar el codigo del Carousel haber les presento el problema:
-El Carousel no funciona
COdigo ORIGINAL CSS:
Código:
Codigo EDITADO CSS:/* Horizontal Carousel */
#horizontal_carousel {
float:left;
width: 575px;
height: 200px;
margin-bottom: 10px;
position: relative;
}
#horizontal_carousel .container {
position: absolute;
top: 5px;
left: 37px;
width: 504px;
height: 144px;
overflow:hidden;
background: #3F3F3F;
}
#horizontal_carousel .previous_button {
position: absolute;
top: 5px;
left: 10px;
width: 27px;
height: 144px;
background: url(classic/horizontal/left.gif);
z-index: 100;
cursor:pointer;
}
#horizontal_carousel .previous_button_disabled {
background: url(classic/horizontal/left-disabled.gif);
cursor:default;
}
#horizontal_carousel .next_button {
position: absolute;
top: 5px;
right: 10px;
width: 27px;
height: 144px;
background: url(classic/horizontal/right.gif);
z-index: 100;
cursor:pointer;
}
#horizontal_carousel .next_button_disabled {
background: url(classic/horizontal/right-disabled.gif);
cursor:default;
}
#horizontal_carousel ul {
margin: 0;
padding:0;
width: 100000px;
position: relative;
top: 0;
left: 0;
height: 144px;
}
#horizontal_carousel ul li img {
border:1px solid #999999;
display:block;
background:#E3EDFA;
}
#horizontal_carousel ul li {
font-family:verdana,arial,sans-serif;
font-size:10px;
}
#horizontal_carousel ul li {
border:0px solid green;
color:#E3EDFA;
margin:0pt;
padding:15px 10px 10px;
width:106px;
list-style:none;
float:left;
}
Código:
le quite en el ID(#horizontal_carousel) todo y le deje la posicion./* Horizontal Carousel */
#horizontal_carousel {
position: relative;
}
#horizontal_carousel .container {
position: relative;
top: 0px;
left: 0px;
width: 355px;
height: 78px;
overflow:hidden;
background: url(img/H_03.gif);
}
#horizontal_carousel .previous_button {
position: relative;
top: 0px;
left: 0px;
width: 19px;
height: 64px;
background: url(img/H_13.gif);
z-index: 100;
cursor:pointer;
}
#horizontal_carousel .previous_button_disabled {
background: url(img/H_13.gif);
cursor:default;
}
#horizontal_carousel .next_button {
position: relative;
top: 0px;
left: 0px;
width: 19px;
height: 64px;
background: url(img/H_09-17.gif);
z-index: 100;
cursor:pointer;
}
#horizontal_carousel .next_button_disabled {
background: url(img/H_09-17.gif);
cursor:default;
}
#horizontal_carousel ul {
margin: 0;
padding:0;
width: 100000px;
position: relative;
top: 0;
left: 0;
height: 144px;
}
#horizontal_carousel ul li img {
border:0px solid #999999;
display:block;
}
#horizontal_carousel ul li {
font-family:verdana,arial,sans-serif;
font-size:10px;
}
#horizontal_carousel ul li {
border:0px solid green;
color:#E3EDFA;
margin:0pt;
width:106px;
list-style:none;
float:left;
}
CODIGOS JS:
Código:
disculpen por lo de MegaUpload megaupload.com/?d=ZWD4H86C
