Problemas generales

Alkeops · #1 (**permalink**) 17/05/2013, 07:57

Tengo un problema. Eh estado haciendo una serie de cursos pero ninguno lo puedo completar por que siempre llego a un punto donde en mi pc no se obtiene el mismo resultado que el del video. Por ejemplo.
<html>
<head>
<style type="text/css">
[required]{
border-color: green;
box-shadow: 0px 0px 5px green;
}
</head>

<body>
<table>
<tr>
<td>Nombre
</td>
<td>
<input type="text" required>
</td>
</tr>
</table>
</body>
</html>
Según el video que estoy viendo. Con este codigo deberia resaltar el input de color verde para asi señalar a las visitas que es un campo requerido. Al del video si le funciona pero a mi no me sale nada mas que el input normal.
No es solo con estas cosas. Igual con Canvas aun copiando el codigo al 100% igual. No me funciona. Por ejemplo estaba viendo como escribir Hola en Canvas y la primer linea de la h si sale pero cuando empiezo a poner las demas se borra todo.
Tengo google chrome.

yandorf · #2 (**permalink**) 17/05/2013, 08:07

Puedes colgar el ejemplo en algún lugar? para poder ayudarte.

HalconVigia · #3 (**permalink**) 17/05/2013, 21:09

ya probaste con otro navegador?? porque igual y puede ser que no estes del todo actualizado.. saludos!!

Alkeops · #4 (**permalink**) 17/05/2013, 21:39

Si. De echo proble con el Explorer y en este de plano no sale ni el cuadro ni si quiera la palabra nombre. No se que pueda ser. Pero al parecer soy al unico que le pasa. Tengo el chrome totalmente actualizado y el internet explorer 10.
Tengo win 7 64 bits

Triby · #5 (**permalink**) 17/05/2013, 22:52

Tal vez sea porque no estás especificando el tipo de documento como HTML5: <!DOCTYPE html>

Alkeops · #6 (**permalink**) 17/05/2013, 23:15

Tengo este otro codigo.
<!DOCTYPE HTML>
<html>
<head>
</head>
<body>
<canvas id="hola" width="130px" height="100px" style="border:1px solid black">
</canvas>

<script>
var c=document.getElementById("hola");
var cxt=c.getContext("2d");

cxt.moveTo(10,10);
cxt.lineTo(10,90);
cxt.lineTo(10,50);
cxt.lineTo(30,50);
cxt.lineTo(30,10);
cxt.lineTo(30,90);

cxt.moveTo(40,10);
cxt.lineTo(40,90);
cxt.lineTo(60,90);
cxt.lineTo(60,10);
cxt.lineTo(40,10);

cxt.moveTo(70,10);
cxt.lineTO(70,90);
cxt.lineTo(90,90);

cxt.moveTo(100,90);
cxt.lineTo(100,10);
cxt.lineTo(120,10);
cxt.lineTo(120,90);
cxt.lineTO(120,50);
cxt.lineTo(100,50);

cxt.stroke();
</script>
</body>
</html>
En teoria dibujaria con CANVAS la palabra "hola" sin embargo solo me muestra el recuadro del canvas y las lineas no aparecen por ningun lado. Al ir probando las primeras lineas si salia la H pero al ir avanzando se dejo de ver todo.
Que sera que sera?

Triby · #7 (**permalink**) 17/05/2013, 23:43

No lo sé a ciencia cierta, lo que sí sé, es que ya es cosa de Javascript y no de HTML5.

HalconVigia · #8 (**permalink**) 17/05/2013, 23:49

ya tomaste en cuenta tambien que no tienes cerrado el ciclo de </Style> ??

si lo cierras funciona

Alkeops · #9 (**permalink**) 18/05/2013, 12:46

Si me di cuenta después. Pero no hay cambio. Tengo la teoría de que tanto como el crome como el explorer no ejecutan los scripts y los bloquean. Alguien sabe como evitarlo?

alberto510a · #10 (**permalink**) 19/05/2013, 10:07

Yo lo puse así:

http://jsfiddle.net/r64Gs/

Y funciona perfectamente, cambia de navegador xD o si estás aplicando los estilos en una hoja de css borra caché porque puede que los tengas mal cargados.

#11 (**permalink**) 19/05/2013, 16:23

Alkeops

Del código original que pusiste (sin entrar en las deficiencias o no de la declaración del documento, etc., etc., etc. )

Cierra estilos:

Código CSS:

Ver original<head>
<style type="text/css">
[required]{
border-color: green;
box-shadow: 0px 0px 5px green;
}
 
</style>  /* Falta en tu código */
 
</head>