[SOLUCIONADO] Se ve el codigo textual en la página

hernino88 · #1 (**permalink**) 22/01/2013, 12:06

Hola, tengo un inconveniente que supongo debe tener una solución sencilla, pero no la encuentro en ningun lado... :S

Resulta que todo el código que escribo en el head entre las etiquetas <script></script> sale escrit en la pagina de manera textual como si fuese texto comun...

El codigo se interpreta bien, si pongo alert('hola');, al cargar el html sale un cartelito que dice "hola" pero en la pagina aparece escrito:

alert('hola');

si alguien me tira algun tip para hacer que el codigo no se escriba en la pagina les agradecería... Saludos!!! ;)

Carlangueitor · #2 (**permalink**) 22/01/2013, 12:16

Es raro eso, ¿puedes poner el código completo de lo que estás haciendo?

Saludos

maycolalvarez · #3 (**permalink**) 22/01/2013, 12:56

super raro, porque una cosa es que el navegador no lo interprete y lo muestre y otra que lo muestre e interprete a la vez

.

tambien danos infromación sobre el navegador utilizado y si tienes un Proxy o un Antivirus con Proxy activo.

hernino88 · #4 (**permalink**) 23/01/2013, 09:12

Miren, les paso el encabezado del sitio...

Código HTML:

<!DOCTYPE html>
<html lang="es">
    
    <head>
        <meta charset="UTF-8" />
        
        <title></title>
        
        <link href='http://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css' />
        <link rel="stylesheet" type="text/css" href="/css/styles.css" />
        <link rel="stylesheet" type="text/css" href="/css/easyslider.css" />
		
        <script type="text/javascript" src="/js/jquery.js"></script>
        <script type="text/javascript" src="/js/scripts.js"></script>
        <script type="text/javascript" src="/js/easySlider1.7.js"></script>

        <script>
            $(document).ready(function(){
                $("#slider").easySlider({
                    auto: true, 
                    continuous: true,
                    numeric: true
                });
            });	
        </script>
    </head>

Como verán el <title> esta vacío, esto es porque tmb me lo pone literal en la página lo que escribo en las etiquetas... :S

el script tmb probe poniendole el type="text/javascript" pero es lo mismo...

es muy raro, si alguien me tira una mano bienvenido sea! ;)

hernino88 · #5 (**permalink**) 23/01/2013, 09:29

Di con la respuesta... y creo que encontre un bug en CSS jeje...

resulta que si en el codigo css pones

Código CSS:

Ver original*{
      display: block;
}

no solo hace que los divs, imgs, spans, etc etc se muestren tipo bloque, sino tmb los titles y scripts... -.- haciendo que se vean en pantalla...

si alguien puede probarlo y confirmar mi teoría estaría bueno que la gente de W3C corrija eso :P

Saludos!

Carlangueitor · #6 (**permalink**) 23/01/2013, 12:30

Cita:

Iniciado por hernino88

Código CSS:

Ver original*{
      display: block;
}

El selector universal no es una muy buena práctica de reset, además de agregar display:block a todos los elementos puede generarte dolores de cabeza con elementos que se supone deberían comportarse de otra manera.

Cita:

Iniciado por hernino88

si alguien puede probarlo y confirmar mi teoría estaría bueno que la gente de W3C corrija eso :P

En todo caso no creo que sea problema de la W3C, si no de que es obvio que no deberías ponerle estilos a elementos no visibles.

Saludos

hernino88 · #7 (**permalink**) 23/01/2013, 20:24

Carlangueitor, estoy de acuerdo a que el selector universal no es una muy buena practica, pero si es muy útil en muchos casos...

En todo caso, etiquetas como script, title, meta, deberías saber que no se representan de manera textual en la página sino que cumplen una función "oculta" dentro del sitio, por lo tanto deberían estar exentas de ciertas reglas de estilos...

Son criterios, quedan a libre interpretación...

Gracias por las respuestas! ;)

Saludos!