html:
Código:
css:<ul class="roundabout-holder"> <li><img src="Images/porqtenerunsitioweb.png" width="478" height="320" /></li> <li><img src="Images/laimportanciadeldisg.png" width="478" height="320" /></li> <li><img src="Images/mantenimientoweb.png" width="478" height="320" /></li> <li><img src="Images/pidaunpresupuesto.png" width="478" height="320" /></li> <li><img src="Images/redessociales.png" width="478" height="320" /></li> </ul>
Código:
.roundabout-holder { list-style: none; height: 555px; width: 700px; margin-top: -100px; margin-right: auto; margin-left: auto; } .roundabout-moveable-item { height: 320px; width: 478px; cursor: pointer; background-color: #ccc; } .roundabout-holder li h2 { font-family: Calibri; font-size: 45px; color: #262625; text-align: center; } .roundabout-holder li p { font-family: Calibri; font-size: 18px; color: #262625; text-align: center; } .roundabout-holder li p span { font-weight: bold; color: #000; } .roundabout-in-focus { cursor: auto; }
Con esto me funciona perfecto, el problema es que cuando lo incluyo en el index mediante un include me afecta toda la pagina x culpa de los dos archivos .js que tiene adjunto!
El principal problema creo q es con las etiquetas li xq x ejemplo el menu que tmb lo tengo armado como lista pasa a tener el funcionamiento del carrusel!!!
Hay alguna forma de hacer que los archivos .js solo afecten al carrusel y no a toda la pagina????
Espero que se entienda mi duda!
Gracias de antemano!