Re: [Ovillo] paginas con flash valido
Aunque ya lo ha dicho Kemie, lo recalco. La forma más completa de introducir flash de forma accesible que yo conozco es la de Sergi: http://meddle.dzygn.com/esp/weblog/flash.accesible/ Utiliza Js para introducirlo, pero degrada muy bien, de tal forma que te permite especificar incluso la versión del player que debe tener el usuario, y si tiene una versión inferior muestra el contenido alternativo. Saludos a todos Ernesto Rodriguez Ageitos wrote: Yo uso también esa forma más simple, que pillé de http://www.alistapart.com/articles/flashsatay/ object type=application/x-shockwave-flash data=site-images/home/flash-promo/snow/promo.swf?xmlPath=/create_image_xml.php%3Fsport%3Dsnow width=400 height=330 param name=movie value=site-images/home/flash-promo/snow/promo.swf?xmlPath=/create_image_xml.php%3Fsport%3Dsnow / /object [http://www.etnies.com/] ¿Qué usáis los demás? ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] HTML descentrado?
Hola -=stripTM=-, efectivamente, se descentra unos pixels hacia la izquierda cuando actualizas la pgina en Mozilla Firefox deben ser unos 5 - 10 pixels hacia la izquierda. En Opera sucede lo mismo, se mueve pero incluso sin recargar la pgina... es notorio cuando se pasa de una pgina a otra (aparte que el men aparece totalmente desarmado) En IE no se nota nada, se ve normal pero tengo la sospecha que esa visin -la de IE- es un engaa-muchachos - Original Message - From: stripTM [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@ovillo.org Sent: Monday, February 21, 2005 7:48 PM Subject: Re: [Ovillo] HTML descentrado? Miguel F. escribi: Hola a todos.. Tengo una pgina que no puedo centrar del todo y no detect en el CSS cul es el problema, y ya me estn saliedno canas verdes, podran hecharme una mano? La pgina esta en http://redesign.handihand.org Uummm, yo la veo centrada y con estilos (Mozilla). -- Saludos -=stripTM=- ___ Lista de distribucin Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente direccin: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Resolucion pantalla
Buenas, necesito un js que me abra en un pop con un ancho fijo de 600px y un alto varialble en función de la resolución de pantalla del usuario. Que aparezca Scrool vertical, pero nunca horizonal ¿alguien me puede ayudar? Muchas gracias. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Botones y Links iguales
Hola a todos, frente a esta inquietud, recomendaria dar un vistazo a este interesante articulo relacionado con la estilización de controles y formularios, el cual muestra cual es la diferencia de presentacion y/o render de los mismos en los diferentes navegadores y sistemas operativos. http://www.456bereastreet.com/archive/200410/styling_even_more_form_controls/ Att. //Jhon Gonzalez -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de stripTM Enviado el: viernes, 18 de febrero de 2005 13:58 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Botones y Links iguales Camilo Kawerín escribió: Hola, AngelG escribió: Me gustaría hacer que los links fuesen iguales (en forma y color) a los botones html. Como podría hacer eso usando css ? En principio, deberías tener en cuenta que la forma y color de los botones html depende del navegador y sistema operativo del usuario. Por lo tanto, sólo podrías imitar el de una combinación de estos. Y... creo que hasta el típico color gris del Windows 98 se puede cambiar. Puedes usar los colores definidos en el S.O. tienes todos estos a tu disposición (bueno a la de tu navegador, jejeje): http://www.sidar.org/recur/desdi/traduc/es/css/box.html#border-properties ActiveBorder Borde de la ventana activa. ActiveCaption Título de la ventana activa. AppWorkspace Color de fondo de una interfaz de documentos múltiples. Background Fondo del escritorio. ButtonFace Color de la cara de los elementos tridimensionales de la pantalla. ButtonHighlight Sombra oscura de los elementos tridimensionales de la pantalla (para los bordes más alejados de la fuente luminosa). ButtonShadow Color de la sombra de los elementos tridimensionales de la pantalla. ButtonText Texto de los botones. CaptionText Texto de los títulos, cajas de dimensiones y cajas de flechas de las barras de desplazamiento. GrayText Texto grisado (deshabilitado). Este color es fijado en #000 si el manejador de pantalla actual no soporta un color gris sólido. Highlight Item(s) seleccionados en un control. HighlightText Texto del(los) item(s) seleccionados en un control. InactiveBorder Borde de la ventana inactiva. InactiveCaption Título de la ventana inactiva. InactiveCaptionText Color del texto de un título inactivo. InfoBackground Color de fondo de los controles de sugerencias (tooltip). InfoText Color del texto de los controles de sugerencias (tooltip). Menu Fondo del menu. MenuText Texto de los menúes. Scrollbar Area gris de la barra de desplazamiento. ThreeDDarkShadow Sombra oscura de los elementos tridimensionales de pantalla. ThreeDFace Color de la cara de los elementos tridimensionales de pantalla. ThreeDHighlight Color resaltado de los elementos tridimensionales de pantalla. ThreeDLightShadow Color claro de los elementos tridimensionales de pantalla (para los bordes enfrentados a la fuente luminosa). ThreeDShadow Sombra oscura de los elementos tridimensionales de pantalla. Window Fondo de la ventana. WindowFrame Marco de la ventana. WindowText Texto de las ventanas. -- Saludos -=stripTM=- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Uso de 'margin' en elementos en linea y flotados
Saludos El motivo por el cual escribo se debe a una inquietud que me surgió al intentar implantar una especie de galería (solo por motivos de práctica, evitando así un domingo ocioso). Bueno, el hecho es que se presenta una lista desordenada de imágenes, cada item de dicha lista presenta consigo una imagen XHTML div id=wrapper div id=thumbs h2Imagenes de Muestra/h2 ul lia href=#img src=75x75.gif alt= //a/li . /ul /div /div CSS #thumbs li{ list-style: none; display: inline; margin: 10px 0 0 8px; padding: 0; } Deseaba presentar dicha lista de imágenes de manera horizontal, evite el uso de la propiedad 'float', asi que simplemente hice que los items se visualizarán como elementos en línea. La caja principal ('wrapper') tiene una anchura de 603px, si presento 7 imágenes de 75px, adicionalmente cada imagen presenta un borde de 1px, esto haría de la imagen en conjunto con su borde 77px, en total estaría ocupando 539px hasta ahora. Si a cada imagen le asigno un margen izquierdo de 8px, estaría ocupando 595px de los 603px de la caja contenedora, ahora bien, los 8px restantes se le asignarían al margen derecho de la última imagen. Pero resulta que lo que yo pensaba que era lógico no resulto así. Tanto Firefox, Opera e IE me mostraban dicha lista más grandes de lo que yo pensaba. Lo que note al principio es que los navegadores si me respetaban el margen izquierdo de la primera imagen, pero en las imágenes interiores se notaba más anchura de la especificada, lo cual me llevo a pensar que algo pasaba con el margen derecho (pero este estaba especificado en 0). La solución que le encontre a este problema fue la siguiente. CSS #thumbs li{ list-style: none; display: inline; margin: 10px -4px 0 8px; padding: 0; } Ahora bien, el problema según las muestras de los 3 navegadores mencionados previamente quedo resuelto. Pero quede con la inquietud, ¿por qué sucede esto?, ¿por que había más margen en las imágenes interiores?. Pueden encontrar la muestra del problema resuelto en: http://sistemas.ing.ula.ve/~milton/practicas/gallery.html Un saludo -- # Milton Mazzarri # Usuario de GNU/Linux: #369158 # Ubuntu Linux # Weblog: http://milmazz.blogspot.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Redireccionar a otra página
Hola a todos. Necesitamos redireccionar automáticamente desde una página a otra página HTML sin usar JavaScript ni código dentro del HEAD (no valen METAs). El código debe estar validado en HTML 4.01 Transational. ¿Alguien tiene una solución mágica?. Un saludo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] obtener posicion imagen (jf)
Hola, lo que preguntas es bien fácil usando JavaScript. Una vez que se haya lanzado el evento onload de la página que contiene la imagen, tienes que usar las propiedades offsetParent,offsetLeft y offsetTop. El método es muy simple y consiste en ir sumando el valor de la posición de los diferentes elementos HTML que anidan a la imagen en cuestión. Aquí te lo explican muy bien: http://www.quirksmode.org/js/findpos.html De todas formas para evitar dobles clic no deseados y evitar así problemas con el código servidor que recibe los datos del formulario directamente puedes ocultar el botón al primer clic siendo imposible que el usuario vuelva a clicar sobre él: input type=submit onclick=this.style.display='none'; espero que te sirva... salu2, juan Subject: [Ovillo] obtener posicion imagen From: tomcask o_o [EMAIL PROTECTED] Date: Thu, 24 Feb 2005 10:12:02 +0100 To: Ovillo, la lista de CSS en castellano Ovillo@ovillo.org To: Ovillo, la lista de CSS en castellano Ovillo@ovillo.org Hola a [EMAIL PROTECTED] Alguien sabría como obtener la posición respecto al eje de X e Y, de una imagen cargada en un documento? Me explico necesito saber la posición de una imagen para añadir otra encima simulando una animación. Esto es debido a que cuando ejecuto el submit de un form muestro un gif que ya tengo cargado, con un div encima de todo el formulario que dice cargando para evitar dobles clicks y dar feedbak al usuario. Pues resulta q la animación del gif así como que va ser que no! no le da la gana parece como si el browser cortara toda actividad que hubiera en la pagina y no permite ni hacer el movimiento a los gifs. Muchas gracias a todos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Redireccionar a otra página
Hola, Como en muchas cosas, la magia en la Web creo que no existe :). Si lo quieres hacer a nivel de cliente, yo personalmente, no conozco ninguna otra forma que no sea JS o Metas. La única forma de redireccionar magicamente y sin que el navegador siquiera se entere (o prácticamente) es mediante servidor. Por ejemplo en ASP: Response.Redirect(URL) Y en PHP: header(location:url); En ambos casos debe hacerse ANTES de generar cualquier código HTML ya que de lo contrario las cabeceras se consideran enviadas al cliente y ya no se admite redirección. Esto por ejemplo se puede utilizar en la típica página en la que insertas un registro. Imagina que quieres hacer un seguimiento de links pulsados. cargalink.php?id=3 El link 3 sería una URL a una web. En esa hoja PHP insertarías en la tabla de registro que el link 3 (supongamos, google.com) tiene una visita más. Una vez hecho esto rediriges al link directamente. El usuario ni se entera ya que la hoja PHP realmente NO es una hoja HTML, y tú has ejecutado una página entre medio. No se si es lo que querías, pero espero te sirva de ayuda. Un saludo. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de Roberto Diez Enviado el: jueves, 24 de febrero de 2005 15:33 Para: ovillo@ovillo.org Asunto: [Ovillo] Redireccionar a otra página Hola a todos. Necesitamos redireccionar automáticamente desde una página a otra página HTML sin usar JavaScript ni código dentro del HEAD (no valen METAs). El código debe estar validado en HTML 4.01 Transational. ¿Alguien tiene una solución mágica?. Un saludo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Aprender Estándares Web en España
Sí, ese es el tipo de recurso con el que más me estoy encontrando, muy especializado y puntual Yo también he dado cursos así, de hecho estoy tratando de hacerme una idea de cómo está el panorama porque me están solicitando más cursos en ese estilo En Domestika seguimos hablando sobre ello, cualquier opinión es bienvenida http://www.domestika.org/foros/viewtopic.php?p=244600#244600 Muchas gracias :) Álvaro Ortiz escribió: - Alguna agencia o estudio que se dedique a formación ocasional? En The Cocktail [1] hemos estado recientemente impartiendo unas sesiones de estándares web en Terra España, para el departamento de producción, que incluía maquetadores, diseñadores, responsables de contenidos y experiencia de usuario. La parte de estándares web se encuadraba dentro de unas sesiones más amplías de experiencia de usuario. [1] http://www.the-cocktail.com ciao álvaro -- The Cocktail - http://the-cocktail.com blog - http://furilo.com ring - +34 91 567 06 05 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] DIV EN LUGAR FRAMES
Verás Jorge, con CSS y DIV´s puedes obtener una página que parece tener frames, aunque Explorer no lo soporta, lo que significa que necesitas truquear el código para conseguirlo (en concreto los comentarios condicionales y un poco de javascript) [1] En cualquier caso no son frames. Es decir no pones una página html en la columna de la izquierda y otra en la de la derecha. lo que haces es organizar los contenidos en dos (o más) bloques mediante div´s. Uno (o más) de ellos tiene una posición fija y no se mueve aunque uses el scroll del navegador y el otro es el que se desplaza al mover la barra de scroll. Pero se trata de una única página html y no trés que son las que necesitarías con frames auténticos (lo que tiene muchas ventajas). Así que me temo que no te vas a poder ahorra el hacer la barra de menus en cada página (aunque con copiar y pegar o una plantilla no debería de ser un problema ¿no?) [1] hay varias soluciones a este problema de IE. En esta dirección http://devnull.tagsoup.com/fixed/vertical.html te ofrecen una versión sólo para IE6 y otra para IE5 y superiores. También hay una variación con frames horizontales y otra con verticales. Espero que te sirva de ayuda 8-) Jose A. Alvarez Laurnaga Consultor CX-Met XML INDUSTRY SOLUTIONS Tel.: 91 80 79 684 / Ext.: 684 [EMAIL PROTECTED] jorge santiago dijo: Hola todos, He estado haciendo una pagina con frames, utilizando una barra de menu y asi poder desplegar el contenido en segundo frame. Y siento la curiosidad se aprender como hacer un div en lugar de frames y poder ahorrar de no hacer una barra de menus de cada pagina ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Posición de una imagen
Puedes recuperar esos datos utilizando las propiedades offsetTop y offsetLeft. La linea para determinar ese valor sería algo así: top = document.getElementById('identificadordelaimg').offsetTop; left = document.getElementById('identificadordelaimg').offsetLeft; Si quieres, visita este enlace, que tienes algo más de documentación: http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/offsettop.asp Salu2 tomcask o_o wrote: Hola a [EMAIL PROTECTED] Alguien sabría como obtener la posición respecto al eje de X e Y, de una imagen cargada en un documento? Me explico necesito saber la posición de una imagen para añadir otra encima simulando una animación. Esto es debido a que cuando ejecuto el submit de un form muestro un gif que ya tengo cargado, con un div encima de todo el formulario que dice cargando para evitar dobles clicks y dar feedbak al usuario. Pues resulta q la animación del gif así como que va ser que no! no le da la gana parece como si el browser cortara toda actividad que hubiera en la pagina y no permite ni hacer el movimiento a los gifs. Muchas gracias a todos. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Redireccionar a otra página
si estas usando un servidor apache, puedes redireccionar con .htaccess: http://www.twod.co.uk/tutorials/view/28 esto es completamente transparente para el usuario, para los buscadores, y no necesitas tocar tu html. espero te sirva saludos kemie Roberto Diez wrote: Hola a todos. Necesitamos redireccionar automáticamente desde una página a otra página HTML sin usar JavaScript ni código dentro del HEAD (no valen METAs). El código debe estar validado en HTML 4.01 Transational. ¿Alguien tiene una solución mágica?. Un saludo. -- ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.com |:. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
RE: [Ovillo] Redireccionar a otra página
Muchas gracias Iban. La solución que me comentas es muy interesante pero me temo que no me vale. De hecho creo que directamente no se puede hacer lo que me están pidiendo. Basicamente, quieren una página HTML con JavaScript que controle si el navegador no soporta JavaScript. De ser así se redirecciona al usuario a una página sólo texto. Se que se puede jugar con las etiqueras NOSCRIPT pero claro, en medio no puedo poner código JavaScript. Por otro lado el META refresh no me vale porque las normas de HTML 4.01 trasitional no me dejan poner las etiquetas NOSCRIPT en la cabecera. Todo esto, repito en un entorno HTML puro y duro. No puedo recurrir ni a ASP ni PHP. Lo que me están pidiendo es lo que tú dices: magia!. Un saludo. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de Iban Rodriguez Enviado el: jueves, 24 de febrero de 2005 16:22 Para: Ovillo, la lista de CSS en castellano Asunto: RE: [Ovillo] Redireccionar a otra página Hola, Como en muchas cosas, la magia en la Web creo que no existe :). Si lo quieres hacer a nivel de cliente, yo personalmente, no conozco ninguna otra forma que no sea JS o Metas. La única forma de redireccionar magicamente y sin que el navegador siquiera se entere (o prácticamente) es mediante servidor. Por ejemplo en ASP: Response.Redirect(URL) Y en PHP: header(location:url); En ambos casos debe hacerse ANTES de generar cualquier código HTML ya que de lo contrario las cabeceras se consideran enviadas al cliente y ya no se admite redirección. Esto por ejemplo se puede utilizar en la típica página en la que insertas un registro. Imagina que quieres hacer un seguimiento de links pulsados. cargalink.php?id=3 El link 3 sería una URL a una web. En esa hoja PHP insertarías en la tabla de registro que el link 3 (supongamos, google.com) tiene una visita más. Una vez hecho esto rediriges al link directamente. El usuario ni se entera ya que la hoja PHP realmente NO es una hoja HTML, y tú has ejecutado una página entre medio. No se si es lo que querías, pero espero te sirva de ayuda. Un saludo. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] nombre de Roberto Diez Enviado el: jueves, 24 de febrero de 2005 15:33 Para: ovillo@ovillo.org Asunto: [Ovillo] Redireccionar a otra página Hola a todos. Necesitamos redireccionar automáticamente desde una página a otra página HTML sin usar JavaScript ni código dentro del HEAD (no valen METAs). El código debe estar validado en HTML 4.01 Transational. ¿Alguien tiene una solución mágica?. Un saludo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo