Centrar este codigo

zaylets · #1 (**permalink**) 01/03/2012, 20:26

Hola a todos, se que esto es muy básico, pero bueno...

Tengo un temporizador, el cual quiero que quede centrado en la pagina y no puedo.

aca el codigo:

Código:

<html><head><title>Timer con Javascript</title>

<script type="text/javascript">

    var        Handle_Mi_Timer = null;
    var        Contador = 0;
	var        pagina="3.php";

    function Iniciar_Timer() {
        Contador = 0;
        Actualizar_Texto_Status_Timer(Contador);
        Handle_Mi_Timer = window.setInterval('Mi_Timer()', 1000);  // en milisegundos, 1000=1 segundo
		
    }

    function Detener_Timer() {
        if(Handle_Mi_Timer!=null) {
            window.clearInterval(Handle_Mi_Timer);
            Handle_Mi_Timer = null;
            Actualizar_Texto_Status_Timer("Timer detenido");
			
        }
    }
		function redireccionar() {
			location.href=pagina
	} 

    function Actualizar_Texto_Status_Timer(Texto) {
        document.getElementById("Status_Timer").innerHTML = Texto;
		if (Contador == "3") {
			window.clearInterval(Handle_Mi_Timer);
            Handle_Mi_Timer = null;
           setTimeout ("redireccionar()", 1000);
			redireccionar()
			}
    }

    function Mi_Timer() {
        Contador++;
        Actualizar_Texto_Status_Timer(Contador);
		
    }
</script>

</head>
<body>

<div id="Status_Timer">Timer detenido</div>
<br>
<br>
<input type="button" value="Iniciar Timer" onClick="Iniciar_Timer()">
<input type="button" value="Detener Timer" onClick="Detener_Timer()">

</body></html>

Alguien me puede ayudar, por favor.

alex_dh · #2 (**permalink**) 01/03/2012, 20:32

metelo dentro de un div, y luego desde css centra el div usando margin o float.

Código CSS:

Ver original#div-temporizador {
margin: 0 auto;
}

o poniendole float:

Código CSS:

Ver original#div-temporizador {
float: left; //o la direccion que quieras que vaya
}

zaylets · #3 (**permalink**) 01/03/2012, 20:33

jajajaaj gracias.

alex_dh · #4 (**permalink**) 01/03/2012, 20:53

gracias por el karma

chipilofan · #5 (**permalink**) 01/03/2012, 21:29

Código HTML:

Ver original<div style="text-align: center" id="Status_Timer">Timer detenido</div>

Puedes usar eso si se te hace complicado abrir el .css de tu pagina, saludos.

Siempre utilizo para algunas cosas que no requieren más.