Re: [Ovillo] Como ahorrar tamaño a un archivo CSS
Hola, Es preferible priorizar la legibilidad y el manteniemiento del código antes que el tamaño del archivo. Dejar comentarios, separar en líneas, ordenar las reglas y propiedades con un criterio claro ayudan a que en el futuro sea más fácil retomar el trabajo sobre una hoja de estilos o que lo puedan continuar otras personas. Además poner cada propiedad en una línea diferente es muy útil cuando se trabaja con un sistema de versionado. Y si el archivo queda muy pesado, hay varias estrategias que se pueden adoptar para que no sea un problema para los usuarios. En html5boilerplate.com hay unas cuantas explicadas. -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Flash Tweet Counter
Hola, Calculo que podés pegarle al flash con Javascript y pasarle el valor que quieras, así te ahorrás lo del XML. Podrías generar el valor directamente con JS o bien usar Ajax para conectarte a la API de Twitter, traer el valor y meterlo en el flash. Ahora, ¿porqué tiene que ser flash en contador de twits? 2011/5/18 Joel Lembert joelalman...@gmail.com Saludos, quisiera saber si esto es posible. Quisiera tener un contenido en flash (Osea una pelicula swf) una especie de contador customizado en flash y debajo un boton de twitter share... Quiero que cada vez que se le de click al boton de tweet share el flash que esta arriba lo contabilize. Se me ocurre alimentar al flash con un xml y que este xml se alimente de twitter con el dato de contandor. Esto es posible de alguna manera? me doy a entender. Gracias -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Flash Tweet Counter
¿Y qué tal algo así? http://dojotoolkit.org/reference-guide/dojox/widget/AnalogGauge.html (ver ejemplos abajo) 2011/5/18 Joel Lembert joelalman...@gmail.com Quisiera generar un efecto de tacometro a medida que vaya subiendo los tweets iria subiendo la aguja del tacometro -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] (sin asunto)
Hola, 2011/4/28 Rafael Arevalo rafaeldarev...@hotmail.com Hola a todos... Necesito hacer una página, donde el bakground cambie a claro si es de día y a obscuro si es de nochevi ese efecto algun dia, pero no recuerdo en que pagina... Podés hacerlo con PHP: ?php echo (date('G') 6 date('G') 20) ? 'dia' : 'noche' ? /* suponiendo que el sol sale a las seis y se pone a las ocho de la noche */ O podés hacerlo con Javascript: t = new Date(); if (t.getHours() 6 t.getHours('G') 20) { $('body').addClass('dia'); // JQuey para hacerlo más fácil } else { $('body').addClass('noche'); } Luego en la CSS: .dia { background: url(image_de_dia.jpg); } .noche { background: url(image_de_noche.jpg); } Y creo que eso sería todo. Saludos! -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Wiki con técnicas y recursos sobre HTML + CSS
Hola a todos, Comparto este espacio en el cual he reunido información sobre el desarrollo de páginas web según los estándares: https://www.assembla.com/spaces/xhtml-css Si bien en este momento HTML5 y CSS3 acaparan la mayor atención del mundo web, me parece que no hay que olvidar que una buena página web, antes que nada, consiste en código válido y semántico, separación del contenido de la presentación, etc. por lo que espero que este proyecto sea útil más que nada a quienes están interesados en el desarrollo basado en estándares y buscan por dónde comenzar. Saludos -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Menú fluido hasta el pie del contenido
Hola, tengo un pequeño problema, es un menú a la izquierda de la página, que de una página a otra varía. La estructura de la página es con un div contenedor centrado, el menú posicionado absolute a la izquierda y a la derecha el contenido en varios div's posicionados también absolute. Bien el caso es que el tamaño de los div´s de contenido varía y el diseño requiere que el menú siempre se expanda hasta el final inferior del contenido. He intentado varias cosas, pero no lo he conseguido. Lo que se debe expandir hasta el pie es el background del contenedor, de manera que simule ser el background del menu izquierdo. Podés usar una imagen que se repita verticalmente para generar un fondo con colores diferentes, una línea de separación, etc. Este artículo te puede ayudar: http://www.alistapart.com/articles/fauxcolumns/ Saludos -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] centrar elemento absoluto con css
Hola, Se me ocurren dos trucos sencillos: #elemento { position: absolute; width 100px; left: 50%; margin-left: -50px; } En ese truco se base esta técnica: http://www.wpdfd.com/editorial/thebox/deadcentre4.html Otra posibilidad es usar dos elementos: #contenedor { position: absolute; left: 0; width: 100%; } #contenedor #elemento { width: 100px; margin: 0 auto; } Saludos, 2010/12/15 Joseba Rodríguez jos...@visionasolutions.es Hola! ¿Es posible centrar un elemento absoluto con css en la página? Gracias. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] centrar elemento absoluto con css
2010/12/15 Joseba Rodríguez jos...@visionasolutions.es Creo que me encabezoné con el margin auto y parece que eso no va con posicionamiento absoluto. No, claro, margin auto no funciona *en el mismo elemento* que tenga position absolute, pero sí podés posicionar un contenedor y dentro de éste centrar otro elemento con margin auto. -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Vulnerabilidad HTML
Creo que la única manera en que podrían haberlo hecho, si fuera gracias una vulnerabilidad del sitio, es mediante un script PHP que hubieran subido a tu servidor desde un formulario. Si no hubiera manera de subir archivos al servidor desde una página del sitio, se me ocurre entonces que el ataque tuvo que haber sido conectándose al FTP. De todos modos, te recomiendo que insistas con el soporte del hosting para que te den más información, tanto para demostrar que el problema se debe a una vulnerabilidad del sitio como para descartar que hubiera sido otro tipo de acceso. Saludos y suerte! 2010/12/15 Eva García evag...@gmail.com Hola de nuevo, Lo que han hecho es borrar todos los archivos del directorio raiz y han colocado un archivo index.html con unos simbolos en arabe. Los curioso es que los subdirectorio que utilizo para las imagenes, includes, etc. no han sido borrado y están ahí todos los archivos. Saludos, Eva 2010/12/15 Camilo Kawerín camilokawe...@gmail.com Hola, Creo que ya aclaró que la página es simple y sólo usa PHP para incluir las partes que se repiten, sin nada raro, y para enviar mail. La gente de soporte de los servicios de hosting tienen la costumbre de llamarle hackeo a cualquier cosa y siempre es por un error de programación. La pregunta, Eva, es ¿exactamente qué le ocurrió a la página? Saludos 2010/12/15 Jimmy Collazos || acido || cuatroxl.com acid...@gmail.com Como bien dicen, casi todos: Sin saber que estás haciendo es complicado decirte que has echo mal. ¿tienes base de datos? ¿que haces con los parámetros del formulario que envías? ¿usas algún CMS, librería o parecido? -- J i m m y C o l l a z o s : desarrollado web; estándar, accesible, escalable acido69 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] (SOT)
Hola, 2010/11/9 jaume op jaum...@gmail.com Perdón por si mi tema puedea parecer fuera de contexto, pero al fin y al cabo veo que es html, css y seguro cuestion de distribucion de tareas. Estamos preparando un ejercio entre 10 personas. Tratamos de crear , digamos, una web. Asi, hemos divido a la gente en dos subgrupos: Diseño y Maquetación. El contenido se iria introduciendo mas tarde. ¿Porqué la necesidad de separar? Yo creo que en el caso de una empresa, por ejemplo, es preferible que cada desarrollador se especialice en un área, pero la formación me parece que debe ser integral. Entonces, si los contenidos del curso incluyen desde el diseño a la maquetación, todos deberían realizar todas las etapas. No sé el contexto en que harán el ejercicio, pero es probable que algunos tengan alguna experiencia en maquetado y otros en diseño, pero obligarlos (por decirlo de algún modo) a involucrarse en todo el proceso los hará mejores profesionales que limitándose a practicar lo que ya saben. Justamente, la idea de un curso es aprender algo que no se sabe... Saludos! -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Reproductor flv para web
Hola, Tengo varios videos flv puestos en mi servidor y lo que quiero es que se pueda amar una pagina web, para que se puede ver igual que youtube por ejemplo. Que herramientas y visores me recomiendan.. Creo que el más usado es éste: http://www.longtailvideo.com/ Saludos -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Checkbox con valores
Hola, Cómo hago para hacer una lista donde las personas pueden seleccionarlo con Check box y al final de la columna despliegue el total de lo marcado. Y si se podría agregar un row a la par de algunos datos para poner para cuantas personas, entonces para que se multiplique ese valor. Con Javascript podés hacerlo para que el valor se vaya actualizando al mismo tiempo que seleccionás los controles. Hotel 1 -- check (2 personas) Hotel 2 -- Hotel 3 -- check Total = Suma de: (Valor de Hotel 1, multiplicado por 2) + (Valor de Hotel 3) Un ejemplo, usando jQuery[1], podría ser: $('total').text($('hotel_1').val() * $('hotel_1_cant').val() + $('hotel_2').val() * $('hotel_2_cant').val() + [...] ); Y lo estoy haciendo de memorai y no estoy seguro de que se pueda capturar el value del checkbox así nomás, pero es la idea básica. Y por último, si en lugar de check box, se podría hacer algo en CSS para que sean imágenes pero que tengan función de checkboxs? Las últimas versiones de jQuery UI vienen con widgets para diferentes botones[2]. [1] http://docs.jquery.com/Main_Page [2] http://jqueryui.com/demos/button/#checkbox -- Camilo Kawerín kawerin.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] css en joomla
Hola, 2010/9/3 Jairo Ochoa jairo.oc...@gmail.com aparece al menos una vez o ninguna? es correcta la url de la imagen?? (copia y pega a continuación de la página que estás viendo donde debería aparecer) puede que haya otro lugar que sobreescriba esta característica de #page_bg ? Podrías responder a estas preguntas y resolver el problema en menos de un minuto con la ayuda de Firebug: https://addons.mozilla.org/es-ES/firefox/addon/1843/ Saludos! -- Camilo Kawerín Desarrollo Web Radio Nacional www.radionacional.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Dar estilo a un div: Herencia o clase e specífica
2010/4/21 Rafa Artacho teme...@gmail.com Me surge la siguiente duda: ¿Qué ventaja obtengo declarando una clase de este modo #footer .footer-links .bloque-links-imagen ul{ respecto a aplicarle al ul en particular una clase específica? darle contexto de donde se está utilizando? Antes que nada, una cuestión de concepto: clase se llama el tipo de selector precedido por un punto en CSS e indicado con el atributo class en HTML. La línea que citás se llama correctamente selector y forma parte de una regla. La diferencia entre hacerlo de la forma en que citás o agregando un class al elemento en particular depende en parte del gusto de cada uno y en parte de mantener ciertas buenas prácticas. Sobre esto último, te comento algunas: - si no es necesario, no conviene poner la ruta completa al elemento; por un lado porque para los navegadores es preferible mantener los selectores simples (tenía un enlace sobre eso, pero no lo encuentro ahora) y por otro porque en un futuro podrías hacer cambios en el HTML y te obligaría a editar también la hoja de estilos. - si el estilo de un elemento es muy específico, conviene seleccionarlo directamente agregándole un class al elemento mismo; de esa forma, si más adelante necesitás agregar un elemento similar en el mismo contexto, pero con diferente estilo, no necesitás modificar lo que ya está hecho. - no conviene pegarle directamente a elementos tan comunes como DIV o SPAN, por ejemplo, porque nunca se sabe cuándo hay que agregar uno extra; ni se puede evitar que si cae en mano de programadores .Net, por ejemplo, te llenen el código de elementos extras Recomendáis siempre asignar una clase teniendo en cuenta su posición en los divs principales de la página? Depende: si necesitás una regla para definir estilos de texto (font-size, font-style, color, etc.) conviene hacerlo con un class independiente (por ejemplo: .links a secas); y si necesitás una regla para definir posicionamiento de un elemento, conviene hacerlo con un selector relacionado al contexto (por ejemplo: #footer .links ) Saludos -- Camilo Kawerín Desarrollo Web Radio Nacional www.radionacional.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] hola, presentacion y ayuda con divs y capa.
Hola, Bienvenido a la lista. Te comento abajo. On Mon, May 5, 2008 at 6:19 PM, seralcris [EMAIL PROTECTED] wrote: Hola, mi nombre es Sergio y soy nuevo en la lista, tengo un problema con un div dentro de una capa. Tratare de explicarme, tengo una capa, y quiero alinear 3 elementos ( uno a la izquierda, un menu al centro y una imagen a la derecha dentro de la capa ) dentro del archivo header.php un div que es Te recomiendo enviar un link donde podamos ver la página y otro con el diseño de lo que querés lograr, así va a ser más fácil que te podamos ayudar. div id=centerbox textoa href=http://laweb.com;img src=imagen.jpg align=right style='border:0' alt=//a ?lala();? div id=menu9 ul lia href=#1 title=Link 1Link 1/a/li lia href=#2 title=Link 2Link 2/a/li lia href=#3 title=Link 3Link 3/a/li lia href=#4 title=Link 4Link 4/a/li lia href=#5 title=Link 5Link 5/a/li /ul /div a href=http://laweb.com/alala/a| a href=http://laweb.com /lala/a | a href=http://laweb.com /lala/a /div Y te comento sobre algunos problemas que veo en el código: - no uses nombres de id o class que hagan referencia al diseño, como centerbox; pegale una leída a este artículo: http://www.w3.org/QA/Tips/goodclassnames - el atributo align está deprecated y no es conveniente usar style en los elementos - intuyo que el IMG que pusiste al principio es el logo con el nombre del sitio; pero deberías marcarlo usando el encabezado de nivel superior: http://www.w3.org/QA/Tips/Use_h1_for_Title - no dejes texto o elementos de línea, como los links de abajo, fuera de un elemento de bloque, que podría ser P o en para los links, otra UL Y volviendo al problema, si enviás el link te cuento. saludos -- Prof. Camilo Kawerín Web Developer Url: http://27sur.com Tel: (+54) 3783 449673 Cel: (+54) 3783 338588 ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Poner un video en una pagina xhtml 1.1
Fijate este mail también (lo resaltado) para lo que te comentaba. On 12/09/06, Martin Szyszlican [EMAIL PROTECTED] wrote: [EMAIL PROTECTED] escribió: Hola, On 11/09/06, Trent Chandra [EMAIL PROTECTED] wrote: Tengo un problema que no he logrado solucionar. Necesito incluir en una página que había sido previamente validada como XHTML 1.1 un video de You Tube (www.youtube.com). [...] Lo que necesitás el el código correcto para insertar flash en una página porque el reproductor de YouTube no es más que un objeto flash. Y la respuesta la envió hace cinco días Martín Szyszlican con el asunto Flash Válido (mejor que flash satay). Y ya que lo nombras (gracias), tengo que aclarar algo. En ese mail se propone llamar a la función fix_eolas sin haber filtrado el llamado solo para IE, por lo tanto el nuevo código sería algo como: /* Solo Internet Explorer */ /[EMAIL PROTECTED] @*/ /[EMAIL PROTECTED] (@_win32) EventMgr.add(window,load,fix_eolas); /[EMAIL PROTECTED] @*/ De hecho hoy usé esta técnica y funciona perfecto. Lo probé en IE6, WinXP sp2 ... que es la configuración que tiene la mayoría de los usuarios caseros. Tampoco causa conflictos con FF, IE7 u Opera, asi que parece bastante efectiva. Saludos, -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] [OT] Re: Para los administradores de la lista
Manuel J. Recena Soto escribió: Hola buenos días: Por favor, que los administradores de la lista intervenga y hagan algo con los mensajes que se están recibiendo por culpa de un usuario que no sabe trabajar con listas de correo. Lamentablemente hay demasiada gente que no sabe trabajar con listas de correo: - consultas sobre temas que nada tienen que ver con la lista, como el reciente referente a un problema de *instalación* de PHP - respuestas a estas consultas, sea con la solución al problema (que se puede mandar en privado) o con algún comentario que no hace más que agregar ruido - consultas sobre temas tratados hace apenas dos días en la lista - consultas sobre problemas para los que aparecen miles de respuestas haciendo una simple búsqueda en google o revisando el historial En fin... es la segunda vez que salgo con este tema en estos días (ya me empiezo a sentir demasiado quisquilloso), pero así es muy difícil participar y aportar algo. -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Orden de elementos en formulario
Federico MP escribió: On Tue, 25 Apr 2006 04:55:15 -0300, Francisco Castillo [EMAIL PROTECTED] wrote: El 25/04/06, DJ-Dom[EMAIL PROTECTED] escribió: El label está mal cerrado... labelEtiqueta input //label No veo donde está el problema, ¿puedes aclararme porque están mal cerradas las etiquetas? Las etiquetas están bien. Encerrar el INPUT con LABEL es válido. Es válido y recomendado, para que el label sea correctamente interpretado en navegadores antiguos. (Aunque lo intenté un par de veces y es una complicación extra al aplicar la CSS por lo que me resigné a hacerlo implícito solamente) Saludos, -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tramite Facil y su versión para ciego s
DJ-Dom escribió: Yo lo que pienso es que la opción de maquetar con tablas sigue ahí, y que no es tan desastroza como la pintan... Si alguién cree que le sale mejor hacerlo con tablas, pues ni modo, tampoco es delito tan enormemente graveYo he aprendido a realizarlo sin tablas, y la verdad que es mucho más difícil (será por la costumbre)...Em fin mi opción no es usarlas, para ello, pero si alguién cree que es una buena opción ni modo... Si ha hecho pruebas, y afirma que todo salió bien, pues ni modo, las pruebas que pueden hacer manualmente experimentando con los usuarios no videntes reales, a mi entender, siempre debe ser más efectiva que cualquier otra metodología tecnica NO NO NO NO!! ¿Porqué siguen insistiendo con la mismas burradas? No se trata de que existan dos opciones: maquetar con CSS o maquetar con tablas. Las opciones son: hacer BIEN o MAL una página web. La primera opción consiste en usar código html para marcar semánticamente un determinado contenido y CSS para darle un aspecto determinado. La segunda opción consiste en usar código html como venga (o usar un programa WYSWYG y no enterarse que hay un código detrás del resultado) para acomodar contenido en una página. Y volviendo al tema que originó este hilo: la supuesta versión para ciegos es una verdadera ESTAFA. Como dice Federico en su blog, hay un estúpido que pagó por ello y hay un tipo increíblemente caradura que cobró y no tiene vergüenza de defender lo indefendible. Saludos, -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Enviar una capa detras de otro
Hola, Reynier Perez Mira escribió: Como muchos habrán podido ver estaba tratando de crear un modelo en el cual se de la impresión al usuario de que una imagen pasa por encima de una barra. Eso ya lo he logrado pero no del todo. El problema es que la capa ubicada a la derecha me pasa por encima de la otra y me corta una esquina de la imagen. Tengo entendido que la propiedad z-index podria resolver mi problema pero al parecer la estoy usando mal. Según estudié en estos días si tengo lo siguiente: #div1 { z-index:1; } #div2 { z-index:2; } #div3 { z-index:2; } Y supuestamente segun lo que entendi y dije anteriormente el DIV topnavR y topnavL se me ubican siempre por encima del DIV Cabecera. ¿Qué es lo que estoy haciendo mal? Si lo que buscás es que la cabecera quede por encima de los demás divs, debe tener un valor mayor en z-index. Te preparé una demostración sencilla: http://27sur.com/ovillo/z-index.html Saludos, -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ni idea de como modelar esto con DIV - Centrar web sin etiquetas CENTER [Solucionado]
Hola, Reynier Perez Mira escribió: Pues nada, gracias nuevamente scriptTM. Acudi a mi mejor amigo en estos casos de perdicion, Google, y encontre que la solucion simplemente es agregar estos parametros en el body y el DIV contenedor principal del documento. Algo como esto: body { margin: 0 auto; // aqui lo de centrar text-align: center; // aqui lo de centrar } /*DIV Principal-contiene todos los demás elementos de la página*/ div#Contenedor { text-align: center; // aqui lo de centrar margin: 0 auto; // aqui lo de centrar } Un par de comentarios: el margin: 0 auto en el body no hace nada, salvo quitar el margen superior por defecto del body; text-align: center en el #Contenedor hace que el texto de todos los elementos contenidos en él se centre. Fijate éstas reglas: body { margin: 0; text-align: center; // para centrar en IE 5 o inferior } #Contenedor { margin: 0 auto; // para centrar en navegadores modernos text-aling: left; // alínea a la izquierda nuevamente } Saludos, -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ajustar la web para distintos navegadores
Álvaro Varona escribió: yo solo te daria un consejo: revisa la resolucion de pantalla a la que estas diseñando el web porque no se ajusta a ningún estándar 1024 o 800. mmm, ¿quién dijo que esos valores son estándares? En todo caso, el layout es más ancho que los anchos de pantallas *para PC* más usados en estos días. Nada más. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] Holassss....
stripTM escribió: Reynier Perez Mira escribió: Haber asi no se trata a la gente pero bueno, como bien dicen debes hacer una búsqueda en el mejor amigo Google y verás que hay miles de paginas. Sin ser tan brusco como Wilfredo creo que el problema de la consulta es 1º No tiene nada que ver con la temática de la lista, con lo que está metiendo ruido y haciendo que sea menos útil. 2º El asunto Holas no es nada descriptivo, con lo que tampoco ayuda nada y por ejemplo ensucia el archivo histórico de la lista de mensajes. Por lo que estuve viendo en los últimos mails a la lista, más que sucio, yo diría que a esta altura el archivo parece mi casa después de haber dejado al perro solo y encerrado durante todo un día. Muchachos, lean las especificaciones y algún buen tutorial que no les va a hacer daño, y pónganse las pilas para preguntar. Saludos, -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] los 10 mejores tutoriales de CSS
Un pequeño aporte: http://www.cameronolthuis.com/2006/04/top-10-css-tutorials/ Y hasta la semana próxima (o hasta que tenga tiempo y paciencia para revisar la lista) -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar una web con CSS - Mis primeros problemas -
Sergi Panisello escribió: Una opción (creo que válida en todos los exploradores) es poner: body center tucontenidobla bla/tucontenido /center /body A mi me funciona.. ¿Cómo es que Ovillo llegó a esto? -- Camilo Kawerín ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mi opinión sobre el 62.5%
Hola a todos, Marc González Majoral escribió: En unos cuantos hilos de esta lista de correo he leído que para cuadrar con el diseño los tipos de letra usando medidas relativas se pone un 'font-size: 62.5%' en el 'body' para forzar que el tipo de letra base sea de 10 píxels. Yo creo que esto es un error y me he hecho unas preguntas, que he intentado auto-responderme. Y yo creo que hay una gran confusión en torno a este tema. Usar font-size: 62.5% en el body no es para forzar nada sino simplemente para establecer una unidad manejable al *maquetar* una página usando 'em'. Partiendo de que 16px * 0.625 = 10px, si necesitamos hacer un layout con estas medidas: 800px --- | 150px | 400px |250px | En Firefox, IE, Ópera y cualquier otro navegador que use 16px como tamaño de fuente normal o mediano, bastaría con maquetarlo de esta forma: 80em --- | 14em | 40em |25em| 800px / 10px = 80em 140px / 10px = 14em 400px / 10px = 40em 250px / 10px = 25em En cambio, si usáramos font-size: 75% en el body (16px * 0.75 = 12px) la proporción sería: 800px / 12px = 66.em 140px / 12px = 11.em 400px / 12px = 33.em 250px / 12px = 20.8333em Hacer cuadrar una maqueta con estas medidas es mucho más difícil que usando medidas relativas. Entonces el objetivo de la técnica es fundamentalmente facilitar el armado de un layout flexible y con medidas relativas al tamaño de fuente. Podríamos, por ejemplo, una vez finalizado el armado de la página, cambiar 62.5% a 75% y tendríamos un layout *proporcionalmente* más grande (en navegadores con 16px como tamaño de fuente normal). De la misma manera, en un navegador con un tamaño de fuente normal mayor o menor a 16px, el layout será *proporcionalmente* más grande o chico. Entonces, mi conclusión es que da lo mismo que el tamaño de fuente en el body sea 62.5%, 10px (cambiando la regla para IE, como propone Choan) o bien uno de estos dos durante el armado para luego cambiarlo a cualquier otro porcentaje. Lo importante es que las medidas de los elementos de bloque estén en em para que el tamaño del layout cambie proporcionalmente junto al tamaño de fuente que el usuario desee usar. De todos modos, aunque en muchos proyectos he utilizado este tipo de layout elástico, yo preferiría trabajar con layouts líquidos que se adapten solos al tamaño de ventana y/o resolución. El problema es que no siempre uno trabaja con diseños que pueden hacerse de esta forma. Disculpen la extensión, espero haber sido claro. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] maqueta en ems ¿que hago con los fondos?
Hola, Pedro Moreno escribió: estoy comprobando que maquetar en ems tiene ventajas para el usuario pero para diseñar es una locura. he cambiado de ordenador aqui en el estudio varias veces hasta que me he dado cuenta que el internet explorer renderiza los ems teniendo en cuenta los ppps a los que tenga el usuario configurado el equipo o sea, si alguien toca eso, que es mucha gente sobre todo ahora con las pantallas de 17 tft a 1280x1024 que pone las letras mas grandes usando esa opción, descuadra la maqueta ya que las imagenes. los fondos no pueden ir en medidas variables. ¿existe alguna manera de arreglar las descoordinaciones entre fondos y elementos? Si los background son imágenes, tenés que usar alguna técnica como sliding doors: http://www.alistapart.com/articles/slidingdoors/ http://www.alistapart.com/articles/slidingdoors2/ Y mucho más en: http://www.google.com.ar/search?q=css+sliding+door Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] problemas con explorer Mac
Hola a todos, Tengo un problemita en explorer para Mac y como uso PC estoy medio perdido. Lamentablemente mi cliente usa Mac, por lo que no me queda otra que arreglarlo. La web es: http://www.27sur.com/~libro/registro.php Si ven el código, notarán que estoy usando comentarios adicionales para cargar una hoja de estilos para IE. Para saber si éste puede ser el problema, hice unas versiones sin ella: http://www.27sur.com/~libro/sample1.html http://www.27sur.com/~libro/sample2.html Si me pueden dar una mano, se lo agradeceré eternamente. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] lista ordenanda: números en ne grita y texto no
Hola DJ-Dom DJ-Dom escribió: HTML: ul lispanTexto Normal/span/i /ul ul span{ text-weight: normal; } Así lo hice, pero mi pregunta apuntaba precisamente a evitar hacerlo de esa forma si se puede hacerse *sólo con CSS*. Por otro lado, ¿alguien tiene idea de cómo evitar que desaparezcan los números en IE al flotar los items de una lista ordenada? O sea, con esto: ol litexto/li /ol li { float: left } IE hace desaparecer los números y no margin ni padding que sirvan para hacerlos visibles. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Soporte a CSS2
Hola, Leonel Silva escribió: Hola a todos, Alguien conoce que navegadores soportan CSS2? o algún link donde pueda leer algo al respecto. Completito: http://www.macedition.com/cb/resources/abridgedcsssupport.html Por otro lado, si la version 7 de Explorer no soporta CSS2, eso significa que por ser el navegador más usado se va a retrasar la implementación de CSS2? IE 6 soporta bastante de CSS2, que es la recomendación oficial en este momento. Por eso no se entiende bien tu pregunta, salvo que te refieras a CSS3, que aún es un borrador y no está oficialmente implementada (Más allá de los navegadores más modernos soporten algunas propiedades de CSS3). Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado de una fórmula matemát ica
Hola, Bernat Lleonart escribió: Hola, Tengo que introducir esta fórmula en un documento xHTML, y no sé qué etiquetas utilizar, cómo presentarlo. Sé que existe el MathML, pero no sé si está pensado para cosas así, o si se puede incrustar en un xHTML. caudal (m_ /h) sección (m_) = velocidad (m/s) x 3600 La fórmula, en modo texto, sería (por si no se ve bien en el cuerpo de este mensaje): sección (m_) es igual a caudal (m_ /h) partido por velocidad (m/s) x 3600. Teniendo en cuenta lo que dice Daniel sobre la escasa implementación de MathML en los navegadores, se me ocurren dos maneras: Usar pre que representa la fórmula tal como la escribís, con los espacios incluidos. Usar una imagen. Principalmente para la última opción, aunque también para la primera, creo que deberías acompañar la representación de la lectura textual de la fórmula, tal como hiciste más arriba. Espero que te sirva, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Echo chispas
Hola, denis gf escribió: Hola soy nuevo en esto, solo llevo este año haciendo paginas web. Conclusion no se nada de nada. Estoy en un ciclo de informatica, y un profesor muy bondadoso nos mando crear un sitio web entero, a mi se me ocurrio la feliz idea de crear una tienda virtual, que si que ya se que las hay a punta pala, y no es un proyecto muy original,pero tenia la feliz idea de que le pondria cosas que una tienda virtual de ahora no tiene, iluso de mi. Por que tengo que entregar el proyecto el dia 10 de Marzo, Y hemos empezado todos a principios de año con lo cual para mi no es mucho tiempo. (no se para vosotros dareis montado una tienda virtual en un mes, pero sera por que soy novato y la monto solo) . Es evidente que el que no sabe nada de nada es tu profesor. Tal vez aquí consigas ayuda para resolver el problema, pero es como suelen decir: en lugar de regalar pescado hay que enseñar a pescar. Saludos y suerte -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar texto vertical
Choan C. Gálvez escribió: Si el texto va a ocupar siempre una sola línea, un truco que da buenos resultados es asignar el mismo valor a `line-height` y `height`. :S :S :S Hace tiempo que buscaba la manera de centrar verticalmente el texto de los botones de un menú, por ejemplo, sin recurrir al padding. Y la solución era taan simple... En fin, a cada rato se aprende algo nuevo. Saludos y gracias -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado de una fórmula matemá tica
Hola de nuevo, Bernat Lleonart escribió: Hola, Creo que optaré por usar pre. Quería sacarme la duda, así que hice la prueba: pre caudal (msub2/sub /h) sección (msup2/sup) = velocidad (m/s) . 3600 /pre pre { line-height: .8em; } sub, sup { font-size: .8em; } No hablabas de índices en tu consulta, pero probé a agregarlos para ver cómo quedaban. Y podés algo más de información con el atributo title: pre span title=dividendocaudal (msub2/sub /h)/span span title=cocientesección (msup title=a la segunda potencia2/sup)/span = span title=divisorvelocidad (m/s) . 3600/span /pre En fin, son ideas, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] OT: script para búsqueda en páginas html
Hola a todos, Seguramente a quienes realizan sitios sin base de datos les será útil para implementar un buscador interno: http://27sur.com.ar/search/ Serán apreciados comentarios y sugerencias (en privado, porfa, para no empeorar el fuera de tema). Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] OT: consejos sobre diseño
Hola a todos, Ando buscando pistas respecto a cómo encarar el diseño visual de una web desde el principio: ¿por los colores, por definir un estilo, etc.? Y en ese sentido, cómo trabajar con el cliente: ¿presentar distintas propuestas, pedir la mayor cantidad de datos y presentar una sola, etc. ? Me imagino que muchos habrán escrito sobre el tema en sus blogs y/o tendrán algunos links preferidos sobre el tema... Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] menus en css, algo anda mal
Hola, Angel seron escribió: en esta otra muestro como va quedando con css el menu y tambien cuenta con un fondo al pasar el mouse http://www.peruforless.com/default_css.html Si se dan cuenta primero hay un problem con el fondo al pasar el mouse, como es una imagen como que demora un poco, Me acuerdo haber escrito un par de veces a la lista sobre este tema. Te aconsejo que busques en la lista. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problemas en plantilla para newsletter
Citius escribió: Tengo un problema en el html de una plantilla para newsletters. Resulta que al recibir el mail, algunos enlaces me aparecen así: http://periodistasctes.org/?noticia=3 http://periodistasctes.o! rg/?noticia=3 http://periodistasctes.org/?noticia! =2 http://periodistasctes.org/?noticia=2 Es decir, no sé de dónde aparece un '! ' en el código. A mi me sucedió algo parecido y el problema está en el número de caracteres y no en los enlaces. prueba ésto: $base64contents = rtrim(chunk_split(base64_encode($textoemail))); mail ($tuemail, tu subject, $base64contents,Content-type: text/html; charset=iso-8859-1\nContent-Transfer-Encoding: base64\nFrom: .$tuemailfrom.\n\n); En efecto, el problema era al codificar el mail. El código que enviaste funciona de primera, por si a alguien más le sirve. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] problemas en plantilla para newsletter
Hola Citius, Manuel y Martín, Citius escribió: Tengo un problema en el html de una plantilla para newsletters. Resulta que al recibir el mail, algunos enlaces me aparecen así: http://periodistasctes.org/?noticia=3 http://periodistasctes.o! rg/?noticia=3 http://periodistasctes.org/?noticia! =2 http://periodistasctes.org/?noticia=2 Es decir, no sé de dónde aparece un '! ' en el código. A mi me sucedió algo parecido y el problema está en el número de caracteres y no en los enlaces. prueba ésto: $base64contents = rtrim(chunk_split(base64_encode($textoemail))); mail ($tuemail, tu subject, $base64contents,Content-type: text/html; charset=iso-8859-1\nContent-Transfer-Encoding: base64\nFrom: .$tuemailfrom.\n\n); Envío el mail como text/html; charset=iso-8859-1 y pienso que el problema es el que mencionan los tres. Pruebo la sugerencia y les cuento. Si encuentro el link donde aparecía el código y su explicación te lo dejaré por aquí ;-)) Me vendría de diez, aunque ya veré en google qué hay. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] primeros pasos en menu css
Hola, Angel seron wrote: buenas ahora si ya subi camilo pa ver como me ayudas en esta forma mira esta es como quedo http://www.peruforless.com/default_css.html div class=enlacesseccion a href=#About Us/a a href=#Our Philosophy/a a href=#Our Hotels/a a href=#Destination Guide/a a href=#Photo Gallery/a a href=#Peru Facts and Info/a a href=#Peru a la Carte/a a href=#Price Guarantee/a /div Habías avanzado varios casilleros, pero ahora retrocediste un par. Para hacer un menú, la mejor elección desde el punto de vista semántico es poner los enlaces en una lista. Te recomiendo que vuelvas a intentarlo como habías hecho antes. Solucionar el problema de las listas en IE es cuestión de paciencia. Con los comentarios condicionales y la propiedad zoom no falla, sólo que te habrás comido algún paso. en IE se ve bien en Firefox apenas 1 px creo que se ve alto la imagen no si ace falta alli lo que me decias, otra cosa es del fondo que no puedo hacerlo lo hice igual que el tutor que me mandastes pero no me da este es mi *css*haber como se peude anadir alli lo del fondo osea para que no demore al pasar el mouse. Hacelo con la lista, volvé a mandar tu CSS y te muestro qué agregar para que funcione el fondo. Si aceptás otro consejo, tratá de mejorar tu redacción y ortografía porque cuesta entender lo que escribís. Y si encima uno lleva más 12 horas trabajando, hay que tener muchas ganas para interpretar tu problema y responderte. Saludos y suerte, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] primeros pasos en menu css
Hola Ángel, Angel seron wrote: buena que tal estyo comenzando hacer una web en css pero solo eh comenzado por el menu principal de la izq. la pagina ahorita se ve asi en la parte del menu de la izq. http://www.peruforless.com En este ejmplo aplique css solo a la aprte del menu , en este link se ve el resultado http://www.peruforless.com/default_css.html pasa que en firefox se ve muy bien el css del menu pero en IE se ven algo espaciados en cuanto a la altura haver si podrian ayudarme que me falta , este es lo que esta en el html y aca esta el codigo css que hace referencia al menu http://www.peruforless.com/3col_leftNav.css Tenés problemas por dos bugs conocidos de IE. Por un lado, el que mencionás respecto a la altura de los elementos de la lista, que se debe a que IE ignora los /li[1]. En la página del enlace hay alguna solución, aunque yo siempre lo resuelvo agregando: #navegacion li, #navegacion li a {zoom: 1.0; } Esta propiedad es propietaria de explorer, por lo que conviene que sólo él la lea. Para ello podés optar por cargar una hoja de estilos especial mediante comentarios condicionales[2]. El otro problema que tenés en el menú, aunque no lo menciones, es que la imagen de fondo en a:hover tarda un par de segundos en aparecer en IE. Este bug también está documentado[3] y solución. La que yo uso consiste en cambiar un poco la lógica al agregar la imagen de fondo a los elementos implicados. Se entiende mejor con un ejemplo: ul lia href=#Mi opción/a/li /ul En la hoja de estilos, en lugar de hacer... a { display: block; background: url(imagen_normal.gif) top left no-repeat; } a:hover { background: url(imagen_over.gif) top left no-repeat; } ...se hace: li { background: url(imagen_over.gif) top left no-repeat; } a { display: block; background: url(imagen_normal.gif) top left no-repeat; } a:hover { background: none; } Y listo. Espero que te sirva, saludos [1] http://www.quirksmode.org/bugreports/archives/2005/01/Interner_Explorer_completely_ignores_closing_li_ta.html [2] http://www.disenorama.com/tutoriales/css/comentarios_condicionales_pa.htmhttp://www.disenorama.com/tutoriales/css/comentarios_condicionales_pa.htm [3] http://www.quirksmode.org/bugreports/archives/2005/08/backgrond_image_gets_stuck_on_hover.html -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con float
Hola, Éste es un bonito ejemplo de cómo el top-posting dificulta leer todo el hilo, pero de todos modos sigo abajo de todo. Bernat Lleonart wrote: Gracias, ya está solucionado. Un saludo. 2005/12/18, McDave [EMAIL PROTECTED]: Mi apaño sería poner despues de /p y antes del /div un p style=clear:both;/p para que no se colase la imagen fuera del div. On 12/17/05, Bernat Lleonart [EMAIL PROTECTED] wrote: Hola, Tengo este código, y me gustaría saber cómo podría hacer que el border del div activitat envolviera también a la imagen flotada, de manera que esta se viera también dentro del marco. Muchas gracias. !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; html head title.../title meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 style type=text/css .activitat { border: 1px solid #ffab00; margin: 0 0 6em; 0 color: red; } .fotoactivitatesq { float: left; margin: 0 1em 0 0; border: 1px solid blue; } /style /head body div class=activitat h2Titular/h2 img src=imatges/img.jpg width=184 height=148 alt=img class=fotoactivitatesq pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec est augue, dapibus nec, sollicitudin id, ornare id, turpis. Integer et nunc sed dolor vulputate convallis. Nullam lacus lorem, facilisis a, iaculis id, tincidunt quis, leo. Aliquam id elit ut lectus tempor bibendum. Duis at nibh ac odio varius tempor. Mauris molestie./p /div /body /html Aunque esté solucionado el problema, te propongo un par de tips que pueden hacer más elegante tu código. Para conseguir que el div contenedor envuelva a la imagen flotada, basta con agregar overflow: hidden al primero: .activitat { overflow: hidden; border: 1px solid #ffab00; margin: 0 0 6em; 0 color: red; } También cambiaría class por id en el contenedor y eliminaría el class en la imagen. Tu código quedaría así: CSS #activitat { overflow: hidden; border: 1px solid #ffab00; margin: 0 0 6em; 0 color: red; } #activitat img { float: left; margin: 0 1em 0 0; border: 1px solid blue; } HTML div id=activitat h2Titular/h2 img src=imagen.jpg width=184 height=148 alt=img pLorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec est augue, dapibus nec, sollicitudin id, ornare id, turpis. Integer et nunc sed dolor vulputate convallis. Nullam lacus lorem, facilisis a, iaculis id, tincidunt quis, leo. Aliquam id elit ut lectus tempor bibendum. Duis at nibh ac odio varius tempor. Mauris molestie./p /div Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tema de colores
Hola, Josuke wrote: Buenos días compañeros... Estoy buscando un sistema útil para gestionar los colores de un Sitio Web desde un archivo .css. Lo que quería saber es cómo poder establecer unos colores y después usarlos en los estilos cuando sean necesarios. // Por ejemplo color_a = #FF; color_b = #00; body { background-color: color_a } Hay forma de hacer algo así?? Pido disculpas si es una tontería. Tengo entendido que en el futuro CSS soportará el uso de variables, pero no sigo mucho el tema. De todos modos, me parece que podrías hacerlo usando una tecnología de servidor para generar la hoja de estilos on-the-fly. Así de memoria, y cortito para no salirme demasiado del tema de la lista, con PHP podrías hacerlo: ?php header(Contet-type: text/css); $color_a = #FF; $color_b = #00; ? body { background-color: ?php echo $color_a; ? } Espero que te sirva, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Re: XML y XSL - Ambivalence
Martin Szyszlican wrote: Camilo: No adjuntaste el enlace. Perdón, ahí va: http://27sur.com/CMS/ Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Offtopic (estudiar desarrollo web)
Hola, cHiMeNo wrote: Hola! Veo por los mensajes que muchos de vosotros soys verdaderos expertos en esto y me entró la curiosidad. Que estudios habeis hecho? o os habeis licenciado en la universidad de google? jeje. Yo estoy en el primero año de Ing. Inf. de Sistemas y evidentemente de esto no se da nada en clase puesto que vas más orientado a programación. Que posibilidades hay para ampliar mis conocimientos de html/xhtml/css...que no sea a través de web? Gracias a todos, tengo mucha curiosidad :) Que alguien me corrija si me equivoco, pero creo en ninguna Universidad existe la carrera de desarrollo web. Sí hay cursos, pero donde enseñan a usar dreamwever o cosas así, pero eso no es desarrollo web. También están, claro, las tradicionales ingenierías y licenciaturas de informática, sistemas, etc. que involucran sólo en parte a la actividad. Al igual que la carrera de diseñador gráfico u otras relacionadas en el aspecto visual. Creo que lo que pasa es que en el ámbito académico aún no se entiende la especificidad del desarrollo web y lo siguen incluyendo en las áreas anteriores. Me parece que esa situación va a seguir por un tiempo más y que está estrechamente relacionada con la idea de que para hacer páginas basta con saber computación. Es decir que el reconocimiento de esta actividad como una carrera independiente de otras está vinculado a la valoración del desarrollo basado en estándares, entre otras características. Yo insisto mucho con esta idea, tal vez como justificación personal, porque mi formación académica fue como Profesor en Historia y comencé a hacer esto a partir de trabajar como periodista en un portal de noticias. Y para mí también descubrir Ovillo y Accesoweb fue el gran paso para aprender de qué va este tema. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con formularios
Hola, Alejandro Lillo wrote: On 12/16/05, José Kusunoki Gutiérrez [EMAIL PROTECTED] wrote: Hola amigos, Quería pedirles una ayuda y es que no sé por qué es que mis formluarios se ven tan mal http://constantconcept.com/2005/12/15/ecologia-tema-constante/ les pongo las clases y se ven pésimos, alguien me podria dar una mano? ¿Y cómo se tendrían que ver? Tampoco entiendo cuál es el problema, más allá de estás usando small.../small. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Texto completo en una option de combo
Hola, Alec Roche wrote: Hola, Me gustaría saber cómo puedo hacer que las opciones de una combo se vean por completo en IE y no se corte el texto hasta el ancho de dicha combo (fíjate en option 2). Por ejemplo con Firefox despliega la combo hasta el límite del texto. Y por supuesto me gustaría que fuera accesible ;-) No creo que puedas conseguir lo que buscás, porque depende justamente de cómo cree IE que tiene que mostrar las opciones de un select. Mi código es el siguiente: div id=menus div id=mSecundario div class=invisibleh1Menuacute; secundario/h1/div div id=tituloMenuspan id=accDirectosAccesos Directos:/span/div [...] /div Al margen de la consulta, siguiendo el manual Normas de estilo para preguntar en Ovillo, Tomo V, Capítulo 36, te recomiendo que cuando envíes código en una consulta, lo hagas con un fragmento abreviado. Te darás cuenta que interpretar código no es una tarea sencilla, por lo que tendrás mayores posibilidades de obtener una respuesta cuanto más fácil nos la hagas. .invisible{display:none;} También al margen, pero como mencionás más arriba que querés hacerlo accesible, también te recomiendo evitar display: none para ocultar visualmente un elemento, porque también lo estás ocultando para los lectores de pantalla. Además, salvo que vayas a cambiarla con javascript o algo así, no tenés necesidad de usar una clase para hacer lo que podrías hacer así: h1 {height: 0; overflow: hidden; } Espero que te sirvan los consejos, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] alineación vertical
Hola Martín, Martin Szyszlican wrote: Camilo: Al ponerle display:block lo convertís en un elemento de bloque y deja de funcionar el vertical-align Claro, mi confusión y supongo que la de muchos, es tratar vertical-align como text-align. Mientras que ésta se aplica a elementos *de bloque* y determina la ubicación del *contenido* de estos, vertical-align se aplica a elementos *de línea* y determina la posición de éstos respecto al *bloque contenedor*. Entonces, descartando vertical-align y un eventual marcado extra, vuelvo a plantear el problema: En síntesis, cómo puedo alinear verticalmente el texto en: lia href=#Opción/ali li a {display: block; height: 3em; } Hasta ahora uso padding, pero no me satisface del todo, tal vez alguien tiene una técnica sencilla que desconozco. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] alineación vertical
Hola a todos, Quiero hacer algo tan sencillo como centrar el texto dentro de un elemento de bloque o, más exactamente, dentro de un enlace con display: block. Tengo en claro que vertical-align no es aplicable a elementos de bloque, pero no entiendo porqué no funciona al aplicarlo a elementos de línea. En síntesis, cómo puedo alinear verticalmente el texto en: lia href=#Opción/ali li a {display: block; height: 3em; } Saludos, Por cierto, el sábado encontré una manera de solucionar un problema que solía tener en IE al hacer una barra de navegación horizontal con los li flotados y sin una ancho fijo. Si alguien tenía este problema y no encontraba solución, se la envío. -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pagina documentacion CSS
Hola, cHiMeNo escribió: Hola, muchas gracias por los enlaces. En el ultimo enlace: http://javascriptkit.com/dhtmltutors/cssreference.shtml Qué significa la última columna de *Inherited? *Es que no entiendo que es. Gracias Quiere decir si la propiedad es heredada o no por los elementos hijos. Te lo muestro con un ejemplo. div pHola!/p /div div {font-size: 2em; color: white; background: red; } En este caso, p heredará la las propiedades font-size y color pero no background. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema al validar un formulario y una pagina que tenga flash
Hola, Fabian Vargas escribió: Ah mi otra pregunta es como validar una pagina a la que le coloco un flash pues no he podido con sinceridad lei algo en un blog, pero tuve que hacerle un par de modificaciones para que funcionara--- Algun lugar para leer y aclarar esos puntos... Gracias En los archivos de la lista. http://bidwell.textdrive.com/pipermail/ovillo/2005-February/002692.html Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Position absoluta en IE
Hola, Martin Szyszlican escribió: Mi problema es el siguiente: Tengo un div#imagelist con tamaño definido y overflow:auto; Y dentro de ese div, hay otro div, con posicion absoluta, que debe mostrarse fuera del div#imagelist ... esto ocurre perfectamente en Firefox, pero en IE se muestra en la posicion absoluta pero dentro del #imagelist, lo que genera scroll adicional y aprece oculto hasta que no se hace scroll. Entiendo que va a ser dificil que se solucione esto. Pido mas que nada ideas para un workaround. Supongo que el código que enviaste es una versión abreviada, pero ¿es realmente necesario el overflow: auto; ? Sin overflow no debería haber problemas en IE. También podrías probar a meterle zoom: 1.0 a #imagelist y/o .selected. Esto suele hacer que los elementos se comporten mejor con algunas propiedades, y overflow es una de ellas. No se me ocurren otras posibilidades, pero seguramente la solución es tan tonta que no vas a creer cuando la encuentres. Así nomás es el amigo IE. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Pagina documentacion CSS
Hola, cHiMeNo escribió: Puesto que las preguntas que estoy haciendo creo que son elementales, os pediría por favor me dierais un link sobre documentacion de stile y css porque muchas de las preguntas quizás son demasiado absurdas y no encuentro ninguna página. Gracias http://www.sidar.org/recur/desdi/traduc/es/css/cover.html http://www.htmlhelp.com/es/reference/css/ http://www.sidar.org/recur/desdi/mcss/manual/indice.php http://javascriptkit.com/dhtmltutors/cssreference.shtml Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambio cursor
Josuke escribió: style body { cursor: url(ruta_imagen.cur); } /style ¿No sería menos problema dejar el cursor del sistema operativo? Personalmente creo que la costumbre de reemplazar los widgets propios del navegador y/o sistema operativo por otros que creemos más lindos o útiles (cursor, barra de scroll, etc.) debería ser desterrada de nuestro trabajo tanto como la maquetación con tablas o el abuso de flash. Es un opinión, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Sobre fondo de páginas
Hola Fabián, Fabian Vargas escribió: Estimados amigos: Gracias de manera especial a Leandro, Camilo y Ramón por sacar el ratito y ayudarme con mi duda. Lo aplicaré Me han dado una solución muy sencilla para mi caso. De nada. Ahora no se si es abusar, pero creo que Ramòn mencionò la posibilidad de hacerlo dinàmico. Mi server trabaja con php y realmente no sé como se podría hacer... Alguna direccion para leer y aprender sobre el tema... Es un tema muy amplio y depende de la programación de la página. Y por último... En el background se puede colocar una imagen flash? Vade retro, satanás. No, en absoluto, no se puede y no tendría utilidad. Salvo que quisieras enloquecer a tus visitantes. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] un formulario que ge nere una página
Hola, Pablo Rodríguez escribió: Hola a todos, para una página que estoy haciendo tengo que desarrollar un formulario para buscar objetos según tres posibles variables, y que según los valores de esa búsqueda me genere una página con enlaces según los objetos encontrados. Hiciste exactamente la misma consulta en la lista PHP-ES y ni releyendo logro entender qué querés hacer. Tal vez deberías primero pensar en lo que querés hacer y luego plantear las dudas puntuales que te surjan en la lista apropiada. Suerte y saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cambiar fondo de acu erdo a la página
Hola, Fabian Vargas escribió: Hola Amigos: Mi nombre es Fabiàn y soy nuevo en esto del CSS pero me ha impresionado. Esta es mi pregunta: Existe alguna forma de que mi sitio cambie la imagen de fondo de acuerdo a la página en que se encuentre sin tener que escribir una hoja de estilos para cada página? Definitivamente no es necesario escribir una hoja de estilos para cada página. Si el fondo es para el elemento body, en la hoja de estilo tendrás que especificar el selector body con una clase distinta para imagen. body.portada {background: ... } body.seccion {background: ... } body.articulo {background: ... } Luego, mediante la tecnología de servidor que uses para generar la página o manualmente si son estáticas deberás agregar la clase correspondiente en el html. body class=portada body class=seccion body class=articulo Espero que te sirva, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problemas con los divs y los png en IE
Hola, Manuel González Noriega escribió: On 02/12/05, José Antonio [EMAIL PROTECTED] wrote: También tengo problemas cuando intento que dos div's consecutivos uno debajo de otro se me muestren unidos (para que no me cree un corte en la imagen que tienen que componer). En firefox eso no me sucede, ya que se me muestra como quiero que se muestre. Tus divs y tus estilos pueden tener un millón de configuraciones distintas. Como se ha dicho hace poco en la lista, este es el tipo de consultas que intentar solucionarlas sin ver el código relevante entra de lleno en el terreno de la adivinación. Muy cierto lo que dice Manuel. Aunque me animo a adivinar que lo que intentás hacer se parece mucho a utilizar la técnica de image slicing[1], reemplazando las tradicionales celdas de una tabla por divs. Si es así, podrías probar a hacerlo con la técnica de Dave Shea[2]. Y si no, hacele caso a Manuel y seguro vamos a poder ayudar. Saludos, P.D. Buscando ejemplos me encontré con una bonita herramienta[3] que permite a los desarrolladores to protect html documents from unauthorized copying/viewing y otras ventajas tan útiles como prevent page printing o prohibit offline use. [1] http://graphicdesign.about.com/library/tutorials/imageready/blslice.htm [2] http://www.alistapart.com/articles/sprites/ [3] http://www.imagecure.com/html-protect-center.html -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] menu desplegable aparece por debajo de flash en firefox
Hola Inti, Inti Castro escribió: tengo un menu desplegable basado en esa tecnica: Son of Suckerfish Dropdowns @ http://www.htmldog.com/articles/suckerfish/dropdowns/ y por debajo del html del menu esto: object type=application/x-shockwave-flash data=-swf/home.swf width=760 height=351 param name=movie value=-swf/home.swf / param name=wmode value=transparent / /object ... lo raro es que esto solo pasa en firefox. alguna idea de como solucionarlo? Hace un tiempo tuve el mismo problema en http://eltaragui.com.ar/ y creo que lo solucioné, aunque ahora no hay ningún ejemplo donde pueda comprobarlo. El código que usé entonces parece ser el mismo que tenés vos y estoy seguro de que en su momento funcionaba en Firefox. Va una copia para que veas de todos modos object classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0;param name=movie value=publicidad/27_ban_taragui.swf param name=quality value=high param name=wmode value=transparent !--[if !IE] -- object data=publicidad/27_ban_taragui.swf type=application/x-shockwave-flash param name=quality value=high param name=wmode value=transparent param name=pluginurl value=http://www.macromedia.com/go/getflashplayer; /object !-- ![endif]-- /object/div Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: Manden URL, era Re: [Ovillo] ayuda para menu css..por dios
Hola, Hugo A. Valencia escribió: Hola bynet, En muchos de los correos que se envían a la lista existen descripciones confusas para explicar problemas. Creo que una solución que evitaría pérdidas de tiempo y posibles enojos o, simplemente falta de interés en dar una respuesta, sería : Mandar una URL o copiar y pegar el código donde se encuentra el problema. Creo que deberíamos incluso exigirlo antes de responder a correos-e confusos. En css-d es *obligatorio* enviar la url del sitio y de la hola de estilos y me parece lógico, teniendo en cuenta que se trata de una herramienta para presentación *visual* y no se puede trabajar sin *ver* el problema. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] caja flotada a la derecha de un texto, pero estructuralmente poste
Hola stripTM! stripTM escribió: A lo mejor digo una tontería pero si usas javascript podrías cambiar el nodo de posición dentro del documento para que se coloque delante del texto y así poder usar el float: right; sin necesidad de cálculo de alturas. No es ninguna tontería. Creo que no se me había ocurrido, o si se me pasó por la cabeza en el algún momento, no sabría cómo hacerlo. ¿Alguna pista? Saludos y gracias -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] caja flotada a la derecha de un texto, pero estructuralmente poste
Alberto Vázquez Ronco escribió: Hola de nuevo. Muchas veces el tratar de resolver un problema te lleva a dar con soluciones ingeniosas pero tecnológicamente complejas. Pero en realidad, si se hace un replanteamiento de la idea seguro que el problema casi desaparece. Claro. Yo estoy buscando una solución de máxima. Por el momento tengo que conformarme ubicando la caja #fotos antes que el texto, lo que semánticamente no me convence. Hoy tengo el día inspirado y estoy más por la labor de las cosas un poco más complejas así que he desarrollado otro código para el caso de que lo quieras hacer utilizando además javascript. Pues te agradezco mucho la inspiración :) Ventajas: 1. desaparece el problema de la altura de la capa que contiene la foto. 2. Si deshabilitas los CSS todo está perfecto. Desventajas: 1. Si deshabilitas el javascript hay problemas con las fotos que sean de dimensiones más grandes de la que consideres inicialmente por defecto. 2. La compatibilidad con todos los navegadores habría que trabajarla. La desventaja 1. yo creo que se solucionaría asignando la propiedad position mediante javascript. Si lo deshabilito, la caja de fotos aparece por debajo del texto. De todos modos, la principal complicación es que no tengo sólo imágenes en la caja sino también texto y eventualmente algunos enlaces. Prueba el código y quédate con la idea, ya que esto esta pensado para este código en particular sin ver en que entorno pueda aparecer. Sobre todo en un entorno donde aparezcan más imágenes. Creo que ya tengo datos suficientes como para poner manos a la obra y hacer todas las pruebas necesarias. Luego comento qué resultados obtuve. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] caja flotada a la derecha de un texto, pero estructuralmente poste
Hola Alberto, Alberto Vázquez Ronco escribió: Hola Camilo y a [EMAIL PROTECTED]: He preparado un código que a lo mejor te puede ayudar. Va un poco en la línea de lo que tu comentabas de poner un tag inútil delante del texto y utilizar posicionamiento absoluto. Si te fijas también he añadido un id #global para que funcione correctamente el posicionamiento absoluto con diferentes anchos de pantalla. Muchas gracias por la respuesta y la dedicación. Es más o menos la solución que tenía en mente, aunque cierto que un SPAN vacío es más elegante un DIV vacío. De todos modos, el problema es que no puedo prever con certeza la altura de la caja #fotos, salvo que haga algunos cambios a la idea original del diseño. Pensé usar javascript para asignar la altura al elemento vacío (incluso para agregar éste), pero tendría que hacerlo también para el posicionamiento de la caja. Y no estoy seguro de que funcione, porque creo que, si la propiedad height no está definida en la hoja de estilo, al acceder a ella mediante javascript devuelve undefined. Sigo investigando, gracias por la colaboración. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] caja flotada a la derecha de un texto, pero estructuralmente posterior
Hola Marco y todos, Marco Giacomuzzi escribió: Camilo Kawerín: Explico mi problema: quiero lograr una disposición como la que se puede ver en: http://corrienteschamame.com/texto.jpg Marco Giacomuzzi: ¿Y por qué no asignas float: left al marcador P? Gracias por la respuesta, Marco, pero no funciona. Lo que pasa es que al no tener el elemento p un ancho determinado, se ajusta al ancho del contenedor y no deja que la caja #fotos con float: right aparezca arriba. Si nadie tiene una pista de posible solución, creo que voy a optar por darle posicionamiento absolute y agregar un div/div antes del texto flotado a la derecha con las medidas apropiadas para que genere el espacio. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] caja flotada a la derecha de un texto, pero estructuralmente posterior
Hola a todos, Disculpen que hace rato que no respondo y reaparezco con una consulta, pero ando tapado de trabajo. Explico mi problema: quiero lograr una disposición como la que se puede ver en: http://corrienteschamame.com/texto.jpg Pero, con este marcado: div id=contenido pLorem ipsum dolor sit amet, consectetuer adipiscing elit.../p div id=fotos /div /div Es decir, se complica porque no puedo usar float: right, ya que está después del texto, ni position: absolute porque entonces la caja quedaría sobre el texto. Se me ocurren algunas soluciones a medias y poco elegantes, pero sospecho que debe haber alguna manera de resolverlo correctamente. Espero que me puedan ayudar, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] [OT] y si iniciamos una campaña para que mejore nic.ar?
Hola a todos, Disculpen el off topic, pero en la lista participan muchos argentinos y es un foro importante de desarrolladores. Todos los que trabajamos en desarrollo de sitios web en Argentina hemos sufrido algún tipo de inconveniente con el desastroso sistema de registro del network information center argentina (nic.ar). Así que propongo iniciar una campaña para reclamar que lo mejoren. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] explorer ignora z-index
Hola, DJ-Dom escribió: Creo que cuando lo pones en la etiqueta style funciona, prueba y nos cuenta. Saludo, DJ-Dom Gracias por el dato, pero lo estoy haciendo sólo con CSS para navegadores modernos y un pequeño parche javascript para los obsoletos que no soportan li:hover. En el mail anterior iba a enviar el enlace al artículo pero se me pasó: http://www.alistapart.com/articles/dropdowns/ Gracias por responder, pero prefiero dejar el código limpio. Supongo que se puede resolver haciendo los cambios necesarios en la hoja de estilo externa, pero no estoy encontrándole la vuelta y consulto si alguien tiene una pista sobre dónde está la falla de IE en estos casos. Saludos ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] explorer ignora z-index
Hola, maira escribió: Es necesario que sea desplegable? a mi no me convencia mucho lo desplegable y como mi sitio es dinamico, hicimos que las opciones se expandan sólo en el item principal que haces click y desaparezca cuando haces click en otro principal que se expande. Gracias por la respuesta, pero el tema es que el menú ya está planteado así y el sitio terminado, salvo por el error en el estúpido IE. Una de las página donde tengo problemas es: http://anestesiacorrientes.org/?contacto=1 Al desplegarse el submenú de Asociación en explorer aparece detrás de las cajas siguientes. La CSS simplificada del menú es: #navegacion li { position: relative; float: left; width: 8em; z-index: 3; } #navegacion li ul { display: none; position: absolute; top: 22px; left: 0; z-index: 4; width: 10em; list-style: none; } #navegacion li ul li { width: 10em; } #navegacion li:hover ul, #navegacion li.over ul { display: block; z-index: 4; } Y de los divs inferiores: #contacto { position: relative; z-index: 0; float: left; width: 38em; } #datos { position: absolute; top: 0; left: 0; z-index: 1; width: 17em; } Gracias desde ya y saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] explorer ignora z-index
Hola, Juan Garcés Bustamante escribió: Hay dos formas de lograr el truco, hacer desaparecer los selects que están en el área de despliegue del menú o poner un iframe detrás de tu menú para que cubra el select. En realidad, no se trata de selects sino de un menú con listas anidadas. Ahora bien, me encontré un menú que los hace desaparecer, pero si tienes demasiados en la página se torna un poco lento, se llama: jscookmenu, www.cs.ucla.edu/~heng/JSCookMenu/, posee temas y otras cosas bastante útiles. Y es Open Source :-) Gracias por el dato, pero lo estoy haciendo sólo con CSS para navegadores modernos y un pequeño parche javascript para los obsoletos que no soportan li:hover. En el mail anterior iba a enviar el enlace al artículo pero se me pasó: http://www.alistapart.com/articles/dropdowns/ Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] explorer ignora z-index
Hola a todos, Como siempre, tengo un problemita con el amigo Internet Explorer. Hice un dropdown menú basado en el suckerfish[1] y funciona todo perfecto, pero no logro que el menú desplegado aparezca por encima de dos divs con posicionamiento absoluto y relativo. Usé z-index desde 0 (para los que deben aparecer abajo de todo) hasta 4 (para el menú desplegado) pero no hay caso. ¿Alguien tiene alguna pista sobre cómo se soluciona el problema? Si hace falta, después envío la url y parte del código, porque ahora ya cerré todo y estoy demasiado cansado. Saludos y gracias -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Columnas de altos iguales- con un pero
Hola kemie, kemie guaida escribió: Hola ovilleros, Estoy en un dilema. Necesito hacer la maquetacion de un sitio con 3 columnas que tengan el mismo alto. Hasta aquí no habria ningún problema, podría utilizar faux columns, height 100% o incluso javascript. Pero el esquema de la maquetacion es este: http://pixilate.com/dreamless/layout.gif por lo que col 2 y col 3 no deben de estar al 100% ni ser del mismo alto que col1. La opcion que me quedaría es utilizar faux columns, pero mi idea era maquetar con medidas relativas para que los contenedores se expandan con el tamaño del texto. Alguien sabe de alguna tecnica para poder hacerlo? Hice algo parecido en http://textilmandiyu.com/ aunque usando al menos un div extra. En tu caso, se podría hacer usando un par de div más de lo mínimamente necesario para maquetar el sitio, lo cual últimamente no me parece el pecado. Te explico mi idea: div id=cont1 div id=header /div div id=cont2 div id=col1 /div div id=intro /div div id=cont3 div id=col2 /div div id=col3 /div /div /div /div Y en la CSS, aparte de las propiedades para maquetar el conjunto, cada #containerN con una imagen repetida para simular el fondo de cada columna: #cont1 {background: url(imagen_col1) 0 0 repeat-y; } #cont2 {background: url(imagen_col2) 15em 0 repeat-y; } #cont3 {background: url(imagen_col3) 45em 0 repeat-t; } Nota 1: 15em y 45em son ejemplos de medidas relativas de la ubicación de cada columna respecto al margen izquierdo. Nota 2: las imagenes deberían ser más anchas que cada columna que representa para cuando el layout se agranda. En síntesis, la idea es que los fondos se desplacen hacia la derecha según el ancho cada columna, se superpongan y se repitan de arriba a abajo. Nota 3: se me acaba de ocurrir que si desearas agregarle un borde a cada columna para simular cajas, el borde derecho de col1 debería estar en la imagen de col2 y el desplazamiento del background debería ser menor. Pero esto implicaría agregar un nuevo div con una cuarta imagen, para hacer el borde derecho de col3. En fin, espero que se entienda explicado así en el aire. Si la idea resulta interesante, ya tengo un nuevo artículo en carpeta para mi futuro blog, jeje. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] sobre validacion
Manuel J. Recena Soto escribió: Hola Camilo: Claro que esto sirve más para ir controlando paso a paso que el código valide, porque después de tener el trabajo más o menos listo hay que hacer una revisión en el validador del w3c para chequear algunos errores que Tidy se pasa por alto. ¿Qué tipo de errores se pasa por alto? Tenía entendido que W3C HTML Validator hacía uso de la misma librería, Tidy. Cuando ponés elementos de formulario, como inputs, sin un elemento de bloque que los contenga (a excepción del form, claro) el validador del w3c te marca error (o tal vez warning) mientras que el validador de firefox basado en Tidy, no. Es un ejemplo, no me acuerdo de algún otro. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] sobre validacion
Hola, Pablo escribió: Si utilizas firefox como navegador, puedes instalarte una extensión llamada web Developer que entre otras muchas opciones tiene las de validación web, tanto para archivos online, como para archivos locales. Firefox: Herramientas --Extensiones --Obtener más extensiones Y una vez abierta la web de adonis de mozilla, buscas web Developer, y te aparecerá. También podés instalarte la extensión de Firefox basada en Tidy, que te muestra un bonito ícono verde en una esquina del navegador cuando la página valida. Claro que esto sirve más para ir controlando paso a paso que el código valide, porque después de tener el trabajo más o menos listo hay que hacer una revisión en el validador del w3c para chequear algunos errores que Tidy se pasa por alto. Espero que te sirva, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] ¿Texto en medidas relativas o absolutas?
Hola Pablo y todos, Pablo Impallari escribió: Yo prefiero los tamaños fijos en pixeles para los textos. Mi experiencia es que la mayoria de los clientes/usuarios que no son expertos, tienen sus navegadores seteados con tamaños de textos mayor o menor, sin saber siquiera que esa funcion existe o que pueden cambiarla a gusto. Supongo yo, tal ves equibocadamente (o tal ves no) que alguna ves hayan experimentado con esa funcion en alguna web que tenia tamaños fijos, y al no notar cambios lo dejaron seteado en cualquier tamaño y luego se hayan olvidado... entonces al encontrar una web con tamaños relativos creen que lo que esta mal es al web y no su navegador. El usuario experimentado no tiene problemas en aumentar el tamaño si lo desea, y las personas cortas de vista (o por lo menos las 3 que yo conozco) usan programas que funcionan como un zoom de la pantalla, dado que no solo ven chicas las letras de las webs, sino la de cualquier otro programa que utilizan en su maquina. Obviamente esto no es lo politicamente correcto... pero creo que en la practica se da de esa manera, y si bien esta en nuestras manos como diseñadores hacer que esta realidad cambie, la verdad es que las veces que use tamaños de textos relativos tube quejas de los clientes.. asique ahora utilizo tamaños fijos, siempre. Entiendo tu postura y yo también tuve problemas en ese sentido, pero me parece que por ese camino vamos derecho a una web aún peor que la que intentamos superar los que decidimos trabajar siguiendo estándares. Digo esto porque personalmente creo que usar px en la hoja de estilos para el texto es peor que la etiqueta font, en la que los valores del atributo size son relativos. Por ejemplo, un portal de noticias[1] donde trabajé como periodista tiene un código desastroso, pero el uso de font en los textos permite cambiar el tamaño del texto desde el navegador. Y durante el tiempo que tuve relación con el sitio, nunca hubo quejas de usuarios porque el texto fuera muy chico o muy grande. Es cierto que existe un problema por la falta de conocimiento de los usuarios de las posibilidades que ofrece su navegador, pero me parece que acentuar ese desconocimiento es el peor camino. Saludos [1] http://www.momarandu.com/ -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] altura 100%
Hola Adriana, Adriana Pertierra escribió: Una pregunta ¿por qué? Cuando tengo mas de una y de dos y de tres e incluso de cuatro capas con float:left dentro de la misma capa no consigo que sus alturas sean 100% y van cada una por libre. No entiendo exactamente cuál es el escenario que describís, pero tené en cuenta que las medidas en porcentaje para las propiedades width o height refieren a la caja contenedora. Si ésta no tiene especificadas tales propiedades, no hay referencia posible y todo se complica. En fin... tal vez la especificación te ayude más: http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#the-height-property Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] duda de posiciones absolutas
Hola, Si podés fijar la altura de los elementos, me parece que el posicionamiento absoluto puede ser incluso más práctico que usar float. Saludos Versura escribió: Camilo, lo que indicas abajo sobre posicionamiento absoluto ¿sería la única objeción? ¿qué otros inconvenientes existen para el posicionamiento absoluto en el caso de que se tenga control total sobre los contenidos y su extensión? gracias por anticipado. -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com Recuerde *RESPONDER* a este mail, así puedo hacer un seguimiento de la conversación. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Re: Propuesta: traducción bugs
Hola a todos, Yo creo que es más ordenado que cada uno reserve su bug preferido en el mismo wiki, porque aquí en la lista los mensajes se mezclan con otros tópicos. Saludos y felicitaciones por la iniciativa DEL AMO MATEOS, DAVID escribió: Yo voy a traducir el de border Chaos. Un saludo, David del Amo Mateos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar Contenedor desde IE
Hola, [EMAIL PROTECTED] escribió: Te faltaria un text-align:center en la etiqueta body, y un text-align:left; en Los text-align son necesarios para centrar el contenedor en IE 5, pero en IE 6 lo correcto es margin: auto; Si no funciona es porque te falta el DOCTYPE completo y la página no está en estándard mode. Te conviene completarlo, porque aunque logres centrar el contenedor con text-align, vas a tener problemas con el modelo de cajas. Espero que te sirva, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] button + img + rollover
Hola a todos, Estoy intentando hacer un rollover en una imagen que se encuentra dentro de un button. Explorer no tiene problemas con los eventos onmouseover y onmouseout, pero para Firefox es como si no existieran. ¿Existe alguna solución para este problema? ¿Alguien tiene alguna pista? Gracias desde ya y saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] button + img + rollover
Hola kemie, kemie guaida escribió: Yo lo he hecho con CSS, usando el atributo :hover, y añadiendo a Ie soporte para este atricuto atraves de un behavior (.htc) Se me hace mas limpio y sencillo. Es verdad, es más limpio. Pero al colocar la imagen en un img la puedo redimensionar poniendo sus medidas en em, algo que en algún momento evalué como una ventaja interesante. Sin embargo, button da muchos problemas y me parece que sería hora de buscar mejores maneras de hacer un botón de submit bien presentando. Gracias y saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Como insertar un fla sh siguiendo los estándares lo mejor posibl e
Hola Igor, Igor Ormaetxebarria escribió: Hola lista, un amigo me ha pedido que le meta en un html su CV hecho en flash, y quiero hacerlo lo más estandar y accesible posible (dentro de las limitaciones del flash, claro). ¿Poner un CV en flash? ... nunca vas a lograr que sea accesible. Ahora, para insertarlo y que la página valide, buscá flash en los archivos de la lista y vas a encontrar varios hilos donde se habló del tema. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] onload... focus
Hola Maira, maira escribió: body onload=document.getElementById('username').focus(); Otra forma es poner en un archivo javascript: window.onload = function { document.getElementById('username').focus(); } Hace lo mismo, pero te deja el código más limpio. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] [OT] reproductor de mp3 en flash
Hola a todos, Tengo que inscrustar un reproductor de mp3 y antes que hacerlo con un Media Player prefiero un reproductor flash. Encontré reproductores de video flv pero no de mp3, por lo que recurro a la lista. Tendría que ser de código abierto, para poder modificar la apariencia. Gracias desde ya, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] hojas de estilo para impresión, ufff!
Hola Inma Gracias, por ahora voy a probar con tus recomendaciones y voy a leer el artículo de Diego. Si encuentro algún problema en particular vuelvo a recurrir a la lista, saludos Inma Bermejo escribió: Supongo que tendrás que maquetarla exactamente igual que la tienes, pero especificando los tamaños en pt para las fuentes y en cm o % para las div, no sé, yo normalmente para impresión maqueto así, (eso sí, ocultando cosas como el menú y todo eso). -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Hola Inti, Inti Castro escribió: disculpen que no me ponga a responder con detalle pero ando con muchismo trabajo y no tengo mucho tiempo. Yo tampoco tengo mucho tiempo y aunque el tema es interesante y da para mucho, respondo acotadamente también. en cuanto a tema volanta/antetítulo el meollo del asunto es que en mi caso en particular no tengo que adaptar una noticias a formato web sino mas bien con el formato web reproducir lo mas fielmente posible la estructura del papel. el cliente fue muy especifico al respecto y lamentablemente son mis limitaciones en este proyecto en particular. por eso la idea de que si saco la hoja de estilos visual (o aural) la volanta aparezca por debajo del titulo es algo que tengo que evitar, al menos en este caso. En este caso se me ocurre que, en principio, deberías hacerle entender al cliente que la web es *otra cosa* y por lo tanto no se la puede tratar como al papel. Hace unos días me pasó algo parecido, le expliqué eso mismo a mi cliente y entendió. Y con decir otra cosa no tenemos que quedarnos en no, no se puede hacer como en el papel sino al revés, porque la web brinda muchísimas posibilidades que el papel no (y no me estoy refiriendo a meter todas las fotos de un artículo en una película flash :S como me preguntaron hace poco). Como decía antes, la volanta no se lee antes del título (o al menos no debería ser necesario si el titulado está bien escrito) por lo que no me cierra que deba estar antes, aún con la hoja de estilos desactiva. De todos modos, se trata de que tu cliente elija entre tener un documento semánticamente bien formado o un documendo parecido a los que hacíamos tiempo atrás, pero sin tablas. igualmente aclaro que la volanta no debe aparecer en italica y que la bajada tampoco en negrita. por lo que em y strong no los uso para lograr italicas y negritas sino para dar mas enfasis a ps que sino serian uno mas del montón. con los recursos limitados que tengo es lo que puedo hacer. Más allá de lo que decía Manuel, que strong es como si estuvieras gritando, me parece innecesario que quieras dar énfasis a los p porque la redacción del texto que contengan hará que no pasen más como unos más del montón. el uso del br / en una firma como la que necesito yo es comparable a la poesia. de la misma manera que uno no puede poner versos uno al lado del otro tampoco puede poner: Fulanito de tal Vice-presidente de Empresa Falsa Lunes 15 de febrero de 2004 sino que es mejor: Fulanito de tal Vice-presidente de Empresa Falsa Lunes 15 de febrero de 2004 Yo lo haría: pspan class=nombreFulanito de tal/span, span class=cargoVice-presidente de Empresa Falsa,/span span class=fechaLunes 15 de febrero de 2004/span/p span {display: block; } Con la propuesta de Ramón ahorrábamos código, pero a mí me gusta creer que el atributo class dice bastante más que el estilo que queremos darle al texto y es información semántica. Y ahora vuelvo al trabajo, Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Hola Inti, Inti Castro escribió: puede mejorarse, segundo intento: pemVolanta o antetítulo/em/p h1Titulo principal/h1 pstrongBajada/strong/p pCopete, lead o entrada/p pCuerpo del articulo/p h2Títulos interiores o subtitulos/h2 la volanta en si no es un titulo (no subordina contenidos), tampoco es un parrafo por lo que ni hN ni p son realmente elementos correctos. subordinarla al h1 estaria bien si uno cuenta con el posicionamiento de css y puede colocarla visualmente antes que el titulo pero screenreaders, celulares y browsers sin soporte para css TIENEN que renderizarla antes que el titulo sino dejaria de cumplir su objetivo. por eso, ante la carencia de mejores alternativas la marco con un p y le doy un póco de énfasis (em) para que no pase como un párrafo mas. Creo que la complicación se debe a que estás convencido de la volanta debe ir antes que el título. En realidad, en un artículo periodístico bien escrito, para entender la noticia, la volanta debe ser prescindible. Además, la lectura no comienza por allí sino por el título; justamente para eso lo ponemos en una tipografía más grande que el resto del texto de la página. La volanta es una herencia del periodismo gráfico, que por mi parte creo que puede obviar en periodismo digital. No puedo explicar en profundidad porqué, porque necesito tiempo para estudiarlo mejor, pero hay que tener en cuenta que el diario de papel y el diario digital se leen distinto. En síntesis, si ponés volanta, debe ir con p a continuación del hn correspondiente. También deberías obviar el em porque no es necesario enfatizar el texto. la bajada no es un párrafo común sino que es un resumen de todo el cuerpo del articulo. tampoco subordina contenidos asi que descarto los hN. nuevamente me quedo sin opciones y uso p. en este caso agrego strong para enfatizar. despues de todo uno podria leer solo la bajada y saltearse el resto del articulo. este parrafo tiene que tener importancia. La bajada es un párrafo, no hay vuelta que darle. En cuanto al contenido de la bajada, según el estilo de redacción puede ser un resumen, como en el periodismo gráfico, o directamente la cabeza de la noticia. También porque la lectura es diferente, creo que la tendencia en medios digitales es la segunda. Por otra parte, tampoco necesitás strong, porque la bajada se destaca sola, por ser el primer párrafo del texto o estar en la portada. Más bien, depende de la redacción que sea efectiva en invitar al lector a seguir leyendo. el copete no es mas que el primer párrafo del cuerpo al que se le pueden dar estilos visuales pero semanticamente es igual al resto del cuerpo. No he visto muchos medios digitales que diferencien copete de bajada, por lo que se suele llamar de las dos maneras a lo que más arriba llamábamos bajada. tomando la estructura anterior podemos, ahora si, agregarle bloques lógicos y clases: div class=articulo p class=volantaemVolanta o antetítulo/em/p h1Titulo principal/h1 p class=bajadastrongBajada/strong/p p class=copeteCopete, lead o entrada/p pCuerpo del articulo/p h2Títulos interiores o subtitulos/h2 /div a esta misma estructura se le puede agregar la informacion de la seccion a la que pertenece, el autor, la fecha, etc.: h1sección/h1 div class=articulo p class=volantaemVolanta o antetítulo/em/p h2Titulo principal/h2 p class=bajadastrongBajada/strong/p p class=copeteCopete, lead o entrada/p pCuerpo del articulo/p h3Títulos interiores o subtitulos/h3 p class=firmaAutorbr /Fecha/p /div Una última acontación: creo que te conviene usar h1 para el nombre del sito y no para el título de la noticia. Y el nombre de la sección, si la página es del artículo, subordinado al título, con p class=seccion/p. Parece que esto va a seguir, y está interesante. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] estructura semantica ideal de un articulo de diario online
Hola Inti y todos, Inti Castro escribió: tengo que armar la plantilla de una articulo para una revista online y me puse a ver como marcaban semanticamente diarios como lanacion.com.arhttp://lanacion.com.ar, clarin.com http://clarin.com e infobae.com http://infobae.com pero ninguno de los tres sitios tiene algun tipo de marcado semantico que me parezca correcto. en todos los casos con la hoja de estilos desactivada el texto se mezcla todo y deja de entenderse facilmente que es titulo y que parrafo. La estructuro que uso casi siempre es: Página de la nota: div id=nota h2Título/h2 p class=bajadaLorem ipsum dolor sit amet/p p class=seccionAgro/p p class=fecha31 de diciembre/p pLorem ipsum dolor sit amet... /p pLorem ipsum dolor sit amet... /p pLorem ipsum dolor sit amet... /p /div Lista de notas: h2Sección/h2 div class=nota h3Título/h3 p class=bajadaLorem ipsum dolor sit amet/p p class=seccionAgro/p p class=fecha31 de diciembre/p /div También suelo usar una lista de definición para sección, fecha, autor. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] RollOver con una sola imagen
Hola Edu, Alejandro Lillo escribió: Básicamente, la idea es, por ejemplo: tenemos un menú con botones de 160x25 píxeles. Creamos nuestra imagen de 160x50 px y los dos estados del botón en ella. Al crear los vínculos del menú, los definimos como bloques, con el tamaño adecuado, y controlamos la imagen a mostrar con el background. Algo así como: Aunque en los links que te pasaron vas a encontrar buen material, agrego a la explicación de Alejandro la solución al bug de explorer: a { display: block; width: 160px; height: 25px; background: url('imagen.gif') 0 0 no-repeat; } li { background: url('imagen.gif') 0 -25px no-repeat; } a:hover { background: none; } Suponiendo, claro, que tu menú está basado en una lista. Creo que se entiende sin mucha explicación: cuando pasás el mouse desaparece el fondo del a y se ve el que ponés en li. Espero que te sirva, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tabla dentro de un form
Hola Ángel, Angel Cervera Claudio escribió: Hola a todos. Muestro una tabla de resultados y necesito que en una de las columnas se pueda meter una cantidad. Después hay un botón para hacer el submit. Yo lo haría así: form action=/actualizar method=post legendResultado/legend input type=hidden name=idP value=323/ labelNuevo valor Elenmto1input name=elem_1 value= class=cantidad maxlength=5//label labelNuevo valor Elenmto2input name=elem_2 value= class=cantidad maxlength=5//label labelNuevo valor Elenmto3input name=elem_3 value= class=cantidad maxlength=5//label pa href=#Siguiente pagina/a/p input type=submit/ /form No sé si me olvido de algo, pero creo que es mucho menos código que el que estabas usando, además que creo que más semántico. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Por qué no crear una lista de opinión para discutir y valorar los diseños webs
Hola a todos, Manolo Castillo Sánchez escribió: Pues creo que en el asunto lo dejo todo bien claro. Ante la avalancha de peticiones por parte de esta nuestro lista, de pedir consejo sobre los diseños que vamos generando a golpe de teclado, creo que podríamos montar una lista. Estaría bueno crear una serie de listas paralelas para tratar temas que muchas veces son off-topic en esta lista, por ejemplo: [EMAIL PROTECTED] para hilos como Reuniones de Ovillo [EMAIL PROTECTED] para hilos como presupuestar armado de xhtml+css [EMAIL PROTECTED] para pedidos de opiniones y/o pruebas en distintos navegadores y sistemas Es sólo una idea ;) Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] RE: CSS en flash
Enrique Ortiz Castro escribió: Hola Camilo y Raúl, Muchas gracias por sus comentarios y los enlaces para averiguar sobre ello. Cuando pregunté sobre CSS en Flash, era justamente porque encontré textos como el que indica Raúl sobre el uso de CSS y AS2, pero se me hizo leer en chino. Le estoy dedicando el tiempo para aprender más porque considero también que en el futuro, posiblemente, sea el paradigma xml+css+flash. Si entendí bien lo que indicaba Raúl, existe la posibilidad de importar una hoja de estilos en una película flash para facilitar la modificación del formato del texto. Ahora, según la expecificacón, xml no reemplaza a (x)html. En todo caso, si no me equivoco, con xsl podemos transformar un documento xml en (x)html y darle presentación. Por último, me parece que reemplazar javascript por flash sería un retroceso. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] CSS en flash
Hola Enrique, Enrique Ortiz Castro escribió: Hola a todos, soy nuevo en la lista, trabajo como diseñador y estoy aprendiendo a programar, me interesa mucho conocer el uso de CSS en FLASH, qué tan recomendable es, y también estoy aquí porque quiero aprender sobre el XML que no lo entiendo muy bien (disculpen la ignorancia), por favor si me pueden orientar sobre ello se los agradecería mucho. Un par de aclaraciones: - CSS no tiene ninguna aplicación en flash, así como el dulce de leche no tiene ninguna aplicación en el asado; - CSS es una tecnología creada para agregar presentación a (X)HTML; sería lo que el dulce de leche es al alfajor; Esta lista te va a servir mucho para aprender sobre el tema, pero antes deberías buscar algún material que te aclare mejor el panorama. Basta con buscar CSS en google para encontrarlo, empezando por la especificación: http://www.sidar.org/recur/desdi/traduc/es/css/cover.html Sobre XML hay una lista creada hace poco: http://torresburriel.com/mailman/listinfo/xmlxsl_torresburriel.com Espero que te sirva, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OFFTOPIC: presupuestar armado de xhtml+css
Hola Inti y todos, Inti Castro escribió: estaria interesante que quienes trabajen en maquetación con xhtml+css indiquen que cifras manejan mas o menos en el mercado argentino, asi vemos si hay un piso en común o si en realidad todos terminamos cobrando en base a quien sea el cliente. Pensando justamente en ese tipo de problemas, el año pasado se formó una lista de correo que después no tuvo futuro: [EMAIL PROTECTED] Ahora no sé si ya no la cerraron, pero la idea era poder discutir desde las tarifas a cómo difundir en el país la importancia del desarrollo basado en estándares, especialmente entre los interesados. Si se prenden, podemos armar algo, un wiki o una lista de correo. Aunque lamentablemente hasta ahora no vi prosperar ningún intento de los realizado hasta ahora. Será que estamos todos muy enfrascados en nuestras ocupaciones. A ver si esta vez sale algo. Saludos, -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OFFTOPIC: presupuestar armado de xhtml+css
Hola de nuevo y disculpen, La dirección que debía enviar es: http://ar.groups.yahoo.com/group/wsg-ar/ Ah, y sigue abierta. Entre los miembros aparece un tal [EMAIL PROTECTED], me suena conocida esa dirección :D Saludos Camilo Kawerín escribió: Pensando justamente en ese tipo de problemas, el año pasado se formó una lista de correo que después no tuvo futuro: [EMAIL PROTECTED] -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a [EMAIL PROTECTED] Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Menú expandible... no desplegable...
Hola Maira, maira escribió: Hola a todos. Les cuento, hace un par de meses (cuando tenía menos idea que ahora lo que era el xhtml y los css) hice un menú desplegable. El mismo está en: http://www.vykus.com.ar/menus/lateral/lateral.html Después de mucha lectura no quiero utilizar un desplegable en el sitio que estoy desarrollando, quería ver si alguien me puede decir como transformar este menú con php de forma que quede como la imagen que está en la misma página de antes, por debajo del desplegable. El menú desplegable que estás usando es puro CSS, por lo que no le veo mayores inconvenientes. Lo que quiero exactamente es que al hacer click sobre un item del menú, la página carque nuevamente, y se expandan por debajo del item en cuestion sus subitems... quedando marcado de forma diferente el item principal y el subitem seleccionado. El problema sería como hacer que los items que están por debajo de los subitems que aparecen, se corran hacia abajo a la nueva posición que les corresponde. Si la página se recarga, con ayuda de PHP podés hacerlo de muchas formas. Básicamente, generando sólo el código xhtml que corresponde a la subsección en que hiciste click. No sé si te servirá, pero algo así hice en esta página: http://textilmandiyu.com. Probá a hacer click en Club o Historia para verlo. Seguramente ya le vas a encontrar la vuelta, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] alineacion de imagen
Tenés razón, Inti. La verdad, no tengo idea de dónde me venía la confusión. Saludos, y gracias por la aclaración. Inti Castro escribió: On 8/12/05, Camilo Kawerín [EMAIL PROTECTED] wrote: que yo sepa, no existe el valor middle para vertical align. http://www.w3.org/TR/CSS1#vertical-align http://www.w3.org/TR/CSS2/visudet.html#propdef-vertical-align http://www.w3.org/TR/CSS21/visudet.html#propdef-vertical-align inti castro [EMAIL PROTECTED] -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Ayuda con Css
Hola Judith, Judith De Argentina escribió: ESTE ES EL HTML: html head title HOJA DE PRUEBA /title link rel=stylesheet type=text/css href=c:\estilos.css /head body table thTODO CANJE.. donde conseguis todo lo que necesitas!!!/th /table pEncontra todo lo que buscas aca, contactanos y enteratebr TODO CANJE, una posibilidad nueva en la red../p table trtd align=centerOpcion1/td/tr trtd align=centerOpcion2/td/tr trtd align=centerOpcion3/td/tr /table /body /html La primera tabla que usás, si es para poner un título en la página, deberías reemplazarla por h1 http://html.conclase.net/tutorial/html/3/6 En el párrafo de abajo, si necesitás dos líneas, usá dos elementos de párrafo en lugar de un br para dividirlo. Y las opciones te conviene hacerlas con una lista desordenada, como te explicó Fernando en el mail anterior. ESTE ES EL CSS: TABLE{ TD { width:100%; background-color: ff; text-color: 00; text-align: center; font-family: catchup; font-size:15pt; } } P { font-family : verdana,arial; font-size : 14pt; text-align : center; } TABLE{ TD{ border-width: 1pt; width:20%; background-color: 66FFCC; } La razón por la que la página te muestra sólo partes de la CSS se debe a que estás usando mal los selectores. La forma correcta sería, por ejemplo: table td { aquí tus propiedades } De esa forma, las propiedades se aplicarán a las celdas dentro de una tabla... aunque en ese caso podríamos prescindir de indicar el contexto, porque una celda siempre estará dentro de una tabla. No sé qué manuales leíste, pero en la web vas a encontrar de todo y hay algunos que se quedaron en Front Page. Si te interesa desarrollar páginas siguiendo los estándares web, te recomiendo visitar estos sitios: http://html.conclase.net/ http://www.danielclemente.com/html/ http://www.htmlhelp.com/es/reference/css/ http://www.sidar.org/recur/desdi/mcss/manual/indice.php Además, éstas son las especificaciones de HTML y CSS: http://html.conclase.net/w3c/html401-es/cover.html http://www.sidar.org/recur/desdi/traduc/es/css/cover.html Y por supuesto, seguir participando en Ovillo. Nota al margen, respecto a lo que comentabas en tu mail. Si bien un trabajo es un trabajo, yo te recomedaría que antes de comprometerte a hacer algo, te armes de paciencia y te tomes el tiempo necesario para aprender a hacerlo correctamente. A la larga, te será más redituable tener práctica y saber responder apropiadamente a lo que te pidan que embarcarte de una a hacer un trabajo que no dominás. Es un comentario personal, que espero no tomes a mal. Suerte y cualquier duda, aquí estamos para aprender. -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] alineacion de imagen
Hola, Renso Vargas escribió: la solucion para alinear la imagen con el input text es usando el atributo de la imagen align, o en su defecto usando en css el atributo vertical-align:middle, por defecto este valor esta en top y sus otro valor es bottom. Si lo hacés con el atributo align estás haciendo todo lo contrario a lo que querías según tu primer mail a la lista. Por otra parte, que yo sepa, no existe el valor middle para vertical align. sin embargo la alineacion no es perfecta. esto se puede mejorar??? Por experiencia sé que es bastante frustrante intentar colocar elementos de formulario en el lugar exacto donde queremos. De todos modos, creo que se resuelve bastante más fácil tratándolos como elementos de bloque. En tu caso, podrías hacer: form input, form img {float: left; } Con esto conseguís dos cosas: se alinean uno al lado del otro y pasan a ser elementos de bloque. El paso siguiente sería variar el margen de cada uno hasta lograr que queden exactamente a la misma altura. Espero que sea de ayuda, saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] IE + position: absolute + imagen de fondo = vanished!
Hola Alejandro, Alejandro Lillo escribió: On 8/2/05, Camilo Kawerín [EMAIL PROTECTED] wrote: Hola a todos, Estoy a punto de llorar de la impotencia. Llevo una hora intentando hacer que la porquería de IE 6 me muestre el dl con position: absolute en esta página: http://ar9.toservers.com/regionnortegrande.com/index.php?noticia=3406 ¿Lo arreglaste no? Yo lo veo bien tanto en FF como en IE6/win. Eso si, cuando pasas el ratón sobre Quienes somos se desplazan los elementos inferiores. Aunque parezca increíble, se arregló solo. Un día volví a verlo y no desaparecía en IE. Lo mismo pasaba con una página que alguien envió hace unos días en donde desaparecía un elemento con posicionamiento absoluto, aunque otros listeros lo veían correctamente. Cosas de IE, vaya uno a saber. Lo del Quienes somos voy a revisar, gracias. Saludos -- Camilo Kawerín 27Sur comunicación diseño http://www.27sur.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Maquetear este site
Hola, no pude ver tu archivo porque el hosting pide que me loguee. Además, el nombre del archivo gif me parece que tiene un caracter incorrecto. jota2 escribió: hola, Ovillo, soy un poco novato en css, pero con muchas ganas de aprender, y me gustaria maquetear este site, el site tiene esta estructura: http://www.ripway.com/members/getfile.asp?file=\maqueta%2Egif ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo