Usuario:Pybalo/HTML Lab
Poniéndole el cascabel al gato editar
Dados los problemas de alineación que han aparecido con algunos navegadores en el mapa de wikipedistas, esta página tiene por objeto cuantificar de manera lo más precisa posible dichos problemas e intentar hallar su solución... sin tener que cargar el pedazo de mapa de 0.5 megapíxeles.
Para ello he subido unas imágenes de prueba que nos deberían ayudar a detectar dos problemas básicos:
- problemas de alineación
- problemas de transparencia
Las imágenes en cuestión son un mosaico de 64x64 píxeles y un disco de 32x32 pixeles (este último con transparencia)
Superpuestas apropiadamente deberían dar una imagen idéntica a esta
Lo difícil viene ahora... encontrar la combinación de código HTML-wiki que satisfaga a la mayor cantidad de navegadores y/o usuarios
Propongo que mantengamos distintas variantes de código para evaluar como se comportan con distintos navegadores... Por ejemplo
Caso 5: Caso 4 dentro de un float editar
Bien en...
- IE 5.0 --Pybalo 02:03 13 ago, 2004 (CEST)
- IE 6.0 --Pybalo 02:10 13 ago, 2004 (CEST)
- Mozilla 1.6 --Pybalo 02:10 13 ago, 2004 (CEST)
- Mozilla 1.7 --Ecelan 00:04 21 ago, 2004 (CEST)
- Galeon 1.3.15 -- Afr0_Style 04:53 10 sep, 2004 (CEST)
- Opera 7.54 (parece que lo arreglaron ellos mismos) --Comae 02:08 11 sep, 2004
(CEST)
- Firefox 1.0 --Sark 23:12 6 feb, 2005 (CET)
Mal en...
- Opera 7.23 (el disco aparece en lo más alto de la página, tapando la palabra "Usuario") --Comae 20:26 14 ago, 2004 (CEST)
Caso 4: Caso 2 -PNG +GIF editar
Bien en...
- Mozilla 1.6 --Pybalo 00:32 12 ago, 2004 (CEST)
- Mozilla 1.7 --Ecelan 00:04 21 ago, 2004 (CEST)
- IE 6.0 --Pybalo 00:37 12 ago, 2004 (CEST)
- Opera 7.23 --Comae 01:32 13 ago, 2004 (CEST)
- Netscape 4.74 (¡aún no me lo puedo creer!) --Comae 01:32 13 ago, 2004 (CEST)
- Firefox 1.0 --Sark 23:12 6 feb, 2005 (CET)
Mal en...
- IE 5.0 (desplazado a la izquierda) --Pybalo 00:37 12 ago, 2004 (CEST)
Caso 3: Código exclusivamente «feo» para IE5.5 o "superior" editar
Bien en...
- IE 6.0 --Pybalo 17:29 11 ago, 2004 (CEST)
Mal en...
- IE 5.0 (ni siquiera se ve el disco) --Comae 00:33 12 ago, 2004 (CEST)
- Opera 7.23 (tampoco se ve el disco) --Comae 00:33 12 ago, 2004 (CEST)
- Firefox 0.9.1 (sin disco) --Comae 00:33 12 ago, 2004 (CEST)
- Netscape 4.74 (otro sin disco, era por probar...
;)--Comae 00:33 12 ago, 2004 (CEST) - Mozilla 1.7 (sin disco) --Ecelan 00:04 21 ago, 2004 (CEST)
- Firefox 1.0 (sin disco) --Sark 23:12 6 feb, 2005 (CET)
Caso 2: div style="position:relative" & style="position:absolute" (actual del mapa) editar
Bien en...
- Mozilla 1.6 - Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.6) Gecko/20040113 | pybalo
- Mozilla 1.7 --Ecelan 00:04 21 ago, 2004 (CEST)
- Opera 7.23 --Comae 00:33 12 ago, 2004 (CEST)
- Firefox 0.9.1 --Comae 00:33 12 ago, 2004
- Firefox 0.9.3 (CEST)Mozilla/5.0 (X11; U; Linux ppc; en-US; rv:1.7) Gecko/20040917 Firefox/0.9.3 -- 4lex 17:02 8 oct, 2004 (CEST)
- Firefox 1.0 --Sark 23:12 6 feb, 2005 (CET)
Mal en...
- Internet Explorer 6 - 6.0.2800.1106 | pybalo
- Alineación: Ok
- Transparencia: Mal
- IE 5.0 --Comae 00:33 12 ago, 2004 (CEST)
- Alineación: Desplazado a la izquierda.
- Transparencia: Sin transparencia, se queda blanco.
- Netscape 4.74 (sin nada, como toda Wikipedia
;)) --Comae 00:33 12 ago, 2004 (CEST)
Caso 1: div (simple) editar
Bien en... -
Mal en... Todos
(Sugiero poner las últimas pruebas arriba para que estén más a mano)
El ganador del concurso "Poniéndole el cascabel al gato" se hará acreedor a una copia impresa del mapa de wikipedistas. Para ello deberá completar el formulario accediendo a la opción "Imprimir..." de su navegador. :P