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