[Ovillo] [OT] Cómo hacer preguntas de manera inteligente
Hola a todos, este hilo viene a colación del pequeño flame creado en el hilo Drupal 7. Quiero compartir con todos este enlace: Cómo hacer preguntas de manera inteligente [1] Yo entre en la lista en 2004 y alguien compartió este enlace entonces, a mi me hizo comprender como y porqué estas listas funcionan espero que ayude. Ovillo empezó cuando crear webs con estándares no era lo normal, si no la novedad, las webs se maqueaban con tablas por aquel entonces, Flash se usaba por doquier y el libro de Zeldman Diseñando con Estandares Web acababa de ser publicado, por lo que centrar el topic de la lista en Estándares Web tenía sentido, no creo que lo tenga ahora y me parece bien que se hagan preguntas relacionadas con el desarrollo de front-end en general. En mi opinión, cómo integrar HTML en un CMS viene a cuento, pero esto es solo mi opinión y ademas probablemente un OT de mi propio hilo. El problema no fue el qué si no el como; la pregunta de Lucia y la mayoría de las que ha hecho en estas últimas semanas, demuestran muy poco respeto por nuestro tiempo, conocimientos y ganas de ayudar. Mereció un STFW (si no entiendes lo que significa STFW necesitas leer mi enlace). A mi sinceramente me han dado ganas de dejar Ovillo después de todos estos años. No lo he hecho, y en vez he preferido compartir este enlace con todos como alguien lo compartió conmigo cuando yo no entendía. Por favor, leedlo si no lo conocéis. [1] http://www.sindominio.net/ayuda/preguntas-inteligentes.html Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper ___ 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] Buenas practicas en grupos de trabajo
Hola, aparte de git, que es fundamental, yo os aconsejaría: 1. Acordar unas convenciones de estilo, como estas [1] pero que os gusten a todos, porque cada desarrollador tiene sus ideas 2. Distribuir el desarrollo de elementos comunes (clases que todos vais a usar, se deben desarrollar al principio) 3. Dividir el trabajo en bloques de contenido, idealmente de no más de 2-3h de desarrollo 4. Reunión diaria (tipo scrum) del equipo para distribuir diariamente los bloques a desarrollar por cada uno y comentar el código escrito (brevemente) para asegurarse de que nadie usa el mismo nombre para dos clases distintas y cosas por el estilo 5. Tratar de acordar unas convenciones de nomenclatura 6. Comentar el código, porque lo que es obvio para ti hoy, no lo es para ti en el futuro, mucho menos para tus compañeros Seguro que hay más, pero si consigues cumplir estas vais a ser un equipo feliz. Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper [1] https://github.com/necolas/idiomatic-css El 04/09/2012, a las 10:50, CHK Webmaster escribió: Además del uso del Git, se me ocurre que es una buena idea estandarizar la manera de estructurar (orden, identación, nomenclatura) en los ficheros CSS. De modo que cualquiera del equipo pueda modificar cualquier fichero fácilmente; y evitando que se distinga de quien a codificado cada fichero. Son pequeños detalles, pero a la larga se notan. 2012/9/4 Manuel Canga - Latrasweb.net i...@latrasweb.net Como complemento al buen consejo que te han dado de Git, sería: - Usar metodologías ágiles: Kanban, scrum o lean. - Si hay trozos de código de programación usar un sistema de plantilla ( aunque para esto siempre hay debate ) pero facilita el trabajo en equipo. Aprovecho un huequesito de este hilo para dar las gracias a todos los compañeros por la ayuda que me brindaron la semana pasada. El 04/09/2012 09:07, Polizonte polizo...@ymail.com escribió: Hola lista, Soy diseñador web y siempre he trabajo solo. Pero ahora en una empresa se me pide trabajar en un pequeño grupo (3) para maquetar 40 diseños, quisiera que me brinden sus experiencias, comentarios, y sugerencias de las buenas practicas de trabajar en equipo. Lo que mas me preocupa es como hacer para coordinar con mi grupo de trabajo el html + css para que el proyecto salga lo mas rápido (que es lo que me están pidiendo) Lo primero que se me vino a la mente fue re-partirlo en 3 pero luego quizá hayan duplicados en las hojas de estilos. Saludos y gracias por su tiempo. Polizonte. ___ 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 ___ 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
Re: [Ovillo] Aumentar el tamaño de un DIV de acuerdo a los contenidos internos del mismo
Hola, la solución que mejor funciona es clearfix[1] o microclearfix[2] porque ni te obliga a añadir un div vacío para limpiar los floats ni te obliga a usar overflow:hidden que te podría dar problemas si necesitaras que algo se saliera del elemento (un overlay o algo así) este es el código: .clearfix:before, .clearfix:after { content: ; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } Simplemente añade la clase clearfix al div contenedor y asunto resuelto. Consejo gratuito: empezad todos vuestros proyectos con html5boilerplate[3] que agrupa todas las mejores prácticas para el desarrollo de front-end. Hay versión en español. [1] http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/ [2] http://nicolasgallagher.com/micro-clearfix-hack/ [3] http://html5boilerplate.com/ Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper El 17/05/2012, a las 02:32, ReynierPM escribió: Buenas noches lista: Un poco perdido de aca porque he andado full con trabajo. Necesito una pequeña ayudita porque he intentado de todo y no logro que me funcione. El caso es que tengo un DIV que tiene contenido dentro pero cuando el contenido crece el bakcground-color del DIV asi como el DIV se quedan del mismo tamaño y no hay forma de que crezcan. La direccion es esta http://dev.healthfitnesstravel.com/index.php?q=experts/bio y el DIV que me refiero es el que dice Articles: article's name que tiene un color de fondo. Alguna ayudita? -- Ing. Reynier Perez Mira eMail: reynie...@gmail.com, reynie...@treswd.com Skype: reynierpm Mobile: +58 424.180.5609 ___ 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
Re: [Ovillo] Herencias css
Hola, si puedes evitar !important mejor, porque trae más problemas de los que resuelve. A mi parece, sin haberlo probado, que la solución más sencilla debería ser #content img.ilurebe {background:#fff; border:none;} Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper El 10/05/2012, a las 13:19, Martin Etxauri escribió: un poco de documentación sobre el tema con algo de humor y una cheatsheet cachonda a la par que práctica: http://www.stuffandnonsense.co.uk/archives/images/specificitywars-05v2.jpg un par de artículos (donde aparece la cheatsheet): http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html El 10/05/2012, a las 14:13, Martin Etxauri escribió: aupa si en los css en vez de poner .ilurebe pones #content img.ilurebe te funcionará la cuestión aquí es la especificidad y los ID la tienen muy alta y mandan mucho ;) saludos El 10/05/2012, a las 14:06, Vincent Grönholm Olson escribió: Hola a todos! Estoy modificando una template wordpress y tengo un pequeño problema: Hay una img que hereda una regla de su div contenedor y no quiero que lo haga... he leido que el atributo !important hace que una regla en concreto anule la herencia venga de donde venga. Quiero cambiar el color del fondo de una imagen y no logro que funcione. No se que estoy haciendo mal, alguien puede echarme una mano? HTML: div id=content img class=ilurebe src=ilu2.png width=115 height=295 / /div CSS: #content img { background-color: #0C6; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; } .ilurebe { background-color: #ff; !important; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } (perdón por el formateo este cutre del dreamweaver) 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 ___ 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 ___ 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] problemillas con z-index
Hola, z-index solo funciona entre elementos con el mismo valor en position. Solución medio que, pero que puede que te funcione es aplicar el z-index a elementos contenidos y asegurarte de que tengan el mismo position, no se si es posible, pero si aplicas el position: fixed a un elemento contendor del video y después al video le das position: relative, podría funcionar, aunque así sin verlo… Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper El 02/05/2012, a las 11:19, Martin Etxauri escribió: Hola a todos A ver si alguien tiene algo de experiencia en esto. Tengo un player de video en html5 (video js para ser exactos) y me da un problema raro al ponerlo a pantalla completa: -El contenedor del vídeo a pantalla completa tiene un z-index:1001 y resulta que el menú que tiene z-index:5 se ve por encima. He comprobado y no es que alguna de las capas padre que contienen el player tenga un z-index menor que las que contienen el menú... el menú está en position:relative y el player en position:fixed que yo sepa esto no debería de pasar... ¿alguien tiene alguna idea? gracias a todos Martin ___ 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
Re: [Ovillo] Colocar prefijo div en nuestro css
Hola, también añade un poco de especificidad al selector, no mucha, pero suficiente en algunos casos. Recomiendo una lectura a este viejo artículo de @malarkey [1] y en general todo lo que puedas encontrar en la web sobre especificidad en selectores para tener las cosas claras. [1] http://www.stuffandnonsense.co.uk/archives/css_specificity_wars.html Saludos Rafael G. Lepper @rglepper http://www.thehandcoder.com El día 2 de noviembre de 2011 08:31, mikel blonfu jan...@gmail.com escribió: Vaya, se me han adelantado con el mismo ejemplo exactamente ;) El 2 de noviembre de 2011 09:30, mikel blonfu jan...@gmail.com escribió: Eso es exactamente lo que hace, si tenemos por ejemplo div.destacado aplica la clase destacado solo si la etiqueta es un div, a veces viene bien para poder usar el mismo nombre de clase pero diferentes estilos según la etiqueta. También le añade más especificidad (no sé si esto lo he escrito bien) que una simple clase. El 2 de noviembre de 2011 09:18, Miguel Angel mik_...@hotmail.comescribió: Hola buenas, Quisiera saber cual es la utilidad de colocar la palabra div delante de la declaración de estilos.. supongo que lo único que hace es decir que se apliquen los estilos cuando estos estén aplicados a un div, no? Un saludo! ___ 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 ___ 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] Tarifas para un maquetador web
Hola Marina, depende de muchas variables: lo bueno que sea tu código, lo rápido que seas capaz de hacerlo, lo pronto que lo necesite el cliente, los gastos que tengas (ordenador, oficina o si es tu casa, un porcentaje de tu renta, impuestos y seguridad social), el país en el que vivas, etc. no hay una tarifa establecida, algunos cobran más de 150€ la hora otros cobran 10€ o menos. Los que cobran más es por que tienen años de experiencia como freelance y no dan abasto así que suben el precio para filtrar clientes, aparte de ser muy buenos en lo que hacen. los que cobran menos intentan desesperadamente conseguir clientes basando su calculo ( si es que calculan) en variables erróneas y generalmente consiguen muchos clientes pero no ganan lo suficiente para vivir y tienen que hacer más horas… no te aconsejo ese camino, y siendo nueva como freelance no creo que puedas estar en el otro extremo tampoco aunque te deseo lo mejor. Este post te puede echar una mano http://www.sitepoint.com/freelance-pricing-1-set-rate/ y como este hay bastantes stw y encontraras. Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper El 22/10/2011, a las 11:09, Marina Gallardo escribió: Buenas a todos. Hasta ahora he trabajado en empresa y no sé cómo tarificar el trabajo de maquetación. ¿A cuánto puede estar la hora? ¿De qué depende? 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 ___ 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] Tarifas para un maquetador web
buff, si empiezo… yo he desistido con clientes de habla hispana, si sale alguno bien, pero no los busco, en España ( América no la considero por la diferencia de valor adquisitivo) por algún motivo la calidad del front end parece no importar a los clientes, empezando por el nombre que se le da, maquetador/a que yo sepa un maquetador, sin faltar a quien lo sea, es alguien que sabe manejar indesign o quark xpress, y no ve en su vida una linea de código… recuerdo como algunos alumnos que tuve que eran maquetadores flipaban cuando veían que tenían que escribir código lo precario que es css y lo complicado que que resulta hacer una web en condiciones... eso sin mencionar Javascript. En fin, yo te recomiendo hacer un plan de marketing en inglés (si puedes) enfocado a clientes americanos (EEUU y Canadá) basado en una web portfolio/blog en la que escribas posts que demuestren lo mucho que sabes muy a menudo, usando Twitter de forma inteligente ( las búsquedas de Twitter son muy potentes) y que parezca que eres omnipresente, comentando ( y escribiendo guest posts) en todos los blogs y páginas relacionadas… esto te va a llevar tiempo, pero no dinero, y después de algunos meses tendrás un nombre en la comunidad que te permitirá acceder a clientes que no se asustan si les pides 50-100 € la hora para proyectos de 200 horas o más porque saben que no es un gasto si no una inversión en su aplicación. En cualquier caso ser freelance a tiempo completo es complicado y la inseguridad económica que provoca se lleva mal (especialmente las parejas) unos meses son buenos, otros no y no sabes seguro si vas a cobrar. A mi me ha llevado a tener un trabajo fijo aparte de ser freelance, y a currar desde las 5 de la mañana hasta las 10 de la noche casi sin parar para conseguirme una cartera de clientes contentos en la que pueda confiar antes de volver a dejar el trabajo para la agencia... Pásate por [1][2] que tienen todo tipo de artículos de apoyo para freelancers seguro que te ayudan. Mucha suerte [1] http://freelanceswitch.com/ [2] http://freelancefolder.com/ Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper El 22/10/2011, a las 12:26, Marina Gallardo escribió: Tengo 6 años de experiencia como maquetadora web (8 años estudiando), también he hecho bastantes cosas de freelance pero en base a presupuestos que ya tenían. Soy muy rápida maquetando. Empezaré a hacer los cálculos con respecto a los gastos, pero tengo la sensación de que generalmente se tiende a querer pagar menos al maquetador freelance de lo que merece. Por mucho que tu código sea bueno y tengas referencias, parece que se quiere antes a alguien que lo haga barato a alguien que lo haga con calidad. Es un mundo difícil el freelance: hay que luchar en una gran jungla. Voy a leer el post. ¡Muchas gracias! 2011/10/22 Rafael García Lepper rafael.g.lep...@gmail.com Hola Marina, depende de muchas variables: lo bueno que sea tu código, lo rápido que seas capaz de hacerlo, lo pronto que lo necesite el cliente, los gastos que tengas (ordenador, oficina o si es tu casa, un porcentaje de tu renta, impuestos y seguridad social), el país en el que vivas, etc. no hay una tarifa establecida, algunos cobran más de 150€ la hora otros cobran 10€ o menos. Los que cobran más es por que tienen años de experiencia como freelance y no dan abasto así que suben el precio para filtrar clientes, aparte de ser muy buenos en lo que hacen. los que cobran menos intentan desesperadamente conseguir clientes basando su calculo ( si es que calculan) en variables erróneas y generalmente consiguen muchos clientes pero no ganan lo suficiente para vivir y tienen que hacer más horas… no te aconsejo ese camino, y siendo nueva como freelance no creo que puedas estar en el otro extremo tampoco aunque te deseo lo mejor. Este post te puede echar una mano http://www.sitepoint.com/freelance-pricing-1-set-rate/ y como este hay bastantes stw y encontraras. Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper El 22/10/2011, a las 11:09, Marina Gallardo escribió: Buenas a todos. Hasta ahora he trabajado en empresa y no sé cómo tarificar el trabajo de maquetación. ¿A cuánto puede estar la hora? ¿De qué depende? 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 ___ 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
Re: [Ovillo] OT: Recomendacion usar frameworks de CSS o no?
Hola a todos, a mi me gusta mucho usar html5boilerplate y no había hasta hace poco ningún framework que lo usara. Workless [1] es básicamente un mashup de html5boilerplate y bootstrap con algunos añadidos, tiene formularios así que te puede servir. [1] http://ikreativ.com/projects/workless/ Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper El 09/09/2011, a las 16:52, carlos mario villadiego arroyo escribió: Hola tal vez te pueda parecer interesante este, es uno liberado por twitter: http://twitter.github.com/bootstrap/#masthead saludos! El 9 de septiembre de 2011 10:44, reynie...@gmail.com reynie...@gmail.comescribió: Muchisimas gracias Roger el articulo esta interesantisimo y comence con 52framework pero me estaba dando problemas, luego me pase a 960gs pero no tiene para formularios y estoy tratando de buscar el mas completo posible, alguna sugerencia? Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.com 2011/9/9 Roger Romero regore...@gmail.com Hola Reynier, hace poco escribí un post sobre los Framework de CSS, que puede servirte en una primera parte para decidirte por alguno. *Frameworks de CSS para el Desarrollo Web* http://www.regoremor.com/css/frameworks-de-css-para-el-desarrollo-web/ Saludos Roger Romero* * El 9 de septiembre de 2011 09:04, reynie...@gmail.com reynie...@gmail.comescribió: Buenos dias a todos: Recien estoy comenzando un nuevo proyecto pero requiere de algo de rapidez por lo cual no quiero demorarme con cuestiones de CSS (OJO que no me refiero a la parte visual sino a la maquetacion) y cosas afines. Mi pregunta es la siguiente: recomiendan usar frameworks de CSS o no? En caso de la respuesta ser afirmativa cual usarian ustedes para el maquetado del sitio? Yo estoy tratando de usar 52framework.com pero me esta dando unos problemas con los formularios y tampoco me gusta porque la pagina no me ocupa el 100% del contenedor. Al tanto de comentarios Saludos Ing. Reynier Pérez Mira Cel: +58 416.921.7406 / 416.012.1226 Twitter: twitter.com/reypm Correo: reynie...@gmail.com / reynie...@hotmail.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://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 ___ 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 ___ 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 a todos, se puede. Para hacerlo el elemento tiene que tener un ancho definido, lo colocas al 50% y le restas con margin la mitad de su ancho o alto. Esta es de hecho la forma más extendida de centrar elementos verticalmente. code selector { position: absolute; display: block; width: 100px; height: 100px; left: 50%; top: 50%; margin: -50px 0 0 -50px; } /code Ojo, no hacerlo con elementos que puedan ser más grandes que la pantalla, porque se saldrán. Saludos Rafael G. Lepper Front End Web Developer http://www.thehandcoder.com @rglepper El 15/12/2010, a las 13:57, Joseba Rodríguez escribió: 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 ___ 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: no me explique bien, necesito saber cuanto cobrar
Hola, Para calcular lo que quieres cobrar por horas, hay una fórmula que funciona bastante bien. Lo que cobras por horas (sin impuestos) = (Gastos anuales + Sueldo bruto anual deseado + beneficio bruto deseado) / horas facturables Ten en cuenta todos tus gastos, incluso los lápices, separa tus gastos personales de tus gastos profesionales y ten en cuenta que como freelance tu eres la empresa, así que por eso debes calcular el sueldo que pretendes que la empresa te pague y que objetivos tiene la empresa. Valora tu trabajo y el de los demás, cobrar barato rompe el mercado y nos perjudica a todos. Los 20€ la hora de los que hablan dan para vivir justito en españa, con el agua al cuello, no lo hagáis. Por favor, terminar este OT aquí, hay muchos libros y artículos sobre el tema. Saludos Rafa http://www.thehandcoder.com (sitio en desarrollo) El 27/08/2010, a las 19:42, Miguel Flores Franco escribió: Alejandra, hay un post similar al que acaban de responder minutos antes que este post tuyo, en el que se sugiere entre cosas más, cosas menos un promedio de 20 euros la hora. Para algo asi -según lo mencionas- considero que si tu presupuesto es para el mercado español calcules de acuerdo a lo sugerido en el anterior post, teniendo en cuenta cuanto tiempo te va a demorar cumplir con todo el proyecto, incluyendo gastos colaterales. Europa no es solo españa. Por ejemplo si tu trabajo es para la zona de escandinavia (Noruega, Finlandia, Suecia) la tarifa puede ser evidentemente mayor, pero me parece sensato tener en consideración el estándard sugerido. Saludos cordiales 2010/8/27 alejandra.j.go...@gmail.com Hola! perdon por el OT :) (otra vez) Creo que no me explique bien: Necesito saber cuanto se cobra para algo asi: Los materiales que necesitaríamos son: * * *Materiales para la landing* (diseño ya creado) · Diseño de Logotipo · Diseño de banner 1. (250x250 y/o 180x150 *a definir*). *Materiales para la campaña de afiliación: * · Diseño de banner destinos 1 (468x60, 728x90 120x600, 300x250, 250x250). · Diseño de banner destinos 2 (468x60, 728x90 120x600, 300x250, 250x250). · Diseño de banner genérico 1 (468x60, 728x90 120x600, 300x250, 250x250) · Diseño de banner genérico 2 (468x60, 728x90 120x600, 300x250, 250x250) Todos los banners tienen que tener su versión gif y flash. Otros Datos: 1 banner es estatico el otro movil, el logo hay que diseñarlo de acuerdo a una idea vigente en el landing Esa es la orientacion que necesito, es para europa, soy de argentina Gracias Alejandra ___ 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 -- --- Miguel Flores Graphic Design Standard based Web Design Phone +511.6237408 MSN: mi...@pixelperu.net http://pe.linkedin.com/in/mikersson http://www.pixelperu.net ___ 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
Re: [Ovillo] crear un theme en Wp con una base.
Hola, yo te recomiendo que lo hagas sobre Sandbox [1] que es un framework de themes. Fue el primero, ahora hay bastantes más, pero sigue siendo mi preferido. El marcado html es muy muy correcto, usa microformatos y si de algo peca es de demasiadas clases para añadir semanticismo. Es muy bueno. Yo ni me planteo hacerlo de otra manera. La forma de trabajar con el, es instalarlo como un tema normal y después crear una carpeta (hermana, no hija) que se llame como tu tema con un .css dentro en el que especificas como comentario lo siguiente: /* THEME NAME: El nombre de tu tema THEME URI: La URI del tema DESCRIPTION: la descripción VERSION: 1.0 AUTHOR: Tu nombre AUTHOR URI: Tu URI TEMPLATE: sandbox */ Añade también el screenshot.png y con esto Wordpress te lo reconoce. Lo eliges y a partir de ese momento, los cambios serán los de tu css. Si quieres tocar algo en el código html o php, copia el archivo php que corresponda dentro de la carpeta de tu tema. dentro de esa carpeta también debe haber una para las imágenes. [1] http://www.plaintxt.org/themes/sandbox/ Espero haberte ayudado. Saludos Rafael G. Lepper Front End Developer http://www.biosfera4.com El 26/05/2010, a las 12:34, Natalia Solar escribió: Hola!! Voy a empezar a crear mi propio /theme/ en wordpress y después de buscar información por la red este es el que encuentro mas aconsejado para utilizar como base: http://wordpress.org/extend/themes/thematic Aunque me preocupa que no veo nada de que sea valido según W3C. ¿alguien tiene una idea mejor de que/ theme/ utilizar como base? He de decir que me puedo manejar pero que NO se mucha programación, así que por eso necesito una base... Muchas gracias lista!!! Saludos, natalia ___ 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
[Ovillo] [OT] Solicitud de propuestas (difer entes áreas para un proyecto)
Hola a todos, Disculpas a quien no le interese, lo envío a esta lista porque se que es básicamente multi-disciplinar relacionada con el diseño web. Estamos buscando gente especializada en diferentes áreas (Branding, UX, Diseño Gráfico, Front-end (estándares y flash), Back-end, ERP) para desarrollar una marca de ropa deportiva con un proyecto de tienda on-line. Los interesados podéis descargaros [1] el documento de definición del proyecto. Estamos algo retrasados con las fechas de selección, así que os agradecería que me enviarais las propuestas a mi email privado como muy tarde el próximo miércoles 16 de diciembre. Las propuestas pueden ser de cualquier parte del mundo. Si tenéis alguna duda, por favor contactar conmigo a través de mi email privado. [1] http://www.biosfera4.com/proyectos/virklon/definicion-de-proyecto.pdf Muchas gracias. Saludos Rafael G. Lepper Web Project Manager http://www.biosfera4.com @eggSpoonTale ___ 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] Tengo 5 invitacion google wave. (H Joaco)
Moderadoor!!! Carlos García-Olalla Olivera escribió: Buenas tardes Diego, A mi me gustaría tener otra si aún tienes. Muchas gracias. 2009/11/9 Gerardo Oscar Jimenez Tornos gerardoosca...@gmail.com Hola Diego, Yo quiero una invitación porfavor. El 9 de noviembre de 2009 13:43, Diego Matias Meschini diegomat...@gmail.com escribió: Buenos días, me gustaría me enviases una invitación para google wave. Muchas gracias. Saludos -Message: 4 Date: Sat, 7 Nov 2009 04:29:22 + From: H Joaco hjo...@hotmail.com Subject: [Ovillo] Tengo 5 invitacion google wave. To: Lista Ovillo Ovillo-List ovillo@lists.ovillo.org Message-ID: snt120-w19eccabcc7dd85ce2663a2cf...@phx.gbl Content-Type: text/plain; charset=iso-8859-1 Si a ti te envie la primera, recuerdas que te tengo abrega al gmail,otra cosa, espere esto casi dos meses, lo tengo desde hace 2 semanas y en entrado poco tan poquito que el jueves es que vine a ver el mail de los 20 invitados que me dan, solo les deseo suerte, los que tenga gmail no tienen que crear ninguna cuenta ni contrasena, no se los demas, vere en las FAQ's, buenas noches porque me caigo. Joaco. --Archivo adjunto de mensaje reenviado-- From: deliriumindes...@gmail.com To: ovillo@lists.ovillo.org Date: Fri, 6 Nov 2009 13:07:17 -0200 Subject: Re: [Ovillo] Tengo 5 invitacion google wave. yo quiero una porfiii El 6 de noviembre de 2009 12:44, lau lauben...@gmail.com escribió: no sé si ya nos pasamos, pero a mi también me gustaría :) tks 2009/11/6 H Joaco hjo...@hotmail.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://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 ___ 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
Re: [Ovillo] Posición de background dependiente de otro div
Hola, Este comportamiento es correcto, en ingles lo llaman Collapsing margins y no estoy seguro de la traducción correcta, aquí tienes el enlace en inglés [1] donde explican los motivos y los casos en los que sucede, en ie es diferente si tiene hasLayout [2] activado . Se soluciona estableciendo un block formatting context[3] nuevo, como puede ser un overflow (cualquiera distinto a visible), o un float. Siento que todos los enlaces estén en inglés. [1] http://www.w3.org/TR/CSS21/box.html#collapsing-margins [2] http://www.satzansatz.de/cssd/onhavinglayout.html [3] http://www.w3.org/TR/CSS21/visuren.html#block-formatting Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.com Hernán Beati - SaberWeb.com.ar escribió: Hola a todos! Estoy tratando de entender un ejercicio al que no le encuentro una causa lógica: 1) El body tiene aplicada una imagen de fondo en mosaico. Sin problemas hasta aquí. Luego hay dos divs: 2) un div #contenedor con una imagen de fondo (unos planetas grandes) 3) y otro div con textos dentro. Si aplico un margin-top (unos 200px en este caso) al div del TEXTO, la imagen del fondo DEL CONTENEDOR se mueve hacia abajo esos 200px, como si ese div percibiera que cambió la posición del div interno, y se reacomodara a él! Si le pongo overflow:auto al #contenedor se soluciona, el #contenedor sube y muestra la foto de fondo comenzando del borde superior de la pantalla, pero no entiendo por qué regla específica de CSS la ubicación DEL CONTENEDOR cambia si cambio el margen de OTRO div interno... La URL es: http://www.cursodecss.com.ar/index.html Desde ya, gracias por cualquier pista... Saludos! -- Hernán Beati http://www.saberweb.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
Re: [Ovillo] logotipos: h1img /.......
Hola, yo también opto por la opción a, porque creo que un logo es la decoración de una marca como han dicho antes. También me parece que el código es más limpio en la opción a, y los cambios necesarios cuando la empresa cambie su identidad visual corporativa, serán menos... En fin que me parecen todo ventajas. Cambiando de tema, Daniel Avila Vera, ¿se puede saber por que nos gritas a todos? Saludos Rafa El día 15 de septiembre de 2009 05:29, daniel avila vera danjo_...@hotmail.com escribió: PUES USA LA OPCION A. Date: Mon, 14 Sep 2009 18:48:13 +0200 From: daniou...@gmail.com To: ovillo@lists.ovillo.org Subject: [Ovillo] logotipos: h1img /... Hola, buenas una duda: Que es preferible al colocar una imagen con el título de la web? Opción A: h1 id=logoHeraldo de Aragón/h1 y sustituir mediante CSS el texto por una imagen. Opción B: h1 id=logoimg src=... alt=Heraldo de Aragón//h1 O ninguna de estas opciones?? un saludo. ___ 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 ___ 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] ¿Cuando utilizar Joomla, Mootools, et c?
Hola, Joomla y MooTools son cosas diferentes. El primero es un gestor de contenidos (CMS) del lado del servidor programado en php, el segundo es un framework javascript del lado del cliente. Saludos Rafa El 7 de septiembre de 2009 14:21, Samuel -samupip...@gmail.com escribió: Hola Estoy empezando en este mundillo. Me gustaría saber vuestras opiniones acerca de la necesidad del uso de Joomla, Mootools y aplicaciones similares. Actualmente desarrollo mis páginas con un editor de html+css y sobre código. ¿Cuando aplicaciones como Joomla o Mootools merecen la pena? ¿Si empiezo desde cero usando las plantillas de estas herramientas? ¿Y si me dedico a maquetar un diseño? ¿Sólo son útiles para grandes páginas web? Desde ya, gracias por vuestras respuestas. Samuel ___ 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
Re: [Ovillo] Pregunta sobre portales para los clientes
Hola, Yo lo que hago es preguntar al cliente en el cuestionario que utilizo para preparar el briefing del proyecto si es para ellos fundamental que se vea perfecto en ie6 o comprenden que es un navegador obsoleto que ya poca gente usa (es algo que vi que hacían en Happy Cog, la agencia de Zeldman). Si me dicen que si, cargo en el presupuesto el tiempo extra dedicado a ie6; los demás navegadores se atienen relativamente a estándares, y de lo que en cualquier caso me ocupo es de que el contenido se vea en todas las versiones aunque en ie6 no se ajuste al diseño, de otra manera no seria accesible. Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale ___ 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] Link!
Hola, Mira a ver si no hay alguna capa por encima, aunque el fondo sea transparente, explorer tiene problemas con los z-index, y también interpreta distinto el modelo de cajas, podría ser que simplemente estuvieras tapando los enlaces y por eso no se activan. De todas formas, es verdad lo que dicen mis compañeros que das muy poca información sobre el código como para poder ayudarte con seguridad. Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale El 5 de agosto de 2009 16:28, Teioscar.vi...@gmail.com escribió: Esto no va dirigido a ninguna persona en particular: Recordando reglas de netiquette: Aprender a no escribir todo en mayusculas es el principio. Eso solo lo hace gente muy novata de internet. Pero es que la siguiente cosa de internet que hay que aprender es a quotear correos electronicos. Es decir, a citar solamente la parte del correo a la que respondemos, no citar el correo entero. -- -- ℱin del ℳensaje. ___ 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
Re: [Ovillo] Formulario CSS
hola a todos, en el diccionario de la rae pone la siguiente definición de párrafo: Cada una de las divisiones de un escrito señaladas por letra mayúscula al principio de línea y punto y aparte al final del fragmento de escritura. Kemie, por favor, explícame por que razones agrupas un input y su label como un párrafo. No son un párrafo. Si los quieres agrupar, div es la etiqueta correcta, no p. Un cosa es evitar la divitis y otra cosa es no usar div en absoluto aunque sea la etiqueta correcta. div sirve para agrupar bloques de contenido relacionado, más relacionado que un input y su label, no se me ocurre. Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale El 31 de julio de 2009 09:45, Kemie Guaidali...@monolinea.com escribió: Yo lo haría con dos parrafos, flotados a la izquierda y al 50% fieldset class=miclase plabelCampo1/labelinput/p plabelCampo2/labelinput/p /fieldset .miclase p{ float:left; width: 50%} .miclase label{ display: block} Original Message Saludos, a ver si algunos de ustedes me puede ayudar quisiera implementar este formulario ya tengo toda la parte hecha lo que me gustaria a ver como logra el efecto de colocar cada campo a lado del otro como aparece en la imagen sin tener que usar div alguna buena practica o tutorial para crear formularios css complejos? o algun consejo ? Gracias de antemano. http://joelalmanzar.com/form/form.jpg _ Enamórate este invierno con MSN Amor y Amistad http://amor.latam.msn.com/channel/index.aspx?trackingid=202694 ___ 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 No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.392 / Virus Database: 270.13.37/2273 - Release Date: 07/30/09 18:09:00 ___ 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
Re: [Ovillo] Grid de bloques flotados de alturas irregulare s y márgenes regulares
Hola a todos, muchas gracias por las respuestas, al final la conclusión es la que ya me imaginaba, no se puede hacer solo con css. Sin embargo, la solución que ha aportado Eddie Leo, Masonry, me parece muy interesante como alternativa gratuita a Grid-a-licious lo voy a usar y a ver que tal. Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale El 29 de julio de 2009 03:06, Mauricio Dulcemauricio.du...@gmail.com escribió: Me imagino que eso es dinámico, lo único que se me ocurre, es que en el lenguaje armes un ciclo, dentro de un array o no se, pero creo que por css solo no se puede. El Jul 28, 2009, a las 3:07 PM, Ignacio Aguirre escribió: Hola! Aprovechando el tema, tengo una duda similar a la de Rafael. También necesito ordenar una serie de elementos en una grilla. La diferencia es que todos mis elementos tienen la misma altura, pero no el mismo ancho. Hasta ahí, la cosa es fácil. Ahora, yo necesito ordenarlo de izquierda a derecha, pero uno arriba y el siguiente abajo, luego el tercero arriba y el cuarto abajo. Es decir, algo así: http://www.imageno.com/xtbsc2rstvwqpic.html Agradecería me dieran una manito para poder ordenar eso. Desde ya, muchísimas gracias :) -- Ignacio Aguirre El 28 de julio de 2009 12:39, Eddie cartilagosangrie...@gmail.comescribió: Hola, creo que lo que buscas es el plugin Masonry de jQuery... http://desandro.com/resources/jquery-masonry espero te sirva ;-) -- Eddie Leo El 28/07/09, Martin Etxauri t...@eragin.com escribió: yo personalmente creo que lo tienes difícil, los flotados se van a quedar así, porque en realidad lo que pasa no es que el de abajo coja el margen del de arriba, lo que pasa es que el que debería pasar a la izquierda no lo hace porque se choca con el que tiene encima y el siguiente pasa pero con la referencia del último. no se si me he explicado. si solo quieres dos columnas lo que puedes hacer es flotarlos a izquierda y derecha alternados y así cada uno ser irá para su lado... si quieres mas de dos columnas y que todos estén flotados a izquierda creo que no es posible. saludos El 28/07/2009, a las 17:07, Rafael García Lepper escribió: hola, aquí podéis ver lo que digo: http://www.biosfera4.com/ejemplos/ejemplogrids.html Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale El 28 de julio de 2009 16:24, Martin Etxaurit...@eragin.com escribió: aupa si mandas algo de código o algún ejemplo online mejor, yo por lo menos no entiendo como lo estás haciendo ni cual es el problema. saludos El 28/07/2009, a las 16:17, Rafael García Lepper escribió: Hola a todos, Estoy tratando de conseguir varias columnas del mismo ancho con bloques de altura irregular que guardan un mismo margen entre si por arriba y por abajo, es decir, algo como esto [1] pero pretendo hacerlo usando floats y no posicionando absolutamente con jquery cada columna como en el ejemplo que os he enseñado que es un theme de pago de Wordpress[2], el problema es que al flotar, cada bloque guarda el margen por arriba con el anterior bloque flotado que no es el que le queda justo por encima, con lo que, lo que queda irregular es el margen entre los bloques que es justo lo que debe ser regular. ¿A alguien se le ocurre como solucionar esto solo con css? [1] http://www.fashionandfeatures.com/ [2] http://www.suprb.com/#gal Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale ___ 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 ___ 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 -- Eddie ___ 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
[Ovillo] Grid de bloques flotados de alturas irregulare s y márgenes regulares
Hola a todos, Estoy tratando de conseguir varias columnas del mismo ancho con bloques de altura irregular que guardan un mismo margen entre si por arriba y por abajo, es decir, algo como esto [1] pero pretendo hacerlo usando floats y no posicionando absolutamente con jquery cada columna como en el ejemplo que os he enseñado que es un theme de pago de Wordpress[2], el problema es que al flotar, cada bloque guarda el margen por arriba con el anterior bloque flotado que no es el que le queda justo por encima, con lo que, lo que queda irregular es el margen entre los bloques que es justo lo que debe ser regular. ¿A alguien se le ocurre como solucionar esto solo con css? [1] http://www.fashionandfeatures.com/ [2] http://www.suprb.com/#gal Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale ___ 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] Grid de bloques flotados de alturas irregulare s y márgenes regulares
hola, aquí podéis ver lo que digo: http://www.biosfera4.com/ejemplos/ejemplogrids.html Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale El 28 de julio de 2009 16:24, Martin Etxaurit...@eragin.com escribió: aupa si mandas algo de código o algún ejemplo online mejor, yo por lo menos no entiendo como lo estás haciendo ni cual es el problema. saludos El 28/07/2009, a las 16:17, Rafael García Lepper escribió: Hola a todos, Estoy tratando de conseguir varias columnas del mismo ancho con bloques de altura irregular que guardan un mismo margen entre si por arriba y por abajo, es decir, algo como esto [1] pero pretendo hacerlo usando floats y no posicionando absolutamente con jquery cada columna como en el ejemplo que os he enseñado que es un theme de pago de Wordpress[2], el problema es que al flotar, cada bloque guarda el margen por arriba con el anterior bloque flotado que no es el que le queda justo por encima, con lo que, lo que queda irregular es el margen entre los bloques que es justo lo que debe ser regular. ¿A alguien se le ocurre como solucionar esto solo con css? [1] http://www.fashionandfeatures.com/ [2] http://www.suprb.com/#gal Saludos Rafa http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale ___ 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 ___ 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] Menu desplegables..
Que es ha!? El oráculo tampoco parece saberlo? Saludos Rafa http://twitter.com/eggSpoonTale Ignacio Ricci escribió: Css+ha Ignacio Ricci. www.ignacioricci.com On Jul 9, 2009, at 1:24, H Joaco hjo...@hotmail.com wrote: Super Joaco Ok cual seria mejor opcion un Menu Desplegable en CSS oh un Menu Desplegable en Flash, en todo el sentido profesional de la palabra, buscadores, actualizacion y todo lo se podria decir que ventajas de uno del otro y desventajas. _ Windows Live Hotmail now works up to 70% faster. http://windowslive.com/Explore/Hotmail?ocid=TXT_TAGLM_WL_hotmail_acq_faster_1 12008 ___ 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 ___ 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] Semantica
Hola Asela, Si pretendes una hoja de agenda mensual con una lista de días, pues lo mejor es una lista. Si lo que quieres es el típico calendario donde aparece una tabla con todos los días ordenados con los días de la semana encabezando columnas y las semanas encabezando filas, no cabe duda ¿no?. Ninguna de las dos opciones es semántica como pides, porque aunque sería contenido bien estructurado, ninguna aporta nada sobre el significado del contenido. Para que cualquiera de las dos opciones sea semántica, puedes añadir el microformato hcalendar[1] que está pensado para añadir semántica a los eventos en un calendario. Espero haberte ayudado. [1] http://microformats.org/wiki/hcalendar Saludos Rafa biosfera 4 diseño web http://www.biosfera4.com http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale Asela Ortiz de Murua escribió: Hola Vuelvo a la carga con otra duda sobre ¿Qué es más semántico para una hoja de mes x semanas de una agenda (la típica hoja de calendario) una tabla con th en los días de la semana o un div display table seguido de una lista de definición para los eventos diarios? Perdonad la consulta, pero llevo todo el finde dándole vueltas y cada uno tiene sus pros y contras. Un saludo y gracias de antemano. Asela ___ 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
Re: [Ovillo] forma correcta de poner un link
Hola, La verdad es que creo que ninguna de tus soluciones me parece correcta. Si es un icono, lo más probable es que no sea contenido, con lo cual no es una imagen que deba estar en el html, por eso deberías poner el enlace solo con texto en el html, y sustituirlo por una imagen desde css. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.com http://www.huevocucharacuento.info http://twitter.com/eggSpoonTale Martin Etxauri escribió: aupa una preguntilla a ver que os parece por aquí, he estado buscando pero no he encontrado gran cosa, la verdad que tipo de movidas al final son bastante relativas y cuestión de gustos a veces... no se. Os cuento, el tema es que tengo una serie de links en los que tengo una imagen (un icono) y el nombre propiamente dicho de la sección o categoría. ¿cual os parece mas correcto de estas dos? este: a href=#img src=irudiak/fake.gif //abr / spana href=#Nombre del link/a/span o este: a href=#img src=irudiak/fake.gif /br / spanNombre del link/span/a una cosa que me convence del segundo es que todo es el mismo link, y esa es la realidad, con el primero da la sensación de que tienes dos links que llevan al mismo sitio. también sucede con el segundo que cuando te pones sobre el texto, el estado hover también afecta al a imagen y viceversa y eso mola, pero no estoy convencido de que meter todo eso dentro de a sea correcto... si ¿no? a ver que os parece saludos y 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 ___ 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] Problema con imagen de fondo
Hola Jesús, Te aconsejo que le pases el tidyHtml antes de nada, sobre todo por lo de los link sin cerrar, pero también porque solo puede haber un h1 por documento html y en mi opinión lo debes poner en la cabecera así: h1Jesús Play/h1 porque es sin duda el encabezado del sitio; los demás encabezados deben ser h2 según la organización jerárquica de tu página. La verdad, debo decirte que no entiendo por qué metes el menú dentro de un div, el ul ya es un bloque de por sí pero bueno, creo que deberías aprovechar que lo haces para poner el fondo en el #menu y conseguir que tenga el mismo alto que #contenidos. Debes evitar los nombres de clase o id tipo #fondo, porque los div son bloques para agrupar elementos del contenido, no para añadir aspecto [1]. No entiendo por que has metido dentro del contenedor la cabecera el menú el fondo y los contenidos, pero no el pié. Creo que está hecho así por motivos estéticos, que no es correcto. Puedes agrupar como has hecho el menú y los contenidos en un div, pero no lo llames fondo dale un nombre según sus contenidos, tipo navmenu-contenido o algo así. La solución a lo que te pasa es el típico del contenedor de elementos flotados, se soluciona poniendole al div que has llamado #fondo overflow: auto; [1] http://meyerweb.com/eric/thoughts/2005/02/23/keep-your-classes-clean/ Saludos Rafa Jesus Torralba escribió: Hola a todos/as, estoy con esta web y no hay manera de que la imagen que quiero poner de fondo div id=fondo aparezca detrás quiero y sin márgenes, deja un espacio vacío antes y después. la web: http://eayohues.educa.aragon.es/jesus_play/ el CSS: http://eayohues.educa.aragon.es/jesus_play/estilos/estilos.css 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 ___ 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] Problema con imagen de fondo
Dentro de pie tienes un párrafo vacío que creo que es el culpable. Jesus Torralba escribió: Hola de nuevo, lo he probado y parece que funciona pero al final no se une al pie, al final de la página no se llega a unir. El pie no tiene margen. la web: http://eayohues.educa.aragon.es/jesus_play/ el CSS: http://eayohues.educa.aragon.es/jesus_play/estilos/estilos.css Gracias de nuevo. El 06/03/2009, a las 13:01, ovillo-requ...@lists.ovillo.org escribió: Hola Jesus, Lo unico que tienes que hacer para solucionar el problema es incluir en tu css a la capa fondo el overflow:auto, te quedaria asi: #fondo { padding:0px; margin: auto; width:840px; height:100%; background-image: url(../imagenes/cuerpo.jpg); background-repeat: repeat-y; overflow:auto; } Pruebalo y nos comentas Un saludo ___ 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
Re: [Ovillo] [OT] Recomendaci ó n Hostings.. .
Hola, Yo hace años que trabajo con ovh[1], y lo recomiendo, estoy muy contento con su servicio y sus precios. La única pega que les pongo, es que no se pueden automatizar los pagos para las renovaciones de dominios y hospedajes, tienen un sistema prepago poco interesante desde mi punto de vista, o pago por tarjeta para las renovaciones que resulta un coñazo, la verdad, pero aparte de eso, todo muy bien. [1] http://www.ovh.es Saludos Rafa Victor Hugo Arias Valencia escribió: Buenas, disculpen el OT, pero me gustaría que me recomendaran empresas de hosting para proyectos sencillos (el típico sitio web corporativo sin más), y para proyectos un poco más grandes (aplicaciones web con un buen tráfico). Se que igual es muy relativo pero que se pueda escalar, Compartido, VPS, Dedicado, cosas asi, no se si soy muy enredado... je je je, mil 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 ___ 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] Extra ñ o comportamiento de algunos bui lds de Explorer
Hola, En ningún firefox hemos identificado problemas como el de Explorer que he descrito, no se si lo he dejado claro por las respuestas que me habéis enviado, lo repito. Lo que pasa es que todo el cuerpo de la web en el que están los contenidos (div#contenidos con overflow hidden) que tiene dentro tres columnas con el mismo alto (un div cada una con el método de padding-bottom: 3px; margin-bottom: -3px), deja de verse, y toma una altura de unos 10px, con lo que el pie y la cabecera con la publicidad y el menú quedan unidos y la apariencia es de una página en la que todo lo que se ve está bien, pero donde lo importante de la web, no se ve, queda oculto, bajo el pie. Es realmente muy raro y solo lo he visto pasar en una versión de ie 7 (7.0.5730.13) y me han enviado una captura de pantalla de una versión de ie6, no se cual, en la que también sucede. Es esto lo que te pasa en firefox de ubuntu? Espero que no, porque, otras cosas tienen solución, pero esto que describo me tiene desconcertado. Lo medio parchee dándole una altura fija a #contenidos, pero no se puede hacer un condicional para un build especifico de ie, así que la solución no me vale. Os cuelgo la captura de pantalla [1] que me enviaron para que veáis el problema y quede más claro que con la explicación que puede ser confusa. [1] http://origin-www.motociclismo.es/home-motociclismo.jpg Muchas gracias por vuestra ayuda. Saludos Rafa Fernando Gutierrez escribió: Debía ser otra cosa, el mio también es WXP Pro SP2. Acabo de probarlo en casa en Firefox 3.0.6 para Ubuntu y también ocurre lo del contenido oculto y la barra de desplazamiento. Cuando cierre Ubuntu, podré probarlo en IE para Windows Vista, la verdad no sé ni qué versión de IE lleva Vista (casi núnca lo he usado, jeje), imagino que la 7. 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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Extra ñ o comportamiento de algunos bui lds de Explorer
Hola a todos, Acabo de terminar, ( está todavía en pruebas ) el rediseño del sitio web de motociclismo [1] que me hubiera gustado presentaros de otra forma, para que me enviarais criticas y comentarios ( por favor, hacedlo si lo creéis oportuno), pero en el que me he encontrado con un extraño comportamiento de algunos builds de Explorer (6 y 7 hasta el momento, he identificado el build ie 7.0.5730.13 y el/los de ie6 no los he conseguido identificar, porque la gente (usuarios no avanzados) solo me envía una captura de pantalla de como se ve) pero no en todos, de pronto algunas personas, me dicen que solo ven cabecera y pie, todo el cuerpo, con el contenido se queda muy por debajo del pie, cosa que por supuesto no pasa en condiciones normales, donde con algunos fallos más o menos razonables, las cosas se ven bastante normalmente. En las versiones o builds que yo tengo de Explorer se ve bien, y no se ni qué puede pasar, ni como puedo solucionarlo, porque entre otras cosas, tampoco puedo comprobarlo. Sinceramente, me tiene desconcertado. Ya no solo hay que preocuparse de Explorer 6 y 7 si no de determinadas versiones. Si alguien tiene alguna pista o le ha sucedido esto y sabe como solucionarlo, le estaré muy agradecido. El método que he usado para que las tres columnas del contenido tengan el mismo alto, es este [2] quizás tenga algo que ver... [1] http://www.motociclismo.es [2] http://www.csslab.cl/2007/10/11/100-alto-finalmente-para-todos/ Saludos Rafa PS. Para los críticos, deciros que ha habido ciertas imposiciones en tamaños y formatos que han obligado a usar en ciertos casos unidades absolutas. Además la publicidad, que depende de terceros, se carga la posible limpieza del código xhtml. ___ 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: como conviene presentar esta informacion? Son treinta archivos distintos de texto
Hola Alejandra, La mejor forma de presentarlo en la web es como una tabla, eso ya te lo han dicho, la solución del pdf no es para verlo en la web ( aunque si está instalado el plugin se puede ) si no para descargarlo y que el usuario pueda verlo desde su máquina. Para presentarlo como tabla hay muchas formas, te cuento dos. Método uno: Una forma rápida de meterlo en tablas html es exportar el doc como csv separado por tabuladores e importar ese csv desde dreamweaver ( o algún editor que permita esto) a una tabla, o a varias, lo que necesites, corregir el marcado (que es muy regulero) y una vez en html puedes permitir que el usuario ordene las tablas con javascript[1] el enlace que te paso es una de las muchas soluciones que hay para esto, puedes buscar en google: javascript sort table. Método dos: La mejor manera en mi opinión, pero la más complicada, es exportar el doc a csv y volcarlo en una base de datos a la que accederás con algún lenguaje de servidor (PHP, RoR, ASP, Python, JSP...) el que sea, que se ocupará de generar el html según lo programado atendiendo a las peticiones del usuario. Y ya como guinda puedes usar Ajax para mejorar la experiencia de usuario y que no tenga que recargar la página para ver nuevos datos de los torneos. [1]http://www.phatfusion.net/sortabletable/ Saludos Rafa http://www.huevocucharacuento.info alejandra.j.go...@gmail.com escribió: disculpen, pero sigo insistiendo y molestando con lo mismo: Ya pase el archivo a pdf, el de los treinta torneos, ahora eso como se presenta en una web? porque no quiero que quede asi de largo, son veinte hojas, la idea es que el usuario pueda ir al torneo que le interesa, no que deba obligatoriamente recorrer todo el archivo recien mande un correo con la direccion de google donde subi el .doc, para que lo vean. Gracias otra vez. mientras sigo investigando :) Alejandra El 18 de febrero de 2009 15:36, alejandra.j.go...@gmail.com escribió: Aca subi el documento para que puedan verlo: http://docs.google.com/Doc?id=d7zpqjs_7dd8th2dz muchas gracias a todos ___ 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 Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] filtro alpha
http://www.csslab.cl/2007/10/11/100-alto-finalmente-para-todos/ Delirium Design escribió: *hola, que tal? he puesto esta propiedad en mi pagina, pero no me funciona en IE* #columna1 { display: table-cell; padding-right:30px; background-color:black; margin:16px; filter: alpha(opacity=50); opacity: 0.5; *veo el fondo de la columna negro en IE. Hay alguna otra forma de solucionarlo?* trate poniendo !--[if lt IE 8] script src= http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE8.js type=text/javascript/script ![endif]-- en el html pero tampoco... como podria arreglarlo? *OTRO TEMA: tengo que dividir el sitio en 3 columnas, y para que todas vayan quedando con la misma altura use la propiedad display:table el problema es que para IE tampoco me anda, me salen las tres columnas una debajo de la otra, como podria arreglarlo?* #contenedor { display: table; overflow: hidden; margin: 10px 20px 10px 20px; } #contenidos { display: table-row; text-align: justify; text-decoration: none; font-family:Arial,Helvetica,sans-serif; color:white; font-size: 0.8em; } #columna1 { display: table-cell; padding-right:30px; background-color:black; margin:16px; filter: alpha(opacity=50); opacity: 0.5; } #columna2 { display: table-cell; padding-right:30px; background-color:black; margin:16px; opacity:0.5;filter:alpha(opacity=50) } #columna3{ display: table-cell; padding-top:-50px; background-color:black; margin:16px; } Espero me puedan ayudar, 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://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
Re: [Ovillo] Duda sobre selectores con varias clases
Ok, muchas gracias. Desde luego... la culpa de que la gente siga usando ie6 es nuestra que damos soporte a explorer 6!! ya, ya se que es por la accesibilidad, pero... En el momento en el que las páginas se empezaran a ver mal y no funcionar en ie6 la gente cambiaría, igual que paso con ie para mac. Saludos Rafa Jorge Gónzalez - yparamuestaunboton.com escribió: Ramon tiene razón, y en el *IE6* funcionara de la siguiente manera: /* propiedades para cuando sólo tenga esta clase */ .clase1 {} .clase2 {} /* Propiedades para cuando tenga cualquiera de las 2 clases */ .clase1.clase2 {} 2009/2/9 Ramon Vilar Gavaldà ramon.vi...@gmail.com Buenas lo que puedes hacer es: /* propiedades para cuando sólo tenga esta clase */ .clase1 {} .clase2 {} /* Propiedades para cuando tenga las dos */ .clase1.clase2 {} El problema, como siempre, es que IE6 no interpreta si encadenamos dos nombres de clase (el selector anterior). Así que si quieres dar compatibilidad a este navegador, no vas a poder usar este tipo de cosas. Ramon -- Ramon Vilar Gavaldà - http://ramonvilar.facil.cat - http://blog.facilitant.net Membre de FÀCIL - http://www.facil.cat Membre de l'esplai SESA - http://www.esplaisesa.org ___ 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 ___ 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] Recomendaciones de manuales
Hola, Sobre libros de texto, yo te recomendaría el libro Diseño web, guía de referencia de Jennifer Niederst Robbins. No es solo de css pero lo que te cuenta de css es más que suficiente para tener las cosas claras y además te habla sobre html/xhtml, javascript, servidores, accesibilidad, navegadores, formatos de imagen, medios... y es el único libro que he encontrado que te hable sobre microformatos. En mi opinión es sencillamente un libro que hay que tener, lo único malo es que en español no está traducida la edición más actual, pero solo afecta al capitulo que habla sobre navegadores y poco más. Solo de css puedes encontrar un libro que a mi me gusta bastante, que en español se llama: Curso de css de Christopher Schmitt, excelente también, pero más enfocado en plan recetas el titulo en inglés es css cookbook lo que se debería haber traducido como libro del cocinero de css, pero... debe ser poco comercial ;-) Y gratuito puedes encontrar un libro en pdf que se llama: XHTML+CSS de una maldita vez escrito por Belen Albeza (BenKo) bastante claro y divertido aunque no profundiza demasiado y como ya te han dicho, los de librosweb que están muy muy bien. Saludos Rafa 2tonewarrior setfsdg escribió: Buenas, queria saber donde podia encontrar una página con manuales paso a paso de CSS desde un nivel muy básico y con ejemplos si es posible (y en español). He visitado muchos pero tengo poco tiempo y cojo un poco de aqui y un poco de allí, por lo que nunca acabo de aprender bien. Me gustaria que me recomendarais vosotros alguno bueno y unificado (también se admiten sugerencias de libros de texto). 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://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
[Ovillo] Duda sobre selectores con varias clases
Hola a todos, La duda que tengo surge de unos div que tienen asignadas dos clases .clase1 y .clase2 (los nombres han sido cambiados para proteger la intimidad ;-) a veces tienen asignada solo .clase1 a veces solo .clase2 y a veces .clase1 y .clase2, y de lo que no estoy seguro es de si puedo asignarle propiedades diferentes para cuando son ambas clases con algún selector. Lo pongo en código: div class=clase1/div div class=clase2/div div class=clase1 clase2/div .clase1 { background: #666; } .clase2 { background: #ccc; } .clase1 .clase2 { background: #999; }/* (quizás +, creo que no, esto es lo que no se)*/ Muchas gracias a todos Saludos Rafa ___ 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] Duda sobre selectores con varias clases
Perdonarme porque las propiedades que he puesto no se complementan, se me fue, por favor aceptar este código a cambio: div class=clase1/div div class=clase2/div div class=clase1 clase2/div .clase1 { font: 1em Arial, Helvetica, sans-serif; } .clase2 { font-weight: bold } .clase1 .clase2 { background: #999; }/* (quizás +, creo que no, esto es lo que no se)*/ Es decir se conservan las propiedades de las dos clases y se suma la otra al ser ambas Saludos Rafa Rafael García Lepper escribió: Hola a todos, La duda que tengo surge de unos div que tienen asignadas dos clases .clase1 y .clase2 (los nombres han sido cambiados para proteger la intimidad ;-) a veces tienen asignada solo .clase1 a veces solo .clase2 y a veces .clase1 y .clase2, y de lo que no estoy seguro es de si puedo asignarle propiedades diferentes para cuando son ambas clases con algún selector. Lo pongo en código: div class=clase1/div div class=clase2/div div class=clase1 clase2/div .clase1 { background: #666; } .clase2 { background: #ccc; } .clase1 .clase2 { background: #999; }/* (quizás +, creo que no, esto es lo que no se)*/ Muchas gracias a todos Saludos Rafa ___ 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
Re: [Ovillo] C ó digo correcto para mostrar direcci ó n de contacto
Hola, A mi me gustaría que me ayudaras a comprender tu razonamiento sobre los br. ¿Cuando un salto de línea no tiene que ver con la manera en que un texto se ve? Saludos Rafa Rafael G. Lepper Responsable de Tecnologías Para Diseño Web Motorpress Ibérica SkuNk escribió: El 6 de febrero de 2009 12:06, Rafael García Lepper rglep...@mpib.esescribió: Hola, Lo mejor que puedes hacer para marcar una dirección es usar el microformato hcard[1] es bastante fácil si usas el creador de hcard[2]. Si la dirección es la del dueño de la web o el webmaster debes usar la etiqueta address [3] aunque la definición esta clara el nombre de la etiqueta confunde y es bastante discutida porque está muy limitada. Con hcard puedes controlar el aspecto desde css porque los microformatos usan simples nombres de clase, así que por favor cada vez que quieras saltar de línea, usa una etiqueta con display: block; y no la cochinada del br / que aunque cumple estándares (como verás lo usan en el enlace a la w3schools) es usar una etiqueta para el aspecto, que es algo que debemos tratar de evitar . Yo quiero hacer un apunte, y es que yo pienso, que el br/, si viene dentro del contenido de un p, address, etc. es correcto ya que forma parte del contenido (por ejemplo al utilizar la función nl2br() de php) en sustitución de saltos de línea, además de que así cumple perfectamente con el estándar. Lo que no veo bien es utilizarlo dentro de la maquetación para conseguir espacios o hacer reseteos de saltos con el clear: both, en ese caso prefiero usar un div con una clase clear. ___ 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] C ó digo correcto para mostrar direcci ó n de contacto
Hola, Lo mejor que puedes hacer para marcar una dirección es usar el microformato hcard[1] es bastante fácil si usas el creador de hcard[2]. Si la dirección es la del dueño de la web o el webmaster debes usar la etiqueta address [3] aunque la definición esta clara el nombre de la etiqueta confunde y es bastante discutida porque está muy limitada. Con hcard puedes controlar el aspecto desde css porque los microformatos usan simples nombres de clase, así que por favor cada vez que quieras saltar de línea, usa una etiqueta con display: block; y no la cochinada del br / que aunque cumple estándares (como verás lo usan en el enlace a la w3schools) es usar una etiqueta para el aspecto, que es algo que debemos tratar de evitar . [1] http://microformats.org/wiki/hcard [2] http://microformats.org/code/hcard/creator [3] http://www.w3schools.com/TAGS/tag_address.asp Saludos Rafa Rafael G. Lepper Responsable de Tecnologías Para Diseño Web Motorpress Ibérica Nacho F. Carreño escribió: Buenas a t...@s, Estoy maquetando una Web y tengo que poner la dirección con el formato: C/ Dirección de la calle, 3 - 4ºB 28000 - Ciudad Provincia - Pais Tfno: 999 999 999 Mail info@ midominio.com Estoy pensando meterlo en un parrafo y forzar los saltos de línea con un br / pero estoy pensando que no estaría cumpliendo con el estandar ¿no? ¿Cual sería la forma más correcta de hacerlo? Un saludo! ___ 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
Re: [Ovillo] publicar Flv en la web
Hola Fabio, Incrustando el object desde dw8 pasa lo que te pasa, no te puedes fiar. Mi consejo es que uses swfobject[1] para meter flash, es el mejor método, el más sencillo y accesible, lo único es que dependes de javascript, pero... [1] http://code.google.com/p/swfobject/ Saludos Rafa http://www.huevocucharacuento.info Fabio Acosta Barrientos escribió: Buenas, tengo un grave problema, quiero publicar un flv, y lo hago a traves de dreamweaver 8, y logro colocarlo bien... lo publico excelente, pero la incomodidad se me presenta cuando trato de verlo en en el mozilla, por que no me aparece, pero si me aparece excelentemente en el internet explorar... Adjunto el codigo que me genera el dreamweaver object classid=clsid:D27CDB6E-AE6D-11cf-96B8-44455354 codebase=http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab# version=7,0,0,0 width=342 height=291 id=FLVPlayer param name=movie value=FLVPlayer_Progressive.swf / param name=salign value=lt / param name=quality value=high / param name=scale value=noscale / param name=FlashVars value=MM_ComponentVersion=1skinName=Halo_Skin_3streamName=S7301400autoPla y=falseautoRewind=false / embed src=FLVPlayer_Progressive.swf flashvars=MM_ComponentVersion=1skinName=Halo_Skin_3streamName=S7301400aut oPlay=falseautoRewind=false quality=high scale=noscale width=342 height=291 name=FLVPlayer salign=LT type=application/x-shockwave-flash pluginspage=http://www.macromedia.com/go/getflashplayer; //object _ Encuentra a tu media naranja con MSN Amor y Amistad http://amor.latam.msn.com/channel/index.aspx?trackingid=202694 ___ 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
Re: [Ovillo] ALINEADO VERTICAL EN UNA CAPA
Laura García escribió: Buenos días, Necesito saber cómo puedo hacer que un elemento (img, texto...) puede mantenerse centrado verticalmente dentro de una capa, la cual no puede llevar una altura fija porque su contenido es dinámico, y un vertical-align:middle no hace nada. Me explico un poco mejor: tengo una capa en la cual, a la izquierda flota una imagen, y a la derecha tengo una tabla tabulada la cual puede contener un número variable de filas. Según aumenta dicho número de filas, la capa exterior crece, y lo que quiero es que la imagen de la izquierda se mantenga siempre en la mitad de la altura de la capa. No hay ninguna propiedad css que te permita centrar verticalmente un elemento en bloque dentro de una capa, o la ventana del navegador, y si estas acostumbrada a maquetar con tablas donde si se puede con facilidad, la estas echando de menos, yo hace años que maqueto solo con css y sigo echándola de menos en algunos casos, sobre todo cuando el alto del elemento a centrar es variable, caso en el que no hay solución. La propiedad vertical-align, solo funciona para elementos en línea, es decir etiquetas como a span etc. pero no en etiquetas en bloque como div, img, p y tampoco parece funcionar cuando cambias el display a inline, probablemente por herencias. Así que para el posicionamiento vertical centrado de cualquier elemento en bloque, se usa un truco, que consiste en posicionar el elemento a 50% desde arriba y restarle con el margen la mitad de su altura, todo trabajando con posicionamiento absoluto. Lo malo de este truco es tener que asignar una altura fija al elemento. Selector { position: absolute; height: 200px; top: 50%; margin-top: -100px } Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
stripTM escribió: O mejor aún, utilizar el pseudo elemento :first-letter http://www.w3.org/TR/CSS21/selector.html#first-letter Pues no creo que sea una buena solución, sobre todo porque lo que quiere cambiar no es la primera letra y además :first-letter no es dinámico ( no cambia al pasar el ratón) etc. con lo que habría que combinarlo con :hover y seguir añadiendo etiquetas al html que no tienen valor estructural y que solo ensucian el código. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] CSS a:hover que no sé hacer funcionar
Javier Barcelona escribió: Hola a todas y todos. A ver si me explico y que se me entienda :-))) Tengo el siguiente código XTHML: div id=container div id=leftmenu/div ul id=navbar lia href=tienda.htmlTiestrong class=resaltadan/ strongda/a/li lia href=colecciones.htmlColeccistrong class=resaltadao/strongnes/a/li lia href=novedades.htmlNovstrong class=resaltadae/ strongdades/a/li lia href=contactar.htmlContstrong class=resaltadaa/ strongctar/a/li /ul /div Con este CSS: #navbar { margin-top:170px; color:#C90; list-style:none; margin-left:235px; font-size:1.2em; } #navbar li { float:left; display:block; margin-left:10px; padding:0 4px 0 4px; } .resaltada { color:#666; text-decoration:underline; } .resaltada a:hover { text-decoration:none; } Como veis una letra de cada elemento del LI tiene un estilo diferente que podéis revisar en el CSS como .resaltada. Mi idea es que al pasar el ratón por encima el estilo de esa letra cambie al estado que reflejo en .resaltada a:hover, pero esta claro que algo no hago bien porque no lo logro. ¿Qué hago mal? Hola, La mayor parte de los problemas con css vienen porque el selector no es correcto, es decir, poner un selector mal, es como poner mal la ruta de una imagen, pero además está el problema de la especificidad, es decir, si hay alguna orden que esta siendo más especifica, es la que prevalece. En esto que tu propones, lo primero es que hay un pequeño problema técnico, porque pretendes que una pseudo clase funcione sobre un elemento strong y eso no funciona en Explorer 6, así que habría que darle una vueltas, porque por otro lado, a nivel de marcado, no le veo el sentido esa etiqueta strong que pones, que corresponde más bien a su aspecto que a su significado. De todas formas, en cuanto al selector, tu tienes una etiqueta strong con la clase resaltada dentro de a y en este código que envías ( no se como ha quedado después de todas las respuestas, así que me atengo al inicial) estas pidiéndoles que cambien a las etiquetas a que estén dentro de la clase .resaltada. Eso en html seria a href=tienda.htmlTiestrong class=resaltadaan/a/strongda/a que no siendo correcto a nivel de marcado, si te solucionaría el problema de Explorer 6. El selector en css para el html que tenías debería ser: a strong.resaltada:hover pero la pseudo clase hover se la estás aplicando a un elemento diferente a a y como ya te he dicho, Explorer 6 no lo entiende. Por otro lado, optimizando tu css, la clase .resaltada no hace falta, podrías evitarla poniendo este selector: #navbar li a strong. Espero que hayas entendido mi explicación, en cualquier caso la respuesta a lo que preguntas: que hago mal? es: estas poniendo el selector incorrectamente. En mi opinión te estás liando y yo creo que lo mejor que puedes hacer para solucionar un problema que parece sobre todo gráfico, es sustituir mediante css los textos (quitándoles el strong) por imágenes con aquella letra cambiada, que van a quedar mejor. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tienda + estandares web
laura escribió: Sabeis algun otro sistema similar a oscommerce (en soporte, mantenimiento, traducciones,) que sea libre, que sea gratuito y ademas cumpla con los estandares web? Hola, Has probado zen-cart?[1] Es casi tan completo como os commerce y en las últimas versiones cumple más o menos estándares. [1] http://www.zen-cart.com Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Marcado de pretitular y tagline
Hola a todos, Me ha surgido una duda y no he encontrado respuesta googleando, he pensado que quizás alguien en la lista podría ayudarme. Me gustaría marcar correctamente un pretitular, esto es, una pequeña frase introduciendo un titular, pero no conozco ninguna etiqueta para esta función, la he buscado, pero no la he encontrado, ¿sabe alguien qué etiqueta sería la más correcta?. Lo mismo me pasa con el tagline, no se qué etiqueta se debe usar, porque no es lo mismo que el titular, si no una coletilla del mismo y sin embargo en las páginas en las que me he fijado, lo meten dentro de la etiqueta del titular, que no creo que sea lo más correcto... Muchas gracias. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Marcado de pretitular y tagline
Ignacio Ricci escribió: Mmm, otro nivel de heading? Pues lo he pensado, pero la verdad es que no me parece correcto, no creo que sean titulares, ni el pretitular ni la tagline... Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Imagenes de fondo en IE 6
Monica Forrisi escribió: Hola Ignacio, hola Jesús: Les paso el html + css div class=navegaciona href=#Inicio/a | a href=#Categoria 1/a/div .navegacion {width:384px; background:url(../imagenes/fdonavega.gif) no-repeat; padding:5px 5px 5px 70px; margin:10px 0 20px 0} Hola, Creo que el problema debe ser por la altura del div. A menos que le digas lo contrario, un div se adaptará a lo que tiene dentro, y probablemente la imagen de fondo se está viendo, pero no completamente, lo que te hace pensar que no se ve en absoluto y lo que pasa es que en explorer por su forma de interpretar el modelo de cajas el padding entra en el bloque y en firefox no. Probablemente vayan por ahí los tiros. Me parece que si fuera el tema de las rutas que te han comentado por aquí, no se vería tampoco en firefox, y puesto que echas la culpa directamente a explorer, asumo que solo está fallando en explorer. Por otro lado, comentarte como consejo aunque no tiene que ver con lo que preguntas, que está bastante establecido que un menú es una lista de opciones, y como tal debe marcarse, aunque se vayan a ver en horizontal. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] propiedad for del label desde javascript
Joseba escribió: Alo! Alguien sabe como invovar la propiedad for del label desde javascript document.getElementById(label).for . no va, je. Hola, Te estas refiriendo a una etiqueta como si fuera un id al decir getElementById por eso no te funciona. Intenta añadirle un id al label o usar getElementsByTagName(label) aunque ten en cuenta que va a afectar a todas las etiquetas label que tengas. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] [OT] propiedad for del label desde javascript
Joseba escribió: AG Invovar = invocar (solo para mentes aletargadas que no ven errores gramaticales a simple vista) document.getElementById(label).for label es el id de la etiqueta label. document.getElementById(idlabel).for (+ claro?) Alguien se quiere centrar en el problema?... Gracias. STFW Y muestra un poco de respeto!! aunque las respuestas no hayan sido acertadas, tu pregunta ha sido planteada muy mal. ___ 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] propiedad for del label desde javascript
Hola Joseba, Tu falta de respeto y tu arrogancia al plantear la pregunta y al no saber reaccionar ante lo que te responden, no merecen que nadie te responda, y por eso lo más seguro es que así sea. Así que no insistas, no al menos en esta lista, porque como ya te han dicho no es la adecuada. El hecho de que ahora hayas añadido [OT] es inútil. Aprende a formular preguntas en foros y listas y a demostrar respeto por alguien que pierde su tiempo para ayudarte a resolver un problema, aunque su respuesta no consiga solucionarlo. http://www.sindominio.net/ayuda/preguntas-inteligentes.html ___ 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] Curso de diseño web
Carlos Marrero escribió: Llevo varios años trabajando como diseñador web, y aún no he conseguido dominar las hojas de estilo. Ver la programación de este curso me hace pensar que debo ser tonto. ¿ A quién va dirigido este curso ? ¿ Diseñadores, maquetadores, integradores o programadores ? North css escribió: Es cierto lo que dice Carlos, yo creo que lo único que esta mal es el titulo del curso, no es un curso de diseño web, es un curso de desarrollador web ( persona capaz de diseñar, maquetar y programar) Hola, Está enfocado para alguien que empieza de cero. No pretendo que los alumnos salgan del curso dominando todo lo que está en el temario, pero si al menos conociéndolo y con recursos suficientes para investigar sin dar palos de ciego en aquello que hiciera falta. Es verdad, se puede trabajar durante años en diseño web sin dominar las hojas de estilo, y yo añado... o javascript o xhtml, tengo la impresión de que son cuatro gatos en todo el mundo los que realmente los dominan, pero afortunadamente todos ellos comparten sus conocimientos en sus blogs, libros etc., por eso no pretendo que mis alumnos las dominen en un curso de 300 horas, pero si que conozcan lo que hay, sepan que existe y sepan quienes son los expertos por si les hiciera falta en un futuro puesto de trabajo. En javascript no profundizo, y no creo que saber instalar y configurar cmss como wordpress o drupal se pueda considerar como desarrollar. Sobre php y mysql, lo justo para saber de que estamos hablando con los cms etc. Tampoco profundizo en Photoshop, seria por si solo un curso del triple o el cuádruple de horas al menos. La intención del curso es que alguien pueda empezar a trabajar como diseñador web al terminarlo, no diseñador grafico, no programador web, pero, ¿alguno de vosotros se ha fijado en lo que piden en las empresas para entrar como diseñador web? Vamos, que este temario se queda incluso corto. Al final como mejor se aprende es trabajando, así que mi forma de plantear el curso es que cada alumno desarrolle desde cero un proyecto que de verdad le interese, y cada uno profundizará en lo que más necesite para su proyecto, pero que conozca el resto de cosas, al menos de oídas. De esta forma todos empezarán planteando los objetivos de la web, continuarán organizando la información, para tratar de diseñar una interfaz más o menos bonita ( no entro en cuestiones estéticas) en la que encajen bien dichos contenidos, y donde los menús sean navegables, para eso necesitarán conocer la herramienta que más se usa ( photoshop) y nociones al menos de diseño gráfico. Después la estructurarán en xhtml, la maquetarán con css, ( es en esto en lo que más profundiza el curso) y si quieren les añadirán funcionalidades con javascript. Si alguno de los proyectos necesita contenidos dinámicos, les digo desde el principio como trabajar para personalizar plantillas en el cms que toque, y por último les explico nociones de flash, suficientes para que sepan crear un banner o un video flv... cosas sencillas, y el que lo necesite, que lo use. Al principio doy más teoría, después mezclo teoría y práctica. Lo que más hacen los alumnos en el curso es practicar. La verdad es que a mi me gustaría profundizar más en algunas cosas, pero no hay tiempo, así que trato de inculcar en mis alumnos la cultura autodidacta ligada a esta profesión para que ellos sean capaces de profundizar en aquello que les interese sabiendo distinguir el trigo de la paja. Este va a ser el tercer curso de este tipo que imparto y los dos anteriores fueron buenas experiencias donde creo que los alumnos aprendieron bastante. De hecho, yo ya he contratado en mi empresa como freelance para algunos proyectos a algunos de mis alumnos, con buenos resultados. Espero que a alguien en la lista le parezca interesante y se apunte. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] [OT] Curso de diseño web
Hola a todos, Voy a impartir un curso de 300h (5h/d x 3 meses) sobre diseño web en el centro de formación de Villanueva del Pardillo en Madrid, España y he pensado, que quizás a alguien en esta lista le pueda interesar, más abajo pego una lista de los temas que trataremos, creo que es bastante completo y toca casi todo lo que hace falta para empezar con unos buenos cimientos en este mundillo. Si alguien echa en falta algún punto que considera importante le agradeceré mucho que me lo diga para poder incorporarlo, si es algo sobre seo, no os preocupéis que ya le estoy dando vueltas, solo que no lo he organizado bien, no estoy seguro de si hacer un punto solo para seo o mezclarlo con los demás, y una vez más os agradeceré sugerencias y opiniones. El curso empezará presumiblemente el día 16 de Junio de 2008 y durante el mes de agosto no hay clases, así que acaba a mediados de octubre. La presentación del curso y selección de alumnos será el próximo miércoles 11, el curso forma parte del plan F.I.P. y es completamente gratuito para los alumnos. Está enfocado a desempleados, aunque se admite que el 50% de las plazas estén ocupadas por trabajadores en activo siempre que no haya desempleados que las soliciten en cuyo caso tendrían prioridad. Si a alguien le interesa, puede ponerse en contacto por teléfono o por email Tel. 91 810 09 29 (Ext. 1) centrodeformacion[AT]vvapardillo.org el horario es de lunes a viernes de 9.30 a 14.00 h. y lunes de 16.00 a 19.30 h 1. INTERNET. 1.1. Breve Historia de Internet 1.2. World Wide Web 1.2.1.Historia 1.2.2.Hipertexto 1.2.3.Funcionamiento de la Web 1.2.4.Caché de páginas Web 1.2.5.HTML 1.2.6.Maquetación con tablas 1.2.7.W3C y Estándares Web 1.2.8.CSS 1.2.9.Separación de contenido y aspecto 1.2.10. Web semántica 2. CONCEPTOS IMPORTANTES 2.1. Plantear objetivos 2.2. Arquitectura de la información para sitios web. 2.3. Nociones de accesibilidad. 2.4. Navegabilidad 2.5. Nomenclatura de archivos para su uso en servidores web. 2.6. Organización de archivos 3. PRINCIPIOS DE DISEÑO GRÁFICO APLICADO A PÁGINAS WEB. 3.1. Distribución de elementos. 3.2. Usabilidad y navegabilidad. 3.3. Teoría básica del color y su uso 3.4. Fuentes 3.4.1. Limitaciones del uso de fuentes para web 3.4.2. Tipos de fuente 3.4.2.1.Oldstyle 3.4.2.2.Modern 3.4.2.3.Slab Serif 3.4.2.4.Sans serif 3.4.2.5.Script 3.4.2.6.Decorative 3.5. Proximidad 3.6. Alineamiento 3.7. Repetición 3.8. Contraste 3.9. Tipos de diseño que funcionan 4. ADOBE PHOTOSHOP. 4.1. Introducción y conceptos básicos. 4.2. El Área de trabajo 4.2.1. Barra de menús 4.2.2. Barra de herramientas 4.2.2.1.Mover 4.2.2.2.Selección 4.2.2.3.Recorte y sector 4.2.2.4.Retoque 4.2.2.5.Pintura 4.2.2.6.Dibujo 4.2.2.7.Texto 4.2.3. Barras de opciones, estado, información y zoom 4.2.4. Paletas flotantes 4.2.5. Control de color 4.2.6. Control de máscara 4.3. Dibujo y pintura 4.3.1. Formas 4.3.2. Trazados 4.3.3. Modos de fusión 4.3.4. Degradados 4.3.5. Relleno y trazado de selecciones y capas 4.3.6. Creación y gestión de motivos 4.4. Texto 4.4.1. Herramientas de edición 4.4.2. Efectos 4.5. Transformación 4.6. Contraste 4.7. Capas 4.7.1. Uso de capas 4.7.2. Propiedades 4.7.3. Estilo de capas 4.7.4. Filtros 4.7.5. Fusión 5. GRÁFICOS EN LA WEB 5.1 Imágenes vectoriales y mapas de bits. 5.2. Formatos de imágen 5.2.1. Gif 5.3.2. Jpeg 5.4.3. Png 5.3. Resolución de imágenes 5.4. Tamaño de imágenes 5.5. Optimización de imágenes para web 6. XHTML 6.1. Lenguajes de marcado 6.2. Marcado semántico 6.3. Estándares definidos por el consorcio W3C. 6.3.1. HTML 4.01 6.3.2. XHTML 1.0 Transitional 6.3.3. XHTML 1.1 Strict 6.4. Estructura XHTML 6.4.1.La codificación 6.4.2.El DOCTYPE 6.4.3.El elemento raíz 6.4.4.La cabecera 6.4.5.El cuerpo 6.4.6.Elementos 6.4.6.1.Elementos reemplazados 6.4.6.2.Elementos no reemplazados 6.4.7.Atributos 6.4.7.1.Tipos de atributo 6.5. Etiquetas básicas 6.5.1.Los títulos 6.5.2.Párrafos 6.5.3.Divisiones 6.5.4.Comentarios 6.6. Enlaces 6.6.1.Enlace a una página externa 6.6.2.Enlace a una página local 6.6.3.Enlace a una dirección de e-mail 6.6.4.Anclas 6.7. Listas 6.7.1.Listas ordenadas 6.7.2.Listas sin ordenar 6.7.3.Listas de definición 6.7.4.Listas anidadas 6.8. Imágenes 6.8.1.Insertar una imagen 6.8.2.Imágenes como links 6.8.3.Cuando y como usar la etiqueta img / 6.9. Tablas 6.9.1.Cuando y como usar tablas 6.9.2.Subtitulo 6.9.3.Cabecera cuerpo y pie de tabla 6.9.4.Filas 6.9.5.Celdas 6.9.6.Encabezado de tabla 6.9.7.Atributos de table 6.9.8.Expandir filas y columnas 6.9.9.Una tabla básica
Re: [Ovillo] [OT] Curso de diseño web
Roberto Barreiro escribió: me quede con esta frase y sin palabras 1.2.6.Maquetación con tablas Pues te quedaste muy al principio ;) xD En ese punto cuento la historia de la maquetación web y el porqué de la evolución hacia css, me parecería un enorme error no hablar a mis alumnos sobre las tablas. Este texto es más o menos la idea; si leéis errores agradeceré que lo digáis. 1.2.6. Maquetación con tablas A pesar de la creación de un consorcio para definir estándares, estos iban por detrás de los diseñadores que buscaban la forma de controlar absolutamente el aspecto de una página web para conseguir hacerla parecida a los diseños que se venían haciendo hacía décadas para publicar en medios impresos. El único recurso posible para conseguir ese objetivo era el uso de tablas, ya que colocando elementos dentro de diferentes celdas se podía conseguir posicionarlos según lo diseñado, visualmente funcionaba, aunque se alejaba del motivo por el que fueron creadas las tablas, es decir: mostrar datos tabulares. Además traía un problema añadido, el código generado para maquetar una página web tenia mucho más que ver con como debía verse esa página que con la información que esta contenía, algo que se aleja bastante de la idea inicial del lenguaje HTML de definir y estructurar las diferentes partes de un documento según sus contenidos. A pesar de los problemas que conlleva, y debido a que no había otra opción la maquetación con tablas se extendió muchísimo, llegando a ser un ³estándar² de facto, admitido por la gran mayoría hasta hace pocos años. 1.2.6. CSS Por supuesto el problema de ³polucionar² html con etiquetas dedicadas a la presentación era algo que no pasaba desapercibido para el W3C que se dedico rápidamente a buscar una solución. En 1995, el consorcio empezó a publicar un trabajo en evolución llamado CSS... He sacado el enfoque en buena parte del libro de Eric Meyer CSS: The definitive guide Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Resultados de Google
Rodrigo Álvarez Virgós escribió: http://www.google.es/search?q=%22miras+de+fusil%22 El sitio que sale el primero lo desarrolló el menda. Como ves: el primer enlace lleva a las miras de fusil, y el segundo a la página de inicio. Y no pagué ni un sólo céntimo por ello Hola Rodrigo, me parece que no se está hablando de esos enlaces, si no de estos: http://www.google.com/search?q=motociclismo Esta página está maquetada con tablas etc. pero tiene los mejores contenidos sobre el tema, que es al final lo que a google le importa. No creo que hayan pagado por estos enlaces de sitio. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] OT: Filosofía de lo obstructivo y lo invasivo [Era: Ocultar texto de un value en un input s ubmit]
Hola Ramón, Hay algo de lo que dices que no entiendo, es lo siguiente: En inglés, la palabra es obtrusive, y no obstrusive, lo cual ya da una idea de cómo se hizo la traducción (a oído, vamos); y significa entrometido. Por eso se usa con ese significado que tú has expuesto, el de de entrometerse donde no toca. Por supuesto no tiene nada que ver con el español obstruir ni con posibles obstrucciones que se puedan provocar al usuario, sino con el hecho de que se mezcle el contenido con los comportamientos, como tú bien has dicho. Por eso para mí, en español, la traducción correcta sigue siendo invasivo, porque realmente invade un terreno que no le corresponde: el del código HTML, y además no se presta a confusiones sobre si eso obstruye a algo o a alguien. En cuanto al efecto frustrante, en efecto, yo lo suelo llamar no accesible, o simplemente chapuza [guiño] Si dices que la traducción de obtrusive es entrometido y no invasivo, ¿por qué después opinas que la mejor traducción seria invasivo? Si en inglés hubieran querido decir que el Javascript invade probablemente habrían usado invasive JS pero no, han elegido bien el termino con sus matices, que no es lo mismo invadir que entrometerse, y digo yo: ¿por qué no usar Javascript entrometido? Ya se que suena a Gárgamel, pero es desde luego la traducción más acertada. Saludos Rafa biosfera 4 diseño y desarrollo web http://www.biosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Tarifas de Páginas Web
Hola, Ardilla Roja escribió: Si les interesa, les puedo madnar el xls, igual y es bueno para empezar, tal ves a alguien se le ocurra otra cosa, y sale algo mejor :) Si por favor, cuélgalo en algún sitio para poder descargarlo. Creo que puede ser muy interesante. Saludos Rafa ___ 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] propiedades no visibles de los div
Hola, Como te ha dicho Joseba, no es estándar, porque se supone que las barras de scroll son algo que no se debe cambiar, porque son parte de la ventana y no de la web, así que solo funciona en los ies, pero aquí[1] tienes un javascript para cambiarlos en la mayoría de los navegadores, es de pago para proyectos comerciales. Úsalo con moderación. [1] http://www.hesido.com/web.php?page=customscrollbar Saludos Rafa biosfera 4 diseño y desarrollo web c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 http://www.biosfera4.com rafael.g.lepperATbiosfera4.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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Nueva lista para desarrolladores PHP (E ra: ¿Es el momento para crear una lista de diseño y desarrollo web?)
Hola, El motivo por el que yo propuse una nueva lista sobre diseño y desarrollo web en general es sobre todo para tener una lista (que yo no he encontrado) en la que poder hacer preguntas de todo tipo de cosas relacionadas con el diseño web, pero que no son tan amplias como para tener su propia lista, por ejemplo, últimamente ha habido un par de hilos sobre presupuestos, yo envié un post sobre briefings, alguien pregunto sobre bancos de imágenes, otro sobre drupal, otro sobre kubuntu, otro sobre sitemaps... Son todo preguntas relacionadas con el diseño y desarrollo web, que no tienen envergadura para una lista propia ( algunas si. Maaal ;-) XD) y que fueron publicadas en ovillo por el alto nivel de profesionales que hay, y por que se sabe que los que están en ovillo además de css saben muchas otras cosas sobre desarrollo web. Pero esto está polucionando una lista enfocada a css, por eso propongo crear una lista dedicada a temas generales, y pregunto antes de crearla porque pretendo que sea la gente de ovillo, para conservar el nivel, la que forme parte de esa lista, si hay buena respuesta e interés, se crea y punto, como se hizo con javaEScript. La lista que propongo no pretende abarcar todo, (porque quien mucho abarca, poco aprieta) si no todos esos pequeños asuntos necesarios en nuestro día a día, que no encajan exactamente con ninguno de los grandes campos para los que si hay listas y muy buenas, que ya se han nombrado aquí. Si os interesa y os parece buena idea y somos bastantes, pues crear un grupo de Google es sorprendentemente fácil. Y si os parece la gran megachorrada porque ya hay suficientes listas y una más no aporta nada, pues tan contentos y a seguir currando. Saludos Rafa ___ 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] Nueva lista para desarrolladores PHP (E ra: ¿Es el momento para crear una lista de diseño y desarrollo web?)
Hola, Rodrigo escribió: Si hubiese un grupo OT Ovillo, Ovillo general o algo así, yo me apuntaría xD Se aceptan propuestas creativas para el nombre Saludos Rafa ___ 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] Consejo para presupuesto web
Hola, Arturo escribió: Esto es un error de planteamiento muy serio. ¿Estás diciendo que la titulación ideal para el diseño/desarrollo web es 'Informática'? ¿Cómo que se requiere menor cualificación para desarrollar una web que para desarrollar una aplicación de escritorio? Esto no puede ser en serio Lo que estoy diciendo es que la titulación ideal para diseñar una web es diseñador grafico ( especializado en web), para maquetarla es maquetador web ( especializado en marcado semántico, xhtml+css y javascript) y para programar el backend es informático, porque es en esa carrera, en la que enseñan a programar lógicamente, a usar lenguajes orientados a objetos, a optimizar recursos etc. Francamente, a mi me parece mucho menos complicado maquetar que programar o que diseñar. Creo que a maquetar puede aprender cualquiera que se ponga, y hacerlo bien, porque no requiere la capacidad de abstracción y pensamiento lógico necesarias para programar, ni el talento creativo necesario para diseñar y no le quito merito a la maquetación, es difícil y es lo que yo más hago pero al cesar lo que es del cesar. En cualquier caso, lo mejor para un proyecto desde mi punto de vista es que todos los que forman el equipo, sepan sobre los campos de sus compañeros, al menos lo suficiente para comprender las dificultades que estos atraviesan, y estén coordinados por una persona que sepa un poco ( cuanto más mejor) de todo y que como dijo Solange gestione bien los tiempos y sepa lidiar con el cliente. Saludos Rafa ___ 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] Consejo para presupuesto web
Hola, Ernesto Frias escribió: un buen diseñador web (y reitero lo de buen) debe conocer aspectos como semántica, estándares y accesibilidad, y creo que es más tarea del diseñador que del ingeniero o programador. No entiendo por que crees eso, me parece que es absolutamente necesario que el diseñador conozca el medio para el que está trabajando, pero no entiendo el motivo por el que debe ser un diseñador y no un programador el que se encargue del marcado semántico en xhtml, css y javascript, me parece que está más cerca del mundo de la programación que del diseño gráfico, aunque es justo el nexo entre ambos, pero en cualquier caso, lo veo suficientemente complejo como para que haya una persona especializada en maquetación en cada equipo. Saludos Rafa ___ 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] Consejo para presupuesto web
Hola, Arturo Martín escribió: ¿Me explicas cómo puede un maquetador web hacer de un diseño algo funcional si el diseño ya le viene 'hecho'? No se puede con líneas de código html 'hacer funcional' un diseño que no lo es. Si el diseñador es un diseñador web habrá hecho el diseño manejando conceptos como la usabilidad web, eye tracking etc. y el diseño que le llegará hecho al maquetador será un buen diseño web. Creo que estás entendiendo mal 'hacer funcional', entiendo que está escrito en el sentido de hacer que un diseño (sea bueno o no), se convierta en web con sus enlaces y demás, y no en el sentido de que una web sea usable, accesible etc. que creo que tu estás interpretando. Saludos Rafa ___ 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] Consejo para presupuesto web
Hola a todos, Al leer esto que ha escrito Joseba: multiplicarlo por un precio hora razonable (entre 15 y 25 euros para un freelance según su calidad). 20 dias? Pues 20x8x20 = 3.200 pavos. He pensado lo siguiente: Cualquier asistenta cobra entre 10 y 15 euros la hora, dependiendo de la provincia, en algunas incluso más. Un mecánico cobra como poco 50 euros la hora. Un fontanero, mínimo 50... Estos son servicios a particulares (b2p) En empresas de desarrollo informático a medida, un precio por hora razonable es 60 euros, y nadie pestañea al presupuestarlo. (b2b como suele ser el nuestro) Siendo el precio por hora que comenta Joseba el precio real de mercado como es, no creéis que en realidad nuestro trabajo se está cobrando demasiado barato? Por otro lado y contestando más al hilo, no creo que se puedan cobrar igual las horas dedicadas a maquetación xhtml+css que las dedicadas a programación php+mysql que es en mi opinión bastante más complejo y donde influye por ejemplo que si ya tienes clases programadas que re usas en proyectos como suele ser normal tardas menos horas de lo que deberías en programar etc. Al ser freelance que trabaja para una empresa, no se puede cobrar lo mismo que si trabajaras directamente para el cliente, porque toda la parte de contacto con el cliente; comercial, briefing del proyecto ( parte súper importante porque de el dependerá todo tu trabajo) y demás cosas que son necesarias, te las ahorras... Por último ten en cuenta que tu pericia debe ser directamente proporcional al precio por hora aunque siempre influirá lo mucho que desees un proyecto. En tu caso yo les diría que por ser el primer proyecto que te encargan, y para demostrarles que eres muy bueno en lo que haces (supongo) y que quieres trabajar con ellos habitualmente, éste se lo vas a hacer con un 25% de descuento o algo así... No se, es una idea, calcula si te interesa. Saludos Rafa ___ 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] Modelos de Briefing para el desarrollo de un sitio web
Hola Victoria, Espero que esto te sirva de guía, pero en cualquier caso no te olvides de explicarle al comercial cómo trabajáis y porqué necesitáis cada una de las piezas de información que le pedís. Quizás él sepa cómo extraer esa información al cliente con otras preguntas ya que, un buen comercial sabe cómo entender el cliente y trasladar esas necesidades al proceso de la empresa. Muchas gracias por tu respuesta, ha sido útil para reenfocar ciertas cosas, pero mi intención es depurar las preguntas necesarias, y no tanto desde el punto de vista del comercial, si no más bien desde el punto de vista del creativo que es al fin y al cabo quien va a hacer uso de la información recopilada y quien va a necesitar que el briefing recoja lo que el cliente busca para poder enfocarlo al usuario correctamente y que todas las partes ganen. Mi pregunta pretende añadir o modificar preguntas en el cuestionario tipo que estoy planteando, es el siguiente: El Cuestionario (Briefing) 1. Definir el sitio:. 1.1. A que se dedica la empresa? 1.2. Qué pretende conseguir con este sitio web? 1.3. A qué público objetivo quiere dirigirlo? 1.4 En cuanto tiempo pretende lograr sus objetivos? 2. Definir aspecto 2.1. Tiene identidad visual corporativa? Si la respuesta es no: 2.2. Qué colores/tonos prefiere? 2.3. Tiene constantes visuales? cuales tiene? (logos, folletos, tarjetas) Aquí podríamos plantear otro cuestionario enfocado a desarrollar la identidad visual corporativa, pero no es el caso. Si la respuesta es si: 2.4 Nos puede facilitar un libro de estilo? 2.5. Sitios web de referencia intentando averiguar qué le gusta de cada uno. 3. Contenidos 3.1. Qué contenidos hay? 3.2. Que contenidos faltan? El cliente dará los contenidos que tenga, y los que no tenga aún que nos diga que va a ser y tomamos nota, se leen con el y se miran las fotos juntos. 3.3. Estructura. (después de leer/mirar los contenidos) Todas estas preguntas, son para ir creando la estructura junto con el cliente, lo mejor es sugerir y escuchar, pero que el cliente entienda por qué se debe desarrollar una estructura 3.3.1. Cuantas secciones hay? 3.3.2. Cuantas subsecciones hay y en qué secciones están? 3.3.3. Qué se va a mostrar en cada sección/subsección 3.3.4. A que página entra? ( si no hay intro) 3.3.5. En el caso de que el proyecto sea complejo ( una tienda, un portal etc. o incluso en alguna sección de los sitios sencillos), explicar el funcionamiento de cada sección/subsección, con sus detalles, separando bien la parte de usuario y la de administrador ( si hubiera ), y especificando como funciona cada una: i. Que sección es?. ii. Que hace? iii. Para que sirve? iv. Donde lleva? v. Que debe mostrar? 3.4. Ordenar contenidos 3.4.1. donde van los contenidos dados? 3.4.2. donde irían los contenidos que faltan? esto es para recibir los materiales con un mínimo orden, que no tengamos que adivinar donde van los textos y las imágenes (para evitar cosas como un cd con 200 imágenes muchas parecidas, todas juntas con nombres del tipo dsc_110.jpg directamente salidas de la cámara), porque se pierde demasiado tiempo y a menudo se tienen que cambiar después de la entrega preliminar 4. Otras observaciones Revisar todo lo apuntado (leyéndolo con el cliente) para asegurarse de que no hay ningún malentendido, o confusión y que no falta nada. Esto a mi me parece bastante completo, pero estoy absolutamente seguro de que muchos de vosotros habéis echado en falta cuestiones que os parece que son fundamentales, y que muchas otras os sobran... Muchas gracias por vuestra atención. Saludos Rafa biosfera 4 diseño y desarrollo web c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] Modelos de Briefing para el desarrollo de un sitio web
Hola, He buscado en Google sobre este tema y he encontrado poca información que no me ha resultado muy útil, por eso recurro a esta lista en la que se que hay profesionales con amplia experiencia en el trato con clientes que espero puedan echarme una mano. En cualquier caso, pido disculpas por el OT. Estoy tratando de desarrollar uno o varios modelos de briefing para que un comercial con conocimientos de web pero no diseñador/maquetador/programador trate de obtener la mayor información útil posible de un cliente a la hora de plantear el desarrollo de su sitio web. ¿Que preguntas planteáis o plantearíais a un posible cliente para desarrollar un buen briefing de un proyecto? Saludos Rafa biosfera 4 diseño y desarrollo web c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] position fixed
Hola, ie6 no entiende y se comporta de forma rara con position fixed, has probado con position: absolute; bottom: 0 ? Eso si que le gusta a ie6 y podrías conseguir que de esa forma #abajo se pegue abajo de la ventana, como creo que quieres, pero evitando ese descuadre de la línea y tal. No se si funcionará pero... Saludos Rafa biosfera 4 diseño y desarrollo web c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] Hola. Tengo un problema con position:fixed en http://www.globalintermedia.es/apm/ He conseguido que en Firefox se vea perfecto, en ie7 casi bien (un pixel a la izquierda), pero en ie6 no se ve bien y en ie anteriores se ve fatal. ¿Hasta que versión se puede conseguir que se vea correctamente? (con llegar a la 6 me conformo) ¿Sabeis de alguna página que tenga una parte fija abajo o arriba con este sistema para tomar como referencia? Un saludo. _ Tecnología, moda, motor, viajes,suscríbete a nuestros boletines para estar a la última http://newsletters.msn.com/hm/maintenanceeses.asp?L=ESC=ESP=WCMaintenanceBr and=WLRU=http%3a%2f%2fmail.live.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://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
Re: [Ovillo] divs y height: 100%
Hola, No se si te he entendido muy bien, pero creo que lo que te pasa es que no consigues el alto al 100% del elemento padre independientemente del contenido, no? Y que cuando el contenido es demasiado largo se te sale??? Mira este código, funciona bien en firefox y en ie7, ie6 va a su bola y habría que darle una css diferente, pero... a ver si te sirve: head style type=text/css body { overflow: hidden; } #cabecera { position: absolute; top: 0; left: 0; width: 800px; height: 200px; background-color: #009933; } #lateral { position: absolute; top: 200px; bottom: 0; left: 0; background-color:#003399; width:200px; } #contenido { position: absolute; top: 200px; bottom: 0; left: 200px; background-color:#CC; width:600px; overflow: auto; } p { text-align:center; color:#FF; } /style /head body div id=cabecera/div div id=lateral/div div id=contenido pLorem ipsum dolor sit amet, consectetuer adipiscing elit. In accumsan arcu in nisi. Maecenas nec est. Mauris ac mi id leo vulputate posuere. Sed in lorem id dui vestibulum semper. Sed condimentum tincidunt arcu. Fusce risus. Mauris fermentum, pede sit amet sodales euismod, pede augue interdum libero, id euismod est leo nec massa. Vivamus odio tellus, fermentum euismod, rutrum in, molestie ut, dolor. In venenatis mi vitae lorem. Suspendisse pharetra vulputate quam. Duis porttitor. Aenean mi metus, cursus eu, tincidunt et, molestie a, nisl. Praesent quis felis. Cras fermentum./p pCurabitur laoreet sapien in lorem. Nulla euismod placerat velit. Donec egestas elit ac felis. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas vitae nulla. Proin luctus lacinia orci. Phasellus in lectus id felis iaculis volutpat. Sed at sapien. Phasellus eleifend, erat porttitor condimentum euismod, justo lectus volutpat sem, eget consequat nibh justo eu turpis. Fusce a justo. Suspendisse scelerisque. Nunc ipsum velit, scelerisque ac, pharetra vitae, blandit ac, nulla. Sed leo mi, pulvinar sit amet, luctus nec, gravida vel, magna./p pNam velit. Sed adipiscing justo et eros. Maecenas viverra pede porta lectus. Maecenas justo mi, rutrum faucibus, vehicula in, ornare et, pede. Praesent ac sapien. Mauris ut lectus a lacus euismod tincidunt. Mauris laoreet accumsan nisi. Mauris lacus. Phasellus justo tellus, rutrum tempor, tristique nec, ornare at, diam. Proin magna. Cras a est eget metus commodo tempus. Duis lorem. Etiam dignissim enim ut diam rutrum nonummy. Quisque urna sapien, pretium bibendum, tincidunt eget, fringilla a, pede./p pMaecenas massa purus, pulvinar non, auctor id, feugiat sed, lectus. Suspendisse quam urna, ultricies quis, cursus et, luctus ac, ligula. Nulla aliquam quam nec nisl. Suspendisse volutpat cursus ligula. In eget massa vitae felis fringilla consectetuer. Vivamus nunc. Phasellus rhoncus urna vitae odio. Cras turpis. Sed sem. Vivamus nisi nunc, rhoncus vel, porttitor condimentum, scelerisque sed, odio. Ut semper porta libero. Nulla faucibus, quam faucibus gravida egestas, nunc velit rhoncus odio, ut tincidunt augue nibh eget mi. Cras sodales. Etiam vel turpis. Quisque quam ligula, sagittis non, tincidunt nec, ullamcorper nec, ligula. Etiam tempus, mi vel condimentum dignissim, purus velit eleifend risus, sed dignissim dolor nisi bibendum massa. Donec fermentum magna hendrerit lorem. Curabitur eu leo eu nisi facilisis lacinia. Duis laoreet feugiat lacus./p pSed quis sem nec libero laoreet dapibus. Integer purus nibh, gravida eget, bibendum vitae, mattis non, justo. Suspendisse potenti. Proin gravida. Nullam viverra eleifend odio. Donec dictum, orci et laoreet tincidunt, mi diam vehicula nisi, ut vehicula augue mauris eget felis. Donec tellus neque, euismod auctor, pulvinar ac, mattis vitae, tortor. In accumsan condimentum tellus. Pellentesque nec nisi. Nulla nunc. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec volutpat. Donec sed est. Integer vitae dui in est condimentum malesuada. Mauris dui. Integer sem risus, placerat et, congue ac, faucibus nec, est. Fusce non tortor. Donec tempus nisi vehicula quam. Ut gravida laoreet ante. Etiam consectetuer, neque ut pellentesque sodales, ante purus condimentum quam, id lobortis felis mi quis nisi./p /div /body Saludos Rafa biosfera 4 diseño y desarrollo web c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] hola a todo el mundo. tengo un problema que no soy capaz de solucionar. ya estoy cansada de buscar por google. ni siquiera se si estoy buscando bien. vamos a ver si alguien me puede ayudar: para que os hagais una idea, es similar a esta imagen que encontré: http://www.grmn.ws/images/css_final.jpg esta es mi página: 3 divs. el primero es cabecera de ancho y alto fijos. el segundo y el tercero son lateral y contenido de ancho fijo y alto 100% (tengan o no
[Ovillo] Saltos de l í nea sin etiqueta extra
Hola a todos, Intentando separar completamente el contenido del aspecto, he conseguido hacer prácticamente todo con css, y lo único que no he encontrado es la forma de conseguir un salto de línea sin añadir un br o alguna etiqueta a la que pueda ponerle un display: block para conseguir que la línea salte, pero esto es incluir un elemento de maquetación de texto en el xhtml. Existe alguna forma de conseguir un salto de línea donde yo quiera desde css sin añadir etiquetas html? Saludos Rafa ___ 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] Saltos de l í nea sin etiqueta extra
Hola, Siempre que hay un salto de línea cambia un párrafo? Entonces, por que en los editores de texto existen saltos de línea y saltos de párrafo? Saludos Rafa salud; creo que una manera correcta es utilizar la etiqueta de párrafo p para la estructuración del formato del texto. si se ha de incluir un salto de línea estaríamos hablando de párrafos independientes por lo que creo que ésto sería lo adecuado, sin necesidad de añadir ninguna otra etiqueta. ___ 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
[Ovillo] Valor sem á ntico de la etiqueta div
Hola a todos, Pretendo con este post aclarar una duda que me ha surgido al leer en unos cuantos tutoriales de xhtml y css que las etiquetas div sirven para organizar semánticamente nuestra página, cuando yo siempre he visto esta etiqueta para dividir el documento en secciones distintas y separadas, pudiendo usarse como una herramienta de organización libre de toda carga semántica, que puede adquirir valor semántico dependiendo del valor del atributo id, aunque como no hay unos valores estándar establecidos este valor es dudoso, puesto que no hay forma de asegurar que un ordenador entienda por ejemplo div id=cabecera/div aunque siempre entenderá que h1/h1 marca un titulo principal y por eso se considera que este tiene un valor semántico. Es decir, considero que el valor semántico de una etiqueta es de la etiqueta y no de los valores de sus atributos. Me equivoco? Saludos Rafa ___ 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] ¿Qué os parece esta web?
Hola Arturo, Lo que he dicho todo el rato es que no estoy en contra de los scrolls, ni verticales ni horizontales ni internos, ni de los diseños tipo blog si son para un blog o la cantidad de texto o contenidos lo requiere, de lo que estoy en contra es de usar ese o cualquier otro formato por sistema, que es lo que se está haciendo. Si les al final de mi frase que citas, digo: [...]cuando solo quiero leer un texto[...] en el caso de la sección portfolio de mi web lo que quiero es mostrar mucho más que texto y ocupando demasiado espacio como para mostrarlo en un scroll interior y que quede cómodo y usable. Lo de la originalidad del scroll horizontal, tienes toda la razón en que es tan viejo como la web, pero como resulta que nadie parece usarlo, por algún motivo que no supimos encontrar, el hecho de hacerlo, resulta novedoso por paradójico que pueda parecer, buena prueba de ello es que a la gente le llama la atención. Pido disculpas, porque aunque no fuese mi intención he robado el hilo que posteo David para recibir críticas de su web, y lo he convertido gracias a los vientos sembrados en críticas no solicitadas hacia la mía. Por favor solo reflexionar sobre lo que digo sin mirar si predico con el ejemplo, porque que yo lo haya hecho mal no es lo importante, no soy ningún guru, y jamás he dicho que mis webs sean un ejemplo a seguir, si creéis que lo que digo son chorradas ignorarlas, si no, intentar aplicarlas, yo no estoy metiéndome con nadie en particular, por favor si estáis en desacuerdo con cosas que digo, no vayáis a buscar mis fallos para desacreditarlas, pensar argumentos que se sostengan para rebatirlas y así aprenderemos todos. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] Hola, Rafa: Yo lo que no entiendo es que digas: [...] me resulta mucho mas incomodo e ilógico que todo se mueva cuando solo quiero leer un texto [...] y en el párrafo siguiente: [...] que el scroll de portfolio sea horizontal, tampoco nos pareció ningún inconveniente, [...] No entiendo ese 'a veces sí, a veces no'. Igual de 'incómodo' es siendo horizonal que vertical, es exactamente lo mismo. No entiendo que vertical te moleste y horizontal no, la verdad. Y digo 'incómodo' porque es el término que tú has utilizado, no porque me lo parezca. Creo que el scroll es parte inherente al medio en el que trabajamos, como el hecho de pasar páginas en un periódico... [...] no es por ser original ( aunque resulte serlo ) [...] ¿Original un scroll horizontal? Eso es tan viejo como la web... Saludetes, Arturo On 01/08/07, Rafael García Lepper [EMAIL PROTECTED] wrote: Hola Rodrigo, igual me he explicado mal, a mi no me molestan los scrolls ni horizontales ni verticales, siempre que sean necesarios, que estén justificados por un buen motivo. En la web que estamos criticando, hay scroll en todas las pantallas, y no se puede ver el diseño en un solo golpe de vista, hay que hacer scroll no para ver contenidos, si no para terminar de ver el diseño, sucediendo además, que el menú de navegación se pierde si se hace scroll, en mi opinión es un diseño pensado para un blog, pero no es un blog, si no una web corporativa, y es exactamente eso lo que yo critico. No entiendo por qué un scroll interno te puede resultar incomodo, si está bien planteado no creo que lo sea, a mi me resulta mucho mas incomodo e ilógico que todo se mueva cuando solo quiero leer un texto, y lo de dar un estilo a la barra de scroll, es algo superfluo, no está recomendado por que se considera que la barra de scroll no forma parte de la web si no de la interfaz del propio navegador, y que el diseñador web no debe cambiarla porque no es competencia suya. Mi web te puede gustar o no, pero está pensada para lo que es y que el scroll de portfolio sea horizontal, tampoco nos pareció ningún inconveniente, es más, resulta un detalle diferenciador que sorprende ( para bien o para mal ) y en muchos casos consigue que nos recuerden, no es por ser original ( aunque resulte serlo ) , si no porque la idea nos gustó y no encontramos un buen motivo, aparte de la costumbre de los usuarios, para no usar un scroll horizontal, en cualquier caso, gracias por visitar mi web. Por último me estas tratando de convencer de que un diseño como este donde hay centrado un ancho fijo mucho mayor que el de la resolución de un pda tiene sentido por los pda y demás dispositivos móviles, y yo lo que propondría si estos agentes de usuario están dentro del target de mi web es una css alternativa con un diseño exclusivo para ellos, no te parece más lógico que limitar el diseño para los navegadores por pensar en las pda? Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax
Re: [Ovillo] ¿Qué os parece esta web?
Hola Rodrigo, Estoy de acuerdo con lo que dices, y propongo buscar soluciones de diseño alternativas, por ejemplo: - ventana |1+-+2 | | | S 3 | | | |scroll | | | B 4 | |6+-+ 5 | - | | | | texto | | +-+ Siendo 1, 2, 3, 4, 5 y 6 elementos que no hace falta que se muevan con los contenidos y que se ajustan a la ventana de forma líquida independientemente del scroll. Saludos Rafa Hola. Tener que viajar por distintas paginas para leer un texto lo veo mas incomodo que tener ese texto en una sola pagina. El formato ideal de un texto es el siguiente: |--| | | | | | | | | | | | | | | |--| (proporcion 5/7) Es el resultado de las siguientes condiciones: * Mas alto que ancho. * Lineas de longitud media, si son muy cortas cansa, si son muy largas te pierdes. Por eso los libros se hacen asi. La pantalla suele tener este formato: - | | | | | | | | | | - (proporcion 4/3) Entonces la forma ideal, en el monitor que tenemos, resulta en algo asi: - ventana | S | +-+ | | | | | scroll | | | | | | | B - | | | | texto | | +-+ El texto no cabe en la pantalla y aparece un scroll. nota: No hacemos que el texto sea tan ancho como la pantalla, porque serian lineas demasiado largas. nota: Si el texto fuera mucho mas largo que dos pantallas de altura, probablemente seria demasiado largo para leerlo comodamente. No obstante se podrian colocar pausas en forma de titulos de capitulo. Aunque seria mas practico tener estos capitulos en hojas siguientes. Tu solución me parece interesante, aunque si hay muchos textos, corres el riesgo de poner de los nervios al visitante al obligarle a visitar el doble de paginas de las que necesitaria para ver los textos. Planteate que igual es mas incomodo para el usuario varias paginas, que una con scroll. He leido los comentarios de que para un usuario novato es peor el scroll, esto no es la primera vez que lo oigo, y no creo que la gente me mienta. Asi que si diseño una pagina web, evitare el scroll todo lo que se pueda sin estropear el diseño. El chico de biosfera 4 dice que se puede hacer un analisis para cada pagina. Y estoy de acuerdo. Hay paginas donde sacrificar el contenido por la presentacion es correcto, y otras donde es incorrecto. Ya se que es muy dificil de aceptar (para algunos amigos) que no hay una regla que valga para todas las paginas webs, pero no le puedo hacer nada :] resumen: a veces es correcto sacrificar los contenidos por la presentacion, pero de forma natural, las paginas webs tendran scroll. Aqui me gustaria poner el tipico speech de el html es un fluido que blah blah, pero supongo que en una lista de correo de CSS seria como predicar a convencidos :D On 8/1/07, final20 [EMAIL PROTECTED] wrote: Haber si estoy bien... como novato en esos casos yo suelo hacer esto en lugar de poner todo en la pagina principal o el la zona a tratar lo que hago es poner un breve resumen que llame la atención y sea lo suficientemente entendible y aparte al final de este texto pongo un link ver mas en caso de que el usuario interesado quiera saber mas acerca del tema el cual usando un poco de ajax se muestra en la misma pagina bueno como novato no se si esto esta bien echo... pero bueno creo que seria una buena idea... [...] ___ 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 Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] ¿Qué os parece esta web?
Tei [EMAIL PROTECTED] escribió: El scroll normal esta pegado a la derecha de la pantalla para que no haya que buscarlo. Arrastras el raton hacia la derecha a ciegas, se topa con el tope de la pantalla y pulsas click izquierdo. Y siempre esta ahi. Ponerlo en mitad de la pantalla reduce la usabilidad. No estoy en absoluto de acuerdo en que reduzca la usabilidad, de hecho más bien me parece al contrario, porque la barra de scroll esta justo al borde de lo que quieres que se mueva, resultando mucho más intuitivo. Si te fijas en el diseño de otras aplicaciones que no son webs pero cuyas interfaces de usuario son muy usables y esto no lo digo yo, si no los miles de usuarios que las usamos, veras que los controles, menús etc. jamás se desplazan cuando se hace scroll (desde dreamweaver a photoshop, pasando por flash word, outlook, thunderbird... Incluso si lo piensas bien y te fijas, los propios navegadores cuando abres el historial por ejemplo etc.), veras que la barra no esta a la derecha del todo para mover todo, si no a la derecha del bloque a mover, por que en web debe ser diferente? Por que algo que se demuestra usable a diario en web reduce la usabilidad? Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] Hola Rodrigo, Estoy de acuerdo con lo que dices, y propongo buscar soluciones de diseño alternativas, por ejemplo: - ventana |1+-+2 | | | S 3 | | | |scroll | | | B 4 | |6+-+ 5 | - | | | | texto | | +-+ Siendo 1, 2, 3, 4, 5 y 6 elementos que no hace falta que se muevan con los contenidos y que se ajustan a la ventana de forma líquida independientemente del scroll. ___ 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] ¿Qué os parece esta web?
Hola, No creo que un div style='overflow: auto' se pueda considerar un frame, sobre todo porque los contenidos no están en un documento aparte, que resulta ser el mayor problema de los frames y es un problema gordo. Yo no hablo de ventanas, sino de interfaz de usuario, en ningún programa jamás pierdes los menús de control o los paneles al mover el scroll, el scroll solo mueve lo que debe y en una web con scroll no, se mueve todo; si te fijas en dreamweaver, que es el primero que me viene a la cabeza, en vista de código, los paneles quedan a la dcha. y el código tiene un scroll propio, si fuese una web en cambio para mover el código moverías también los paneles, en gimp, con la ventana maximizada, los paneles no se mueven del sitio al mover el scroll, solo se mueve el documento, te imaginas que fuese así que follón para trabajar? En flash, la línea de tiempo tiene un scroll, el escenario otro etc. Es poco usable esa interfaz? Incluso en los programas de tratamiento de texto, los controles suelen quedar arriba, siempre visibles, y el scroll sirve solo para el documento, pasa esto en las webs? Porque es una mala práctica hacer esto en una web? Si lo que necesitas es que el scroll del bloque quede a la dcha. del todo, se puede hacer con css, pero te parece usable perder los menús de navegación al hacer scroll? A mi no demasiado. En cualquier caso si lo que no te gusta son los scroll interiores, no hacen falta si el texto no es largo, y el espacio diseñado para el texto es suficiente y no suelen ser largos en las webs a las que me estoy refiriendo, que son las de información sobre una empresa, que son tipo folleto, que no deberían parecer un blog porque no lo son. Saludos Rafa On 8/2/07, Rafael García Lepper [EMAIL PROTECTED] wrote: Tei [EMAIL PROTECTED] escribió: El scroll normal esta pegado a la derecha de la pantalla para que no haya que buscarlo. Arrastras el raton hacia la derecha a ciegas, se topa con el tope de la pantalla y pulsas click izquierdo. Y siempre esta ahi. Ponerlo en mitad de la pantalla reduce la usabilidad. No estoy en absoluto de acuerdo en que reduzca la usabilidad, de hecho más bien me parece al contrario, porque la barra de scroll esta justo al borde de lo que quieres que se mueva, resultando mucho más intuitivo.Si te fijas en el diseño de otras aplicaciones que no son webs pero cuyas interfaces de usuario son muy usables y esto no lo digo yo, si no los miles de usuarios que las usamos, veras que los controles, menús etc. jamás se desplazan cuando se hace scroll (desde dreamweaver a photoshop, pasando por flash word, outlook, thunderbird... Incluso si lo piensas bien y te fijas, los propios navegadores cuando abres el historial por ejemplo etc.) , veras que la barra no esta a la derecha del todo para mover todo, si no a la derecha del bloque a mover, por que en web debe ser diferente? En Gimp, cuando maximizas una imagen, la barra de scroll se pega al borde derecho. Creo que todas las ventanas maximizadas actuan asi. Y yo hablo de ventanas maximizadas. Tu no hablas de ventanas maximizadas, sino de una pagina de multiples documentos (frames, MDI, como lo quieras llamar). En la que el texto esta oculto dentro de un frame (por ejemplo con div style='overflow: auto). Las paginas basadas en frames tienen una horrible fama en internet, por sus numerosos pecados de usabilidad ;D ___ 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
Re: [Ovillo] ¿Qué os parece esta web?
Hola, Lo primero de todo, me gustaría recordaros a todos, que web 2.0 es un concepto acuñado basándose en la interactividad del usuario como punto principal, es decir todo tipo de webs en las que los usuarios aporten contenido, comenten, colaboren activamente etc., y este punto resulta excluyente, es decir, todas aquellas webs que vayan a ser meramente informativas, que vayan a servir como un folleto en internet, no se pueden considerar, por mucho que se quiera, que forman parte del la web 2.0 y creo sin duda que este es el caso. Por otro lado, considero que todos los diseños deben tener una funcionalidad acorde con la tarea que el objeto diseñado vaya a desempeñar, y cuando hablamos de una web, hay que tener muy claro qué tipo de web va a ser, si vamos a diseñar un blog, en el que los contenidos van a cambiar continuamente, en el que va a haber mucho texto para leer, tiene un sentido funcional hacer un diseño a dos columnas centrado, que se expanda verticalmente, etc. pero si va a ser una web informativa, donde apenas va a haber cambios, ¿que sentido tiene hacer un diseño tipo blog? es decir, ¿por qué vuestra web parece un blog si no lo es? Considero que se puede sin duda alguna, plantear un diseño sencillo, moderno, usable, líquido, que no parezca un blog en el que al usuario no le haga falta usar el scroll para ver el pie de la web, donde el menú no se pierda cuando intentas ver lo que hay al final del scroll, donde el scroll sea para los contenidos, no para toda la web ( a menos que no quede otro remedio, como pasa en los blogs ) pero también es verdad que desde el punto de vista tanto del diseñador, como del maquetador, da muchísimo más trabajo. Por otro lado, en este tipo de webs, donde no hay más de dos niveles de navegación, ¿para qué sirve el mapa web? Quiero decir, basta y sobra con el menú/submenús de navegación, tanto para google como para cualquier usuario. Además creo que el hecho de que haya dos menús de navegación, confunde y hace al usuario pensar. Opino que es un error mostrar al usuario todas sus opciones nada más llegar, creo que al usuario hay que considerarlo como a un niño al que llevas de la mano y vas enseñándole cosas para mantenerle distraído a la vez que asimila lo que le cuentas mientras se las enseñas, y donde es muy importante utilizar pequeñas sorpresas para mantenerle interesado, si a un niño le enseñas todo a la vez, se aburre y no asimila nada más que algún detalle que le haya llamado la atención, y eso no interesa, por eso hay que utilizar técnicas de eye tracking en el diseño, y fragmentar la navegación, para conseguir este objetivo. En esta web, yo pondría un menú principal de 4 elementos y en un enlace aparte del menú y probablemente en un sitio poco relevante el aviso legal, no creo que tenga el mismo valor informativo que el resto de las secciones, es más bien una nota informativa, los submenús, solo se podrían ver si el usuario se ha interesado por esa sección y el menú principal nunca se perdería de vista, consiguiendo una navegación guiada, sin fondos del saco y donde las migas de pan quedan integradas en los menús. Por último, creo que los textos son demasiado largos, en este tipo de webs, los usuarios entran con prisa para tratar de seleccionar la empresa a contratar, o sea, que no van a leer más allá del segundo o tercer párrafo, y hay que sintetizar el mensaje para que no ocupe más, para que el usuario se quede con lo necesario y elija esta empresa, no la competencia. Estas son mis opiniones, y así deberían ser tomadas, aunque espero que al menos a alguien le hagan pensar, porque me parece que son aplicables a muchísimas webs aparte de esta, que por amoldarse a una supuesta estética web 2.0 que está de moda, hacen webs que parecen lo que no son, y que se parecen demasiado unas a otras, llevando a nuestra profesión a un estancamiento muy poco saludable. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] Hola a todos, hemos publicado hace unos días la web de la empresa en la que trabajo y quería saber que os parecía. Buscábamos crear una web sencilla y es lo que hemos hecho. Está validada para XHTML, CSS y WAI Priority 1. Ahí queda. Podéis hacer todas las críticas que queráis (sino no la pondría aquí), es más, os pido por favor que critiquéis, eso sí, de manera constructiva. Muchas gracias y espero que os guste. http://www.deltaideas.com Un saludo, David ___ 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
Re: [Ovillo] ¿Qué os parece esta web?
Hola Rodrigo, no se si conoces la propiedad overflow de css pero si a un div ( por ejemplo ) se la aplicas con el valor auto y le das una altura ( puede ser en %) consigues que si los contenidos que hay dentro de ese div se salen de la altura, aparezca una barra de scroll, de esta forma puedes conseguir que el scroll funcione de forma visualmente parecida al viejo iframe, pero totalmente accesible y cumpliendo estándares, lo malo, es que te queda una barra de scroll dentro del diseño, lo que a algunos les puede molestar visualmente ( nota: en ie, que aunque no cumpla estándares todavía copa al menos el 80% del mercado la barra de scroll se puede customizar ). Por otro lado, lo que yo propongo es que los diseños sean únicos y específicos de cada caso, y si el caso fuese que hay muchos textos, pensar en la mejor forma posible de mostrarlos, que podría ser un diseño tipo blog, no lo repudio, solo creo que en los últimos años, ese tipo de disposición en el diseño se está usando como norma por una equivocada asociación de este con la idea de la web 2.0, y cierta conformidad tanto del diseñador como del maquetador. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] Hola, Rafael Considero que se puede sin duda alguna, plantear un diseño[...] donde el menú no se pierda cuando intentas ver lo que hay al final del scroll, donde el scroll sea para los contenidos, no para toda la web [...] Saliéndonos un poco de tema, ¿qué planteas tú para no perder el menú cuando haces scroll hacia abajo? Desde mi punto de vista, cuando tienes una página con bastantes textos hay tres opciones: - Repartir los textos en distintas páginas para que nunca se produzca el scroll (aunque esto también es relativo, ¿los usuarios por ejemplo de PDA's casi siempre harán scroll). Esto tiene el problema de que puedes hacer que el usuario pierda el hilo de lo que estaba leyendo. Sí, estoy de acuerdo en que por norma general no se leen las webs sino que se les echan un vistazo rápido en busca de la información que uno desea, pero no siempre es factible hacer párrafos pequeños e incluir en un solo documento toda la información relevante. - Hacer que el menú baje con el scroll, por ejemplo con javascript. Esto desde luego, aparte de que te queda un código del demonio, haz que funcione bien en todos los navegadores que soporten JS... tela. - Usar frames. No comment. Supongo que no estarás planteando frames para que el scroll sea sólo para los contenidos y no para toda la web... :-S En definitiva, no estoy de acuerdo contigo en ese aspecto. Personalmente veo que desde ese punto de vista, la web no está para nada fuera de lugar. ___ 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
Re: [Ovillo] ¿Qué os parece esta web?
Hola, insisto, no hace falta marcar de forma absurda, solo hay que darle unas cuantas vueltas a las cosas, se pueden hacer las webs que no parezcan un blog si no lo son y cumplan estándares. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] La vieja discusion sobre la barra de scroll. Enfin. Quien no quiera scroll, que empiece todas sus paginas con este codigo evil:D/evil html style=overflow: hidden body h1Hi (1)/h1h1Hi (2)/h1h1Hi (3)/h1h1Hi (4)/h1h1Hi (5)/h1h1Hi (6)/h1h1Hi (7)/h1h1Hi (8)/h1h1Hi (9)/h1h1Hi (10)/h1h1Hi (11)/h1h1Hi (12)/h1h1Hi (13)/h1h1Hi (14)/h1h1Hi (15)/h1h1Hi (16)/h1h1Hi (17)/h1h1Hi (18)/h1h1Hi (19)/h1h1Hi (20)/h1h1Hi (21)/h1h1Hi (22)/h1h1Hi (23)/h1h1Hi (24)/h1h1Hi (25)/h1h1Hi (26)/h1h1Hi (27)/h1h1Hi (28)/h1h1Hi (29)/h1h1Hi (30)/h1h1Hi (31)/h1h1Hi (32)/h1h1Hi (33)/h1h1Hi (34)/h1h1Hi (35)/h1h1Hi (36)/h1h1Hi (37)/h1h1Hi (38)/h1h1Hi (39)/h1h1Hi (40)/h1h1Hi (41)/h1h1Hi (42)/h1h1Hi (43)/h1h1Hi (44)/h1 /body /html Pero no me parece una buena idea. Lo que yo propongo es que se de una especial atencion a lo que es visible en el navegador antes de escrolar. Pero que se admita que si hay mucho texto, existe scroll, porque el escroll es la mejor manera que conocemos de presentar mucho texto. Si haces tu diseño para la persona que lo va a utilizar, y te apiadas de el, le haras un diseño que le de comodidad al leer el texto. idea: el escroll es la mejor manera que conocemos de presentar mucho texto. Si escogemos otras opciones (como utilizar popups o distitnas paginas o frames, etc), son peores maneras. ___ 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
Re: [Ovillo] ¿Qué os parece esta web?
Hola Rodrigo, igual me he explicado mal, a mi no me molestan los scrolls ni horizontales ni verticales, siempre que sean necesarios, que estén justificados por un buen motivo. En la web que estamos criticando, hay scroll en todas las pantallas, y no se puede ver el diseño en un solo golpe de vista, hay que hacer scroll no para ver contenidos, si no para terminar de ver el diseño, sucediendo además, que el menú de navegación se pierde si se hace scroll, en mi opinión es un diseño pensado para un blog, pero no es un blog, si no una web corporativa, y es exactamente eso lo que yo critico. No entiendo por qué un scroll interno te puede resultar incomodo, si está bien planteado no creo que lo sea, a mi me resulta mucho mas incomodo e ilógico que todo se mueva cuando solo quiero leer un texto, y lo de dar un estilo a la barra de scroll, es algo superfluo, no está recomendado por que se considera que la barra de scroll no forma parte de la web si no de la interfaz del propio navegador, y que el diseñador web no debe cambiarla porque no es competencia suya. Mi web te puede gustar o no, pero está pensada para lo que es y que el scroll de portfolio sea horizontal, tampoco nos pareció ningún inconveniente, es más, resulta un detalle diferenciador que sorprende ( para bien o para mal ) y en muchos casos consigue que nos recuerden, no es por ser original ( aunque resulte serlo ) , si no porque la idea nos gustó y no encontramos un buen motivo, aparte de la costumbre de los usuarios, para no usar un scroll horizontal, en cualquier caso, gracias por visitar mi web. Por último me estas tratando de convencer de que un diseño como este donde hay centrado un ancho fijo mucho mayor que el de la resolución de un pda tiene sentido por los pda y demás dispositivos móviles, y yo lo que propondría si estos agentes de usuario están dentro del target de mi web es una css alternativa con un diseño exclusivo para ellos, no te parece más lógico que limitar el diseño para los navegadores por pensar en las pda? Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] Hola Rafael no se si conoces la propiedad overflow de css Sí conozco la propiedad overflow, pero un scroll digamos interno resulta bastante incómodo (y como resulte que tienes dos scrolls: uno interno y otro externo) ya ni te cuento... y recuerda a los usuarios de dispositivos móviles. Además, dar un estilo a las barras de scroll no está recomendado (por eso sólo los navegadores lo soportan cada vez menos). Por otro lado, lo que yo propongo es que los diseños sean únicos y específicos de cada caso, y si el caso fuese que hay muchos textos, pensar en la mejor forma posible de mostrarlos No pretendo polemizar para nada, pero en tu web he visto esto: http://www.biosfera4.com/portfolio.htm Si no te gusta el scroll vertical, no entiendo cómo eres partidario del scroll horizontal. Una cosa es ser original y único, pero ser demasiado único la mayoría de las veces es contraproducente. ___ 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
Re: [Ovillo] ¿ Te gusta escribir?
Y a que viene este pedazo de OT??? Que más bien parece spam... Saludos a todos Un juego de rol (Roleplaying Game, o RPG) es aquel en que los participantes asumen el papel de un personaje ficticio para crear una historia interactuando con los personajes de los demás. Los participantes tienen total libertad de acción, y siempre que respeten las reglas del juego pueden improvisar libremente, dándole forma a la historia y decidiendo su curso con cada mensaje. Si no eres de los que piensan que lo importante es participar, puede que te resulte extraño, pero en un juego de rol no hay ganadores ni vencidos. De hecho, en los juegos puramente narrativos como TST, ni siquiera hay un sistema de puntos ni ninguna clase de ranking. Lo que motiva a los participantes a seguir jugando es la interacción con los personajes de los demás, y el desarrollo común de una historia. Como si se tratara de una serie o una colección de cómics, el juego se divide en capítulos, agrupados a su vez en temporadas, a lo largo de los cuales se desarrollan tramas que implican a varios personajes manejados por distintas personas. Los juegos de rol se basan en crear historias de manera colaborativa e interactiva, y las posibilidades son tantas como alcance nuestra imaginación. La interacción es de vital importancia, porque es lo que diferencia los RPG de otras formas narrativas como el fanfic o la escritura en general. En una novela, el autor decide lo que pasa con todos los personajes y el lector no puede influir en ello, mientras que en un juego de rol el jugador puede alterar la historia, pero no controlarla del todo porque siempre depende de las acciones de los demás: esta interdependencia es la esencia del RPG. ð ¿Cómo me creo un personaje? ð ¿Cómo juego? Si después de leer todo ésto, tienes alguna duda, no dudes en agregar el siguiente mail donde podrás contactar con nosotros y preguntarnos lo que quieras saber: [EMAIL PROTECTED] En cambio, si directamente estás decidido a empezar a jugar, clicka en el siguiente enlace y únete a The Slaying Thing, un rol que lleva ya casi cuatro años en pie y que, a pesar de eso, no deja de recibir nuevos jugadores, gracias a las facilidades y comprensión que ofrecemos. _ ¡Ya está aquí Windows Live Spaces! Ahora podrás crear fácilmente tu propio sitio Web. http://spaces.live.com/signup.aspx ___ 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
Re: [Ovillo] Link Marcado
Hola, Oscar martinez novoa escribió: ¿se puede hacer que cuando pinches en un link1 se quede ese link1 marcado de color X y cuando pinches en otro link2 ese color del link1 se ponga como esta antes? Habia pensado en poner lo de visited para que se cambie de color y que cuando pinches en otro link borrar el historial para que se quite lo de visited, pero no encuentro nada. Gracias... :) Yo lo que hago para webs en html es quitar el enlace en la pagina a la que acabo de llegar, porque creo que no hace falta que una página se enlace a si misma, y le doy un estilo al boton sin a. según tu ejemplo, si link1 lleva a link1.html en esta link1 no tendría hipervinculo, pero link2 si y en link2.htm link1 si tiene hipervinculo, pero link2 no, y produce exactamente el efecto por el que preguntas. En webs dinámicas es ya otro rollo y debes usar otros métodos. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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, Me imagino que tu pregunta es porque no entiendes ingles, porque si no no me lo explico. Te está diciendo que no te valida porque el atributo target no existe en xhtml strict y que si quieres usarlo debes poner el document type como transitional. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] Hola a todos es la primera vez que escribo, estoy intentando validar una web y el validator me da el siguiente error: Error Line 45 column 196: there is no attribute target. ...lto:[EMAIL PROTECTED] target=_post[EMAIL PROTECTED]/a/span You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use of the Strict document type with a document that uses frames (e.g. you must use the Transitional document type to get the target attribute), or by using vendor proprietary extensions such as marginheight (this is usually fixed by using CSS to achieve the desired effect instead). This error may also result if the element itself is not supported in the document type you are using, as an undefined element will have no supported attributes; in this case, see the element-undefined error message for further information. How to fix: check the spelling and case of the element and attribute, (Remember XHTML is all lower-case) and/or check that they are both allowed in the chosen document type, and/or use CSS instead of this attribute. If you received this error when using the embed element to incorporate flash media in a Web page, see the FAQ item on valid flash. ¿Alguien sabe como arreglar o qué significa eso? . . . . . . . . . . . . Miguel Ángel Lucha Diseñador Royo BrandingLiving Tel. +34 949 39 0006 Puerta Nueva 9 19250 Sigüenza [EMAIL PROTECTED] http://www.royo.es . . . . . . . . . . . . *** Antes de imprimir este mensaje, asegurese de que es necesario. El medio ambiente esta en nuestra mano. *** - Confidencialidad - Este correo electronico y, cualquier fichero anexo al mismo, contiene informacion de caracter confidencial exclusivamente dirigida a su destinatario/os. Queda prohibida su divulgacion, copia o distribucion a terceros sin la previa autorizacion, en virtud de la legislacion vigente. Si ha recibido este correo por error, le rogamos nos lo comunique inmediatamente por esta misma via y proceda a su destruccion. (acentos suprimidos intencionadamente). - Confidentiality - The information in this e-mail and in any attachments is confidential and it is intended solely for the attention and use of the named addressee/s. You are hereby notified that any dissemination, distribution or copy of this communication is prohibited without prior consent and it is strictly prohibited by law. If you have received this communication in error, please, notify the sender immediately by replying this e-mail and delete the mail and the attachments. ___ 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
[Ovillo] Vuestros libros de referencia css y xhtml
Hola a todos, Podríais por favor decidme cuales son vuestros libros de referencia css y xhtml. Me refiero a aquellos que no paráis de usar para consultar y que cada día os alegráis más de haberlo comprado. Saludos Rafa ___ 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] Vuestros libros de referencia css y xhtml
Hola, En realidad yo también es google lo que más uso, pero voy a impartir un curso sobre el tema y querría tener ciertos libros de consulta en papel, y como hay tantos, y su precio medio es 40€, pues he preguntado a la lista para no arrepentirme después. Saludos Rafa On 6/8/07, Rafael García Lepper [EMAIL PROTECTED] wrote: Hola a todos, Podríais por favor decidme cuales son vuestros libros de referencia css y xhtml. Me refiero a aquellos que no paráis de usar para consultar y que cada día os alegráis más de haberlo comprado. lo que más consulto yo es un triptico de referencia de css: http://refcards.com/author/jungb y luego hay un libro de anaya llamado Cascading Style Sheets (en castellano) que me hizo ver claro el concepto de los floats i demás, pero realmente después de una primera lectura para tener conceptos, poco más lo uso. Acostumbro a usar google mucho más a menudo. ___ 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] Problema con etiqueta list-style-image de CSS
Hola, fíjate que el modo de color de la imagen sea rgb, a mi me pasó que me volví loco buscando mi error en el css, cuando era tan simple como estúpido, si el modo de color es cmyk la imagen no se ve. Saludos Rafa Buenas, Quiero cambiar la imagen que aparece dentro de un li especifico para ello hago esto : HTML: li id=homea href=index.htmlHome/a/li CSS: li#home { list-style-image:url(gga_logoa.jpg); } Teniendo una imagen llamada gga_logoa.jpg en el mismo nivel que el HTML no me pinta la imagen.En cambio, si pongo una ruta de internet de una imagen si. He estado googleando y probando cosas pero ninguna me funciono. ¿Alguien me puede echar una mano, por favor? Gracias. Un saludo. aitiba. ___ 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
Re: [Ovillo] [Off-topic] flaccess en nuevas versiones de firefox
Hola, On 3/16/07, Rafael García Lepper [EMAIL PROTECTED] wrote: Hola, Disculpar este off topic, pero os pregunto a vosotros, porque este script para insertar flash de forma accesible, flaccess, lo habéis recomendado algunos en esta lista. Yo lo usaba (ahora prefiero swfobject por una serie de razones) y funcionaba bastante bien, pero en la nueva versión de firefox, no se por que motivo, no funciona del todo bien, y no inserta la película del todo, pero tampoco deja de hacerlo con lo que no muestra el contenido alternativo, quedando en blanco el lugar donde debería estar el swf, o en algunos casos parece que carga todo bien, pero casca pasando variables al flash, y lo raro es que son cosas que antes funcionaban... Contacta con el autor o visita la pagina web del autor. Seguramente el autor este interesado en actualizar el script, y quizás corregir el bug que da ese problema. Solo por curiosidad... ¿da algún aviso de bug en la consola de firefox (uno que no sea css y tal)? ___ Ya he visitado la página del autor, y no se como contactarle porque por motivo de spam ha desactivado las formas de contacto y los comentarios en su web, y por eso lo he preguntado en esta lista, si no, para que iba a molestar? La consola de errores no da ningún mensaje tampoco. En cualquier caso, muchas gracias Saludos Rafa ___ 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] [Off-topic] flaccess en nuevas versiones de firefox
Hola, Disculpar este off topic, pero os pregunto a vosotros, porque este script para insertar flash de forma accesible, flaccess, lo habéis recomendado algunos en esta lista. Yo lo usaba (ahora prefiero swfobject por una serie de razones) y funcionaba bastante bien, pero en la nueva versión de firefox, no se por que motivo, no funciona del todo bien, y no inserta la película del todo, pero tampoco deja de hacerlo con lo que no muestra el contenido alternativo, quedando en blanco el lugar donde debería estar el swf, o en algunos casos parece que carga todo bien, pero casca pasando variables al flash, y lo raro es que son cosas que antes funcionaban... Habéis notado esto que os digo? Alguien conoce una forma de corregirlo? Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] Problemas con los margenes
Magic Soul escribió: Hola, tengo un problema en internet explorer 6 (he visto en todos y creo que solo es con este) e inferiores supongo. el problema es que se me descuadra la web totalmente con ie 6, he repasado una y otra vez pero no logro saber el porqué. http://www.magicsoul.net/blog/ Despues también tengo problemas con las imágenes png de mi menú, en ie6 no me hace las transparencias, alguien sabe algun hack para esto? Como siempre muchas gracias por la ayuda :) Creo que el problema puede venir porque le das a #columna un float right y no hace falta porque ya le estas diciendo a #blog que flote a la izda, pero no estoy seguro, no he hecho pruebas. Para lo de los PNG, mira este enlace: http://allinthehead.com/retro/69 Yo uso ese js y me funciona muy bien, aparte de que no hay que hacer nada mas que meterlo en cabecera para implementarlo, el solito te busca todos los PNG incluso los que están como fondo, y los corrige. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] Problema con text-indent
Hola a todos, Tengo un problema con un menú que hago con ul en el que tengo unas imágenes de fondo con un ancho fijo para los li, y unos textos que deben estar alineados a la dcha. pero guardando un margen por la dcha. para que parezcan en el centro del bloque, el caso es que para que al hacer hover el fondo no se ajuste al ancho del texto ( aunque ponga un ancho fijo para el li se ajusta siempre) he de poner display: block pero entonces deja de hacer caso a la indicación de margen por la dcha, así que pensé que para eso estaba el text-indent, y lo usé, pero por algún motivo que no comprendo, no veo o no conozco, no me hace caso, alguno sabe a que se debe? tenéis idea de como puedo conseguir el resultado que busco? Si no habéis entendido mi explicación lo podéis ver aquí, seguro que os queda mucho mas claro: http://www.biosfera4.com/pruebasmenu/html/pruebasmenu.html Muchas gracias. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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, Lo que tienes que hacer es usar un cliente de correo que te permita editar el html directamente, debes poner en el mismo documento css y html y las imágenes deben tener la ruta absoluta del servidor (http://www.servidorquesea.com/imgs/imagen.jpg) tanto en las imágenes metidas como imagen, como en las que sean fondos de css. Ademas, en te pego estos enlaces que hablan de las técnicas especificas de css para emails: http://www.alistapart.com/articles/cssemail/ http://www.campaignmonitor.com/blog/archives/2006/03/a_guide_to_css_1.html Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] Buenos Dias, Otra novata en adobe Golive CS2, espero alguien me auxilie. Intento crear un email con un archivo html adjunto. Este debe aparecer como si fuera un fondo del correo. No como archivo adjunto. Si genero un HTML en GoLive se puede adjuntar al email como oculto o debo programarlo. Mi archivo original es un illustrador. Bienvenidos comentarios. Gracias htmlDIV PFONT face=Webdings color=#ff0066 size=7STRONGUFONT face=Arial Black size=1DANIELA NIEMBROnbsp;/FONTbbb/U/STRONG/FONTSTRONGUFONT face=Arial Black, Geneva, Arial, Sans-serif color=#ff0066 size=1BELIZE./FONT/U/STRONG/P PFONT face=Webdings size=7/FONTnbsp;/P/DIV/html _ Don't just search. Find. Check out the new MSN Search! http://search.msn.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://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
Re: [Ovillo] Reemplazo de texto por im á genes en IE
Enrique Rodriguez Vallejo escribió: Buenas a todos. En el trabajo esta mañana nos hemos encontrado con una desagradable sorpresa. Normalmente para el reemplazo de texto por imágenes, utilizo la siguiente técnica: Marcado a href=http://www.google.es; title=enlace a google class=googleLinkEnlace a Google/a CSS .googleLink { display: block; width: 150px; height: 25px; background: url(googleBtn.gif) 0 0 no-repeat; text-indent: -px; } Hasta aquí todo perfecto, pero en IE al pasar el ratón sobre el enlace, éste parpadea, con el consiguiente descontento de diseñador y cliente. He intentado solucionarlo de mil maneras diferentes, entre ellas esta http://www.fivesevensix.com/studies/ie6flicker/ que parece tener gran aceptación, pero o yo estoy haciendo algo mal, o no me valen esos ejemplos. ¿Alguien sabe como evitar eficientemente el parpadeo en enlaces que llevan el texto sustituido por una imagen con CSS?. P.S: Hay una solución consistente en tocar el .htaccess pero esta no me vale, ya que en este caso no puedo tocar ese archivo del servidor. Hola, Tengo entendido que esto pasa porque ie6 no guarda en la caché las imágenes css y las tiene que cargar cada vez, con el consiguiente retraso que provoca el parpadeo, yo lo soluciono de una forma no muy elegante, pero que me funciona, y es añadiendo la clase al elemento contenedor del enlace, y después añadiéndole los estados a y a:hover, el truco esta en ponerle a la clase en estado normal la misma imagen de fondo que al a:hover, de esa forma, en realidad no evitas realmente el parpadeo, pero lo solucionas visualmente, porque mientras parpadea se está viendo el estado normal, no el a, ni el a:hover, no se si me he explicado bien, así que pego el código que siempre resulta más clarito: HTML div class=googleLink a href=http://www.google.es; title=enlace a googleEnlace a Google/a/div CSS .googleLink { display: block; width: 150px; height: 25px; background: url(googleBtn[estado hover].gif) 0 0 no-repeat; } .googleLink a{ display: block; width: 150px; height: 25px; background: url(googleBtn.gif) 0 0 no-repeat; text-indent: -px; } .googleLink a:hover{ display: block; width: 150px; height: 25px; background: url(googleBtn[estado hover].gif) 0 0 no-repeat; text-indent: -px; } El único detalle-pega es que el estado normal no tiene el text-indent negativo, con lo cual, si no hay enlace, no puedes usar esta clase. nota: el código css que he pegado, no lo he probado, probablemente haya que hacer algunos ajustes, pero es solamente para transmitir la idea. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1ºB 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] [off topic] recomendaci ó n de empr esas especializadas en SEO
Hola a todos, Recurro a esta lista para esta pregunta, porque pienso que es probable obtener respuestas serias e interesantes, y porque es algo general, que no creo que encaje sin ser ot en ninguna otra lista de las que conozco. Mi empresa se dedica al desarrollo web, intentamos usar estándares y aplicar las mejores prácticas al desarrollo, pero no estamos especializados en SEO ni tampoco tenemos recursos para hacerlo y la mayoría de nuestros clientes nos piden estar bien colocados, en google sobre todo, por lo que he empezado a buscar empresas a las que subcontratar, o recomendar para esta tarea, en google he buscado y el problema es que hay demasiadas y no sé en cual confiar, ni cuales utilizan las prácticas más adecuadas etc. Por eso os pregunto: Podéis recomendarme empresas especializadas en SEO que trabajen bien, y obtengan buenos resultados utilizando las mejores prácticas, sin técnicas que los motores puedan interpretar como abusivas? Que precios consideráis razonables para mejorar la posición de un sitio web? En que debo fijarme para elegir la más adecuada? Muchas gracias a todos y disculparme por el off topic. Saludos Rafa ___ 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] Maquetar tablas con css
Hola, Me ha tocado manejar datos tabulares en un html, en concreto es una tabla sobre vehículos de alquiler, sus equipamientos y precios, y lo estoy intentando maquetar todo desde css. He buscado varios tutoriales, y más o menos me estaba apañando, hasta que he empezado a meter listas con floats dentro de celdas y estoy haciendo cosas mal seguro, porque se ve bien en ie 6 y no en firefox 1.5.x, lo que pasa es que se estiran los altos de las filas, he probado a limpiar lo flotado en distintos sitios, pero no afecta, y no sé qué probar. Podéis verlo en http://www.biosfera4.com/martirent/alquiler.htm Como ya he dicho, si lo miráis con ie6, veréis más o menos lo que debería ser. Muchas gracias. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Andrés Segovia 3 1º B 28230 Las Rozas de Madrid tel. 916375147 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] Problema a la ora de imprimir un Iframe
Hola, Yo lo primero que te aconsejaría es que dejaras de usar iframes, porque afortunadamente, no hacen falta, yo los usaba mucho, pero aprendí la forma de conseguir el mismo efecto con css solo y funciona mejor para todo, aparte de ser mucho más cómodo. La forma en que lo hago, que no se si será la más ortodoxa, pero me funciona, es usar un div con el tamaño fijo que quieres que el texto ocupe visualmente y con overflow:auto; , dentro de ese div metes el texto dentro de otro bloque (puedes usar un div, o aplicar una clase al p... Hay varias formas para probar) con un ancho o alto fijo (esto es para controlar el scroll horizontal o vertical) un poco menor aproximadamente 20px y ya esta. No estoy familiarizado con las propiedades para imprimir, pero presumo que si el contenido está en el mismo html y no en uno aparte, debe ser mas fácil que el texto aparezca íntegramente impreso. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source http://www.biosfera4.com [EMAIL PROTECTED] Hola gente de Ovillo. Después de las vacaciones empezamos con los problemillas CSS. Tengo un iframe en una página el cual se visualiza en pantalla como quiero pero a la hora de imprimir el iframe solo ocupa en una pagina A4, no dejando ver el contenido del mismo. Mi pregunta es si hay alguna manera de que el iframe se imprima en tantas paginas como sean necesarias. No tiene overflow, solo tiene anchura y altura al 100%. He probado un montón de cosas como por ejemplo que el iframe no se vea al imprimir pero su contenido si y cosas parecidas. Gracias a todos. Espero que hayais disfrutado de las vacaciones ___ 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 ___ 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 con centrados en CSS
Juan escribió: Hola de nuevo a todos, me funciona perfectamente con respecto al centrado horizontal, pero el problema me surge cuando quiero tener todo el contenido del estilo centrado verticalmente, existe algún parametro para centrarlo verticalmente sea cual sea su resolución?? Por más que esto mirando no consigo encontrar con que parametro jugar, a lo mejor no existe esta propiedad. Gracias a todos igualmente Juan Hola, Para centrar el contenido verticalmente, tienes que meterlo todo en un div con una altura fija, la que sea ( en el ejemplo voy a suponer 500px) Le das una distancia de top del 50% y pones un margen negativo de la mitad del tamaño del div, porque css alineará el bloque partiendo de la esquina superior izda, mas o menos así: #contenedor { margin-top: -250px; position: absolute; height: 500px; top: 50%; } Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] Link activo
Buenas amigos. Os parecerá una perogrullada, pero la verdad es que nunca me he encontrado con este problemilla. El cliente me ha pedido que en la lista de links que tengo a la izquierda, el que se esté viendo o en el que se esté actuando en el momento, quede señalado de otra forma, no se si me entendeis. Imaginad que tenemos un menú con 4 links: ul lia href=1.html title=numero 1enlace 1/a/li lia href=2.html title=numero 2enlace 2/a/li lia href=3.html title=numero 3enlace 3/a/li lia href=4.html title=numero 4enlace 4/a/li /ul ¿qué debo hacer para que al picar en Enlace 1 se quede por ejemplo de otro color? ¿hay algo como enlace activo, a:active? 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://ovillo.org/mailman/listinfo/ovillo Hola, Yo lo que hago es quitar el enlace en el html que corresponde y aplicarle otro estilo, es decir: Si he llegado a enlace 1 ul lienlace 1/li lia href=2.html title=numero 2enlace 2/a/li lia href=3.html title=numero 3enlace 3/a/li lia href=4.html title=numero 4enlace 4/a/li /ul Si he llegado a enlace 2 ul lia href=1.html title=numero 1enlace 1/a/li lienlace 2/li lia href=3.html title=numero 3enlace 3/a/li lia href=4.html title=numero 4enlace 4/a/li /ul Etc. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source tel. 916377043 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] sIFR
Enrique Rodríguez escribió: Creo que estoy mal entendiendo algo, por que según entiendo lo que dice el punto, debo poner ese trozo de código justo antes del /body, y eso es lo que no entiendo, ya que si lo pongo ahí, se refleja en la web =-O ya te digo que me pierdo por ahí... lo comento más abajo... gracias Kemie Hola Enrique, Creo que si se te refleja en la web lo que te puede estar pasando, es que se te han olvidado las etiquetas para abrir y cerrar script, que en su tutorial Kemie me parece que lo da por hecho, es decir: body tusetiquetas/tusetiquetas script type=text/javascript //![CDATA[ /* Replacement calls. Please see documentation for more information. */ if(typeof sIFR == function){ // This is the preferred named argument syntax sIFR.replaceElement(named({sSelector:lo_que_quieras_sustituir, sFlashSrc:nombredelafuente.swf, sColor:#9F1E01, sCase:upper,sWmode:transparent, sLinkColor:#9F1E01, sBgColor:#FF, sHoverColor:#9F1E01, nPaddingTop:0, nPaddingBottom:0, sFlashVars:})); //]] /script /body A mi me ha funcionado haciéndolo así, también te aconsejo que leas bien las instrucciones que tiene sIFR, y si no lees bien en ingles, usa el código de su pagina de muestra (incluida en sIFR 2.0.1 seguro), que funciona. Por cierto, para el que le interese, hice unas modificaciones medio cutres, que solo funcionan con flash 8 ( es la primera versión que lo soporta) para poder controlar el espaciado entre letras, si alguien las quiere, que me pregunte o me lo pida. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source tel. 916377043 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] kemie guaida escribió: Enrique, que es lo que no te funciona en ese paso? o que es lo que te parece raro? saludos kemie ...:| kemie |:... .:| www.monolinea.com http://www.monolinea.com |:. Enrique Rodriguez wrote: Buenas. Estoy intentado sacarle partido a este métod de sustitución de títulos llamado *sIFR* 2.0.1. El caso es que he seguido al pié de la letra, los pasos del artículo en Diseñorama http://www.disenorama.com/tutoriales/desarrollo/manual_sifr_paso_a_paso.htm , pero hay un paso que no entiendo, y creo que es el que hace que no logre hacer funcionar sIFR. Es el 5º paso, Reemplazar los elementos. Me resulta rarísimo, por no decir que creo que es una errata. Si alguien sabe o domina la técnica, le rogaría nos la explicara algo mejor... mil gracias. Salu2 ;-) Enrique ___ 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 ___ 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 __ Información de NOD32, revisión 1.1454 (20060321) __ Este mensaje ha sido analizado con NOD32 antivirus system http://www.nod32.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 ___ 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] Dar altura a elementos li que tienen display:inline
2006/1/23, Alejandro Lillo [EMAIL PROTECTED]: Es un elemento de línea, así que contrólalo con line-height. -- Lo que pasa es que el li tiene una imagen de fondo, y quiero darle una altura y un ancho fijos para que se vea la imagen entera. Lo que veo con line-height es que varía la posición vertical del li, pero no su altura. Hola, Le has dado la misma altura o más al ol o ul que contienen el li? Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Real 36 1ºA 28230 Las Rozas de Madrid tel. 916377043 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] Como funciona vertical-align?
Hola a todos, He estado leyendo las especificaciones de la w3c sobre vertical-align y también he buscado en w3schools, mi ingles es decente, y entiendo lo que dice, pero no comprendo el uso de la propiedad, lo intento aplicar para por ejemplo centrar un div verticalmente y no lo consigo, no busco soluciones alternativas, ya conozco varias, simplemente lo pregunto porque me parece absurdo que haya una propiedad para hacer algo y no usarla por no entenderla, alguien me podría explicar como se usa? también he leído en antiguos emails de esta lista que da problemas, por que? Muchas gracias. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Real 36 1ºA 28230 Las Rozas de Madrid tel. 916377043 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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] Im á genes de fondo aplicadas desde css en ie 5.2 para mac
Hola, He maquetado una web http://www.biosfera4.com/ohcuore con unas cuantas imágenes puestas como fondo de distintos elementos en la css, funciona como quiero en los navegadores más usados pero no en ie 5.2 para mac, alguien conoce la forma de que estas imágenes se vean también en este navegador? Muchas gracias a todos por adelantado. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Real 36 1ºA 28230 Las Rozas de Madrid tel. 916377043 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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: Re[2]: [Ovillo] Quiz ás OT, sitio web en xhtml+css con mú sica
Hola, Hola, Montar toda la navegación con Ajax?? de esta manera nunca sales de la página. Pero antes de empezar a darle al tarro con cosas extrañas... Realmente necesitas poner música en la web??? supongo que el caso será muy justificado, es decir, que sea la web de una radio, un grupo musical o algo similar... y que la música suene bajo demanda del usuario. No hay cosa más incómoda que estar escuchando música en tu ordenador, navegando tan ricamente y se solape el sonido de tu música y la de una web... En caso de ser bajo demanda aplica el cuento de: Si no sabes como hacerlo, al menos fíjate en los grandes. (los grandes es por decir algo) Las radios online que conozco y que pretenden que navegues por su web te abren la música en una ventana a parte... y eso es para que te tragues publicidad mientras suena, sino te darían la dirección del stream y las verías en tu reproductor favorito :D Crees que el uso de Ajax será mas accesible que el de frames? Porque estos son desaconsejables, pero funcionan siempre, en todos los navegadores tengan o no javascript activado, no? En realidad, y me siento un poco como una puta al decir esto, la única justificación para ponerle música al sitio web, es que nos lo pagarán extra, y habiéndole explicado al cliente todos los contras de una web con música, es difícil decirle: No te lo vamos a hacer aunque nos pagues extra porque no le da la gana al desarrollador... Y luego probablemente tener que poner cara de póquer ante mis socios por ser el culpable de perder un cliente. Saludos Rafa biosfera 4 desarrollo web | asesoramiento musical | open source c/ Real 36 1ºA 28230 Las Rozas de Madrid tel. 916377043 fax. 916375147 http://www.biosfera4.com [EMAIL PROTECTED] ___ 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