Re: [Ovillo] [OT] Curso de diseño web
andres karp [EMAIL PROTECTED] escribió: Es que yo también doy clases de diseño y css y me parece muy bien que aprendan las tablas, no para que las usen pero si para que sepan que son y como migrar, ya que cuando salen del curso y entran en una empresa es muy factible que les toque hacer trabajo de pica y que tengan quie rediseñar webs. Eso de que te parece bien que no las usen, será para maquetar no? Porque bien que se puede usar para su cometido. 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
Re: [Ovillo] Imágenes en movimiento en la página principal de una web
Franky, por desgracia hay muchas páginas de la administración que dicen cumplir con el nivel AA y después no lo cumplen (yo también me dedico a comprobarlo, jeje). Por ley deberían de cumplirse ... porque me imagino que la ley dirá que tiene que cumplirse no?? A lo mejor la ley sólo dice que tienen que poner la IMAGEN de que cumple el nivel AA (de los politicos puedes esperar esto y más ... ) ¿Que sanción conlleva no cumplir la ley? ¿El responsable es el diseñador de la página (en caso de que en el contrato ponga que tiene que cumplir el nivel AA)? ¿Es la institución correspondiente? Un saludo El día 17/03/08, Franky Leonard [EMAIL PROTECTED] escribió: Almorca, Lista ojo con decir: Soy AA, A o AAA En el caso de la página que nos enviaste, Almorca, dicen que son AA pero lamentablemente NO lo son. Tienen dos errores automáticos de nivel 2 y uno de ellos es por el DTD [1]. Son poco errores pero están!!! Y de los 9 puntos de nivel 1 que pide, Hera, revisar en forma manual, sólo en el 1.1 hay errores: Los alt y los Title no pueden contener la misma información por varios motivos, 1. semánticamente tienen distinta función, 2. los lectores de pantalla leeran dos veces la misma información, 3. no recuerdo ahora, pero se que hay otras razones... Para que seguir, si el motivo de este hilo es otro, pero Lo que quiero destacar es: strongDeclará tu objetivo y se humilde para reconocer que tal vez, haya errores y que estás dispuesto a solucionarlos, dando un formulario de contacto para recibir comentarios a problemas y cuestiones a solucionar./strong Es preferible, en mi opinión, declarar que el sitio tiene como objetivo cumplir con las pautas de la Accesibilidad (o con la ley según el país), que a cierta fecha, el sitio cumplía con tal o cual nivel, y que por favor, por medio del Form de contacto los usuarios comuniquen todos aquellos inconvenientes que tengan para navegar el sitio. Sepan entenerme, cuando veo estas cosas me brota el traje de SuperA, el super heroe de la Accesibilidad en la Web. Saludos Franky [1] http://validator.w3.org/check?uri=http%3A%2F%2Fwww.madrid.org%2Flapresidencia%2F El día 17/03/08, Almorca [EMAIL PROTECTED] escribió: He encontrado un ejemplo que creo que es lo que tu quieres. Mira http://www.madrid.org/lapresidencia/ la imagen destacada. Está programado con javascript con lo que consiguen que esta página cumpla el nivel AA de accesibilidad que no lo cumplirían si usasen flash. El día 12/03/08, Almorca [EMAIL PROTECTED] escribió: Pues yo optaría por javascript. Javascript tiene un menor tamaño y además el porcentaje de usuarios que lo tienen es mayor que el de flash. Algunos ejemplo que te pueden servir son: - http://www.gcmingati.net/wordpress/wp-content/lab/jquery/imagestrip/imageslide-plugin.html - http://smoothgallery.jondesign.net/showcase/gallery/# - http://www.puidokas.com/portfolio/frogjs/ - http://www.cssplay.co.uk/menu/menu_gallery.html - http://www.electricprism.com/aeron/slideshow/ - http://www.tutorial5.com/javascript_album/ Espero que alguno de estos enlaces te sirva. Si no coméntalo por aquí y miramos que se puede hacer. El día 12/03/08, Rodrigo Álvarez Virgós [EMAIL PROTECTED] escribió: Hola, Jesús Si lo que quieres es una sucesión de imágenes una detrás de otra (un elemento decorativo), yo optaría por meter un flash. Si no dominas el flash de adobe, tienes alternativas como swish [1] que te facilitarán mucho la vida. No te recomiendo javascript (por ser más tedioso, más que nada), y mucho menos usar una marquesina (marquee.../marquee). [1] http://swish.softonic.com JESUS MARIA GOMEZ escribió: Hola a todos, hace tiempo que sigo el foro con interés y ahora me surge un tema que me gustaría que me ayudarais. Tengo un cliente que quiere colocar imágenes en moviemiento en la página principal de su web y aunque se que hay varios métodos me gustaría conocer vuestra opinión de cual es la mejor forma de colocar varias (dos o tres fotografías) que van psasndo en un si fin en la página prinicpal. La página se está creando en html y CSS. Muchas gracias por vuestra ayuda. Saludos. Jesús Gómez Sevilla España ___ Lista de distribución Ovillo Para 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 -- We don't need no
Re: [Ovillo] Cambio de cabecera según el mes
yo haria una modificacion de lo propuesto por Marcos Besteiro: pondria una clase fecha con el CSS comun: si tiene border, padding, margin,. y despues con el ID controlar el mes: #enero { background-image: url (enero.jpg) no-repeat; } #febrero { background-image: url (febrero.jpg) no-repeat; } #marzo { background-image: url (marzo.jpg) no-repeat; } ... quedando: div id=?= $mes; ? class=fecha ... /div La diferencia resulta en que enero,febrero,marzo,...(los meses) van a ser únicos y podrían ir con ID. aunque vaya es sólo un comentario semántico. Un saludo El día 5/03/08, Marcos Besteiro [EMAIL PROTECTED] escribió: Para mi la forma apropiada es definir unas clases en el css .enero { background-image: url (enero.jpg) no-repeat; } .febrero { background-image: url (febrero.jpg) no-repeat; } .marzo { background-image: url (marzo.jpg) no-repeat; } ... .diciembre { background-image: url (diciembre.jpg) no-repeat; } Y en el php cambiar la clase según el mes del año: div class=febrero ... /div Asi separamos contenido y presentación, tenemos una forma sencilla de programarlo, y ya tenemos preparado el código para los meses por venir. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Fernando Font Valle Sent: Wednesday, March 05, 2008 1:33 PM To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] Cambio de cabecera según el mes Pero con esta opción no estaríamos separando contenido de diseño, no? El día 5/03/08, Rodrigo Álvarez Virgós [EMAIL PROTECTED] escribió: Hola, Javier Javier Prieto escribió: Hola amigos, aqui estoy con mis preguntas raras. Lo que quiero hacer es cambiar dentro de un css (mediante PHP) la imagen de fondo de la cabecera según el mes en el que nos econtremos. Si tengo en el CSS #cabecera { background-image: url (marzo.jpg) no-repeat; } ¿Cómo se puede cambiar marzo.jpg dinámicamente para que en abril cargue abril.jpg y así sucesivamente? Tienes que usar el atributo style, no meterlo en la hoja de estilo. ?php $mes = date(m); echo div id=\cabecera\ style=\background: url ($mes.jpg) no-repeat;\ ? ... De esta manera se mostraría como fondo 01.jpg, 02.jpg... o 12.jpg, según el més en el que estés. 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 ___ Lista de distribución Ovillo Para 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] Alinear verticalmente una imagen con CSS
img{ display:block; margin: auto 0; // margin:auto auto; para alinearlo tambien horizontalmente } Prueba y nos cuentas Saludos El día 23/01/08, miguel alonso [EMAIL PROTECTED] escribió: #estilo-abigail {padding:0 10px 0 10px;} #estilo-abigail { background:#E3E8C9 url(/nombreimagen.jpg) no-repeat bottom left; border-top:3px solid #666; border-bottom:3px solid #666; padding:1px 0 10px 0;} #estilo-abigail h2 {font-size:3.3em;} #estilo-abigail h4 {padding-top:10px;} #estilo-abigail p {font-size:1.2em; color:#333;} img {border:1px solid #ccc; background:#fff; padding:3px; float:right; margin:0 0 10px 15px;} !--Estilo abigail-- div id=estilo-abigail si pones aqui la imagen estará arriba h4texto/h4 h2texto/h2 texto ptexto/p /div !--/Estilo abigail-- DEBERIA FUNCIONAR ¿K TAL EN ISLANDIA¡ ME GUSTA EL FREELANCEO El día 23/01/08, Abigail Rodríguez [EMAIL PROTECTED] escribió: Saludos a todos: Aunque leo la lista desde hace un mes o así, es la primera vez que intervengo. Me llamo Abby, soy diseñadora freelance, de Madrid, aunque ahora estoy en Islandia unos meses. Bueno, voy al grano: Mi problema es que no consigo que una imagen se alinee verticalmente en la parte inferior de la capa que la contiene. Debería ser algo muy sencillo, pero... Más concretamente: tengo una capa cuyo alto es variable (en función del alto de otra capa adyacente) y que contiene sólo dos imágenes, una arriba y otra que quiero que se vaya abajo siempre, sea cual sea el alto de la capa contenedora. La capa además tiene una imagen de fondo que se repite. ¿Alguien sabe cómo puede hacerse esto? Llevo tiempo con ello, mirando en foros, documentación, etc. pero no consigo solucionarlo. Gracias de antemano. _ MSN Video. http://video.msn.com/?mkt=es-es ___ Lista de distribución Ovillo Para 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] divs y height: 100%
Creo que deberias de poner una capa (llamemosla contenedor) que cubiera LATERAL y CONTENIDO. entonces a la cabecera le asignas un 10%, y a CONTENEDOR el 90% (los valores que te vayan bien). Dentro de CONTENEDOR, a LATERAL y CONTENIDOS le pones altura 100%, seran el 100% del valor de CONTENEDOR. Saludos El día 6/11/07, maraña [EMAIL PROTECTED] escribió: 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 tengan contenido). todo esto dentro de un div contenedor de ancho fijo y altura variable (mínimo 100%). optimizado para internet explorer y mozilla firefox. el problema: la altura supera el 100%. ¿cuanto más? el alto de la cabecera. si elimino la cabecera todo va bien. pero la necesito. probé con position:fixed; y con overflow:hidden; pero si crece el contenido de la página el scroll no aparece y no se ve todo el contenido. ya no se me ocurre que hacer, a ver si me dais una pista, ¿nadie ha tenido un problema similar? ¿hay algún ejemplo que pueda ver? muchas gracias Mara Rocha Fernández _ Express yourself instantly with MSN Messenger! Download today it's FREE! http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/ ___ Lista de distribución Ovillo Para 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] Libreria javascript - para falicitar poner enlaces externos en nuestros codigos xhtml, accesible y validando el codigo
Hola, tu plugin sirve para abrir los enlaces en ventanas nuevas no??? No bastaría utilizar el atributo target con valor _blank Saludos El día 23/06/07, noth css [EMAIL PROTECTED] escribió: Buenas Grupo he creado este plugin [1] jquery-link.js para jquery, tan solo hay que incluirla en el head al igual que el jquery y todos los enlaces con la clase external les pone el target blank Esta en fase beta, pero la podeis usar libremente y modificarla un saludo [1]http://www.noth.es/2007/06/22/jquery-linkjs-mi-primer-plugin-para-jquery/ ___ Lista de distribución Ovillo Para 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] Buena documentacion sobre float
Hola, alguien dispone de buena documentacion, EN ESPAÑOL, sobre los float. 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
Re: [Ovillo] Duda sobre la mejor forma de hacer lo siguiente ...
¿Por qué ibamos o iban a echarte? jejejeje El día 14/03/07, Valeriano Vico Nieto [EMAIL PROTECTED] escribió: Hola, Echarme si quereis de la lista ya que soy nuevo. Pero estoy buscando maquetadores con conocimientos de CSS, para un proyecto en Madrid. Si conoceis a alguien, que envie el cv urgentemente a [EMAIL PROTECTED] Salu2, -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de Juan Jorge Muñoz Herrero Enviado el: miércoles, 14 de marzo de 2007 19:37 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Duda sobre la mejor forma de hacer lo siguiente ... Nada, no tiene por qué, si te lo he dicho de broma... El día 14/03/07, carlos campderrós [EMAIL PROTECTED] escribió: On 3/13/07, Juan Jorge Muñoz Herrero [EMAIL PROTECTED] wrote: Carlos, quién te ha dicho lo contrario?? Creo que esta vez has leído demasiado deprisa... :P cierto, leí deprisa y mal... mis disculpas -- Si no puedes deslumbrar con tu inteligencia, desconcierta con tus gilipolleces ___ Lista de distribución Ovillo Para 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 -- Juan J. Muñoz http://www.taarq.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 -- Este mensaje ha sido analizado por MailScanner en busca de virus y otros contenidos peligrosos, y se considera que está limpio. ___ Lista de distribución Ovillo Para 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] Las etiquetas perdidas del html
yo recuerdo que hace poco pusieron este enlace: http://www.w3schools.com/tags/default.asp Saludos. El día 8/03/07, Daniel Torres Burriel [EMAIL PROTECTED] escribió: Miguel Hervás wrote: Saludos, hace poco leí en algún blog -o quizás fue aquí en Ovillo- una referencia a las etiquetas perdidas del html. El caso es que cuando he querido buscar el artículo para leerlo entero no he podido encontrarlo ni con San Google, ¿A alguien le suena ese post?. Los elementos perdidos de HTML http://www.torresburriel.com/weblog/2007/01/04/los-elementos-perdidos-de-html/ http://abcweb.blogspot.com/2007/01/los-elementos-perdidos-de-html.html http://www.3point7designs.com/blog/2006/12/26/semantic-tags-you-may-have-forgotten/ -- /* Daniel Torres Burriel - www.torresburriel.com /* Web design - Usability consulting - IT Press /* More info bio: www.torresburriel.com/perfil/ /* GPG key: 0x43DB2AB7 --= Antes de imprimir este mensaje, por favor compruebe que es verdaderamente necesario. El Medio Ambiente es cosa de 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 ___ Lista de distribución Ovillo Para 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] padding capa
He ido probando algunas cosas pero seguiría igual. Lo dejo con el margen negativo y ya esta. Gracias a todos!! El día 6/02/07, Javier Trejo [EMAIL PROTECTED] escribió: Este es un error típico de IE. Te recomiendo separar el banner (usando la propiedad display:block) esto puede llegar a solucionarlo). Saludos, Javier Trejo -- [EMAIL PROTECTED] www.tsinformatica.com.ar TEL.: 4543-4550 CEL.: 15-6485-7734 MSN: [EMAIL PROTECTED] SKYPE: javier.trejo -Mensaje original- De: [EMAIL PROTECTED] [mailto: [EMAIL PROTECTED] En nombre de Luis Miguel Ceballos Enviado el: Lunes, 05 de Febrero de 2007 08:32 Para: Ovillo@lists.ovillo.org Asunto: [Ovillo] padding capa Hola, tengo el siguiente problema: La página consta de un banner(horizontal) en la parte superior. Debajo del menu aparece un menu, del tipo -- Opcion1 | Opcion2 | Opcion3 | Opcion4 El problema es que entre el banner y el menu sale un espacio en blanco. SOLO EN IE(version 6 y 7) PORQUE EN FIREFOX funciona BIEN. Le he puesto border a cada capa, y el problema es la capa que contiene al banner, pq el borde se pega a la capa del menu. Es decir que existen un padding, pero esta a 0 #div_banner{ margin:0; padding:0; border:1px solid red; } Alguna idea 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 ___ Lista de distribución Ovillo Para 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] padding capa
Hola, tengo el siguiente problema: La página consta de un banner(horizontal) en la parte superior. Debajo del menu aparece un menu, del tipo -- Opcion1 | Opcion2 | Opcion3 | Opcion4 El problema es que entre el banner y el menu sale un espacio en blanco. SOLO EN IE(version 6 y 7) PORQUE EN FIREFOX funciona BIEN. Le he puesto border a cada capa, y el problema es la capa que contiene al banner, pq el borde se pega a la capa del menu. Es decir que existen un padding, pero esta a 0 #div_banner{ margin:0; padding:0; border:1px solid red; } Alguna idea 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
Re: [Ovillo] padding capa
lo he arreglado poniendo valores negativos. No se si será muy correcto pero bueno, funciona Gracias a todos 2007/2/5, Nadia Rodríguez [EMAIL PROTECTED]: Hola, Tal vez son los márgenes del objeto (el banner) y no los de la capa, define a ambos con las mismas medidas (height) y si es necesario agregale un {bottom:0px} a las propiedades del banner (no de la capa)... no se me ocurre otra cosa. Suerte! El día 5/02/07, Luis Miguel Ceballos [EMAIL PROTECTED] escribió: Hola, tengo el siguiente problema: La página consta de un banner(horizontal) en la parte superior. Debajo del menu aparece un menu, del tipo -- Opcion1 | Opcion2 | Opcion3 | Opcion4 El problema es que entre el banner y el menu sale un espacio en blanco. SOLO EN IE(version 6 y 7) PORQUE EN FIREFOX funciona BIEN. Le he puesto border a cada capa, y el problema es la capa que contiene al banner, pq el borde se pega a la capa del menu. Es decir que existen un padding, pero esta a 0 #div_banner{ margin:0; padding:0; border:1px solid red; } Alguna idea 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 ___ Lista de distribución Ovillo Para 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