Hola bueno les explico, tengo un div de 800 px con el id ( Novedades ),
dentro del mismo hay varios divs con la clase ( Novedad )(Bastante original diria yo. )
y aparte 3 botones donde les doy la ilucion de controles , estos botones arian de ... alineacion de los divs Novedad.
En realidad son 3 funciones javascript que cambian los estilos de las cajas pero no me funcionan :S por que?
Código Javascript
:
Ver originalfunction Solo(){
var Novedades = document.getElementById('Novedades');
var Novedad = document.getElementsByClassName('Novedad');
var Detallado = document.getElementById('Detallado');
Novedades.style="width:800px; text-align:middle;";
Novedad.style="margin-bottom:50px; display:block; width:400px; margin:8px; margin-left:175px;";
Novedad.style.img="width:200px; margin:5px;";
Detallado.style="color:#444; margin-top:25px; margin-bottom:50px; display:block; text-align:left;";
}
function Dos(){
var Novedades = document.getElementById('Novedades');
var Novedad = document.getElementsByClassName('Novedad');
var Detallado = document.getElementById('Detallado');
Novedades.style="width:800px; text-align:left;";
Novedad.style="margin:10px; padding-left:25px; padding-right:25px; margin-bottom:50px; display:inline-block; width:325px;";
Novedad.style.img="width:200px; margin:5px;";
Detallado.style="color:#444; margin-top:25px; margin-bottom:50px;";
}
function Tres(){
var Novedades = document.getElementById('Novedades');
var Novedad = document.getElementsByClassName('Novedad');
var Detallado = document.getElementById('Detallado');
Novedades.style="text-align:left;";
Novedad.style="margin-bottom:50px; display:inline-block; width:250px; margin:8px;";
Novedad.style.img="width:200px; margin:5px;";
Detallado.style="display:none;";
}