Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: Paniic en 3 Septiembre 2014, 23:40 pm



Título: CrackMe - HTML-CSS-JS ¿Podeis encontrar el error?
Publicado por: Paniic en 3 Septiembre 2014, 23:40 pm
Intentando crear una web para convertir a tema Wordpress me surgió un problema curioso que os pinto como CrackMe por que de verdad creo que es dificil de encontrar, porque de un dia para otro cambió.

El fallo es simple. Puse una fuente al menú y un slider y cuando cargas la imagen pero el slider todavia no ha cargado la fuente del menu se vé bien, pero al cargar el slider se pone en negrita.

(http://i.imgur.com/rJe9g70.jpg)

¿Parece facil no? He revisado con Chrome (Inspeccionar elemento), rediseñando CSS y hasta el javascript (sencillisimo hasta para quien no sepa) y nada...

¿Os atrevéis?
Si alguien tiene curiosidad o afán de ayudar, gracias de antemano.

________________________________________________________
Aqui os dejo el rar con los archivos de la web:
https://mega.co.nz/#!hAh... (https://mega.co.nz/#!hAhUwABS!2O4pC41a882XuSYJANtaEhhtlKIMcERMOl6vLKthelQ)


Título: Re: CrackMe - HTML-CSS-JS ¿Podeis encontrar el error?
Publicado por: JorgeEMX en 4 Septiembre 2014, 07:15 am
El problema es tu CSS y que estás encimando elementos (no es que realmente se ponga negrita).

Código
  1. .divslider {
  2. position: absolute;
  3. margin-top: 80px;
  4. float: left;
  5. margin-left: 20%;
  6. }
  7.  


Título: Re: CrackMe - HTML-CSS-JS ¿Podeis encontrar el error?
Publicado por: Paniic en 4 Septiembre 2014, 12:59 pm
El problema es tu CSS y que estás encimando elementos (no es que realmente se ponga negrita).

Código
  1. .divslider {
  2. position: absolute;
  3. margin-top: 80px;
  4. float: left;
  5. margin-left: 20%;
  6. }
  7.  

Cierto, ya has encontrado algo que parece ser parte de la raiz del problema, pero el submenu sigue saliendo en "negrita" y el menú cuando el slider está en movimiento también.

Muchas gracias, esa pista ya es mucho.

EDIT:
(http://i.imgur.com/Oc9xiU6s.jpg) (http://i.imgur.com/Oc9xiU6.jpg) < Este debe ser el fallo. PERO... si bajo el slider lo suficiente como para que no se superponga....sigue saliendo la letra del menu más oscura.


Título: Re: CrackMe - HTML-CSS-JS ¿Podeis encontrar el error?
Publicado por: WHK en 4 Septiembre 2014, 23:09 pm
En google chrome no se ven las imagenes, al inspeciconar dice que width y height están con 0px, en firefox carga pero no noto que las fuentes sean negritas.

Que sistema operativo tienes? talves el problema puede estar en la fuente de texto, muchas veces los textos se ven como en negritas en ubuntu y en windows se ven ultra delgadas, pero es un defecto de la renderización del navegador y contra eso no hay nada que hacer ya que también juega el cleartype de windows vs subpixel smoothing y Feetype de ubuntu y eso no lo puedes controlar desde tu pagina web.

Lo que si puedes hacer es jugar un poco con las css:
https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering
http://www.webdesignerdepot.com/2013/05/how-to-optimize-for-legibility-using-text-rendering/
http://stackoverflow.com/questions/15873623/web-development-on-linux-font-rendering-different-from-windows


Título: Re: CrackMe - HTML-CSS-JS ¿Podeis encontrar el error?
Publicado por: Paniic en 5 Septiembre 2014, 13:32 pm
En google chrome no se ven las imagenes, al inspeciconar dice que width y height están con 0px, en firefox carga pero no noto que las fuentes sean negritas.

Que sistema operativo tienes? talves el problema puede estar en la fuente de texto, muchas veces los textos se ven como en negritas en ubuntu y en windows se ven ultra delgadas, pero es un defecto de la renderización del navegador y contra eso no hay nada que hacer ya que también juega el cleartype de windows vs subpixel smoothing y Feetype de ubuntu y eso no lo puedes controlar desde tu pagina web.

Lo que si puedes hacer es jugar un poco con las css:
https://developer.mozilla.org/en-US/docs/Web/CSS/text-rendering
http://www.webdesignerdepot.com/2013/05/how-to-optimize-for-legibility-using-text-rendering/
http://stackoverflow.com/questions/15873623/web-development-on-linux-font-rendering-different-from-windows

Es raro amigo, está todo en orden y me muestra el slider en chrome y firefox-
Quiza es algo de renderizar, porque depende el tipo de fuente pasa o no. Lo raro es que de un dia para otro empezara a hacerlo sin haber cambiado nada drástico.


Título: Re: CrackMe - HTML-CSS-JS ¿Podeis encontrar el error?
Publicado por: WHK en 5 Septiembre 2014, 15:36 pm
Usas control de cambios? algún git o algo por el estilo como para volver atrás la versión de tu código?