Re: [Ovillo] sitio varios navegadores
He visto en el código que al principio tienes esta declaración: ?xml version=1.0 encoding=iso-8859-1? Quitaselo porque el IE entra en modo quirks (modo chapuza como lo llaman algunos) y algunos elementos los interpreta de otra manera. ¿Y porque entra en modo quirks si lo que has puesto está bien? Porque el IE si no encuentra el DOCTYPE al principio de todo entra en modo quirks, y da igual si lo pones más adelante. Lo que no recuerdo es si pasa en todas las versiones ¡Bendito sea el IE! Salu2. -Mensaje original- De: Sergio Giménez [mailto:[EMAIL PROTECTED] Enviado el: sábado, 07 de junio de 2008 0:30 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] sitio varios navegadores Hola, estoy haciendo la estructura general de un sitio. El código valida en xhtml strict y las css también pasaron. El punto es que cuando uso float se ve diferente en los navegadores. Utilizo Linex/Debian y para chequear como se ve en Windows/IE estaba probando https://browsershots.org/ Alguien me puede decir qué estará mal? La url es http://internetprincipal.com/nuevo/index.php Gracias, Sergio __ Correo Yahoo! Espacio para todos tus mensajes, antivirus y antispam ¡gratis! ¡Abrí tu cuenta ya! - http://correo.yahoo.com.ar ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Charset en CSS
Hola a todos, tengo una duda ¿Es necesario especificar el charset en un archivo CSS? Tal como así, por ejemplo: @charset utf-8; Salu2 ___ Lista de distribución Ovillo Para 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] Modificando CSS Myspace sin Doctype
Un código HTML de ejemplo de la pagina: td width=300 bgcolor=#ff class=text colspan=3 align=left valign=bottom style=WORD-WRAP:break-word span class=nametextskizophonic (temas en directo sala El Loco!!!)/span br font color=#00 size=1 face=Arial, Helvetica, sans-serifstrongRock / Garage / Alternativa/strong/font /td Y yo haciendo peripecias con el DOM para acceder a elementos para aplicarles estilo CSS, por ejemplo: table.friendsComments table tbody tr td table tbody tr td{ border-bottom-width: 1px; /*no me deja abreviar las propiedades de border*/ border-bottom-style: solid; border-bottom-color: 99; /*myspace me elimina automáticamente las almohadillas # del CSS*/ padding: 40px 0 40px 0; } No es normal :_( Pero para que se van a preocupar si la gente después se va a una de esas páginas con editor wysiwyg que te cambian el diseño del myspace casi automáticamente. Aunque también así algunas páginas de usuarios son un verdadero caos. Por lo menos podrían haber dejado el doctype. Como curiosidad, el panel de control parece que si está completamente separado el marcado de la presentación y además tiene doctype XHTML 1.0 Transitional, pero el Tidy me da 520 warnings. En fin, es lo que hay. PD: Pedro gracias por el comentario de la personalización. Salu2. -Mensaje original- De: Leonel Silva [mailto:[EMAIL PROTECTED] Enviado el: martes, 03 de junio de 2008 2:41 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Modificando CSS Myspace sin Doctype Pues creo que si se le vende como una forma de competir con facebook o hi5 en cuanto a personalización podría ser, peeero para ellos sería más sencillo, creo yo, implementar un sistema como el de hi5 para cambiar hasta cierto punto el diseño de su template. 2008/6/2 Ardilla Roja [EMAIL PROTECTED]: Solo por alucinar... Pero que pasaria si una comunidad de desarrolladores se uniera y escribiera un correo a myspace, poniendo el dedo en todos esos 'pequeños detalles' que hacen la vida mas miserable (como la comentada en este post) A:R 2008/5/28 Dan Alcaide [EMAIL PROTECTED]: Da asco el myspace, lleno de apaños y teniendo que hacer yo apaños para arreglar sus apaños. En fin, supongo que tendré que olvidarme, por lo menos en Firefox y Opera se ve bien. Lo que quería hacer es simplemente ponerle el típico marco a la imagen. Gracias a todos. PD: Sin ánimo de hacer publicidad spammera, es el myspace de mi grupo http://www.myspace.com/skizophonic en unos dias subimos el disco que hemos grabado y por eso he cambiado el diseño. Salu2. -Mensaje original- De: Marc Palau [mailto:[EMAIL PROTECTED] Enviado el: miércoles, 28 de mayo de 2008 10:37 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Modificando CSS Myspace sin Doctype El futuro ya está aquí, las redes sociales son la web 2.0 y su incrusión en la Internet actual es la eclosión de un trabajo técnico realizado durante los últimos 10 años... ein? Disculpe? Me está diciendo que una mierda de página que no tiene ni doctype es el futuro? ... en que mundo vivimos... El padding lo quieres porque tienes un border? Porque si es solo para espaciar, el margin no te servirá? Si montas un churro de CSS con hacks y tal tampoco se va a notar demasiado entre toda la kiska que hay en el código de myspace. Siento no tener una respuesta mejor a la duda técnica, pero no me he podido resistir a hacer el comentario sarcástico. ___ Lista de distribución Ovillo Para 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 -- Ardilla Roja La Trinchera // ardillaroja.com.mx ___ Lista de distribución Ovillo Para 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 -- Leonel Silva Cel. 0416 - 539.54.47 [EMAIL PROTECTED] www.leonelsilva.com Caracas - Venezuela ___ Lista de distribución Ovillo Para 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] Modificando CSS Myspace sin Doctype
Da asco el myspace, lleno de apaños y teniendo que hacer yo apaños para arreglar sus apaños. En fin, supongo que tendré que olvidarme, por lo menos en Firefox y Opera se ve bien. Lo que quería hacer es simplemente ponerle el típico marco a la imagen. Gracias a todos. PD: Sin ánimo de hacer publicidad spammera, es el myspace de mi grupo http://www.myspace.com/skizophonic en unos dias subimos el disco que hemos grabado y por eso he cambiado el diseño. Salu2. -Mensaje original- De: Marc Palau [mailto:[EMAIL PROTECTED] Enviado el: miércoles, 28 de mayo de 2008 10:37 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Modificando CSS Myspace sin Doctype El futuro ya está aquí, las redes sociales son la web 2.0 y su incrusión en la Internet actual es la eclosión de un trabajo técnico realizado durante los últimos 10 años... ein? Disculpe? Me está diciendo que una mierda de página que no tiene ni doctype es el futuro? ... en que mundo vivimos... El padding lo quieres porque tienes un border? Porque si es solo para espaciar, el margin no te servirá? Si montas un churro de CSS con hacks y tal tampoco se va a notar demasiado entre toda la kiska que hay en el código de myspace. Siento no tener una respuesta mejor a la duda técnica, pero no me he podido resistir a hacer el comentario sarcástico. ___ Lista de distribución Ovillo Para 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 heigth 100%
Yo pondría la estructura/marcado de la siguiente forma: div id=contenedor div id=cabecera/div div id=menu/div div id=contenido/div /div div id=pie/div ¿Por qué el pie fuera del contenedor? Mira el CSS. Después, en el css: html, body { height: 100%; } #contenedor{ min-height: 100%; /*esta propiedad no la soporta IE6*/ } * html #contenedor { /*Hack para IE6*/ height: 100%; } #pie { position: relative: height: 20px; /*la altura que necesites para el pie*/ margin-top: -20px; /*la altura del pie pero en negativo*/ } Bueno, creo que te he hecho los deberes ;-) Espero que te sirva. Salu2. -Mensaje original- De: Yubén [mailto:[EMAIL PROTECTED] Enviado el: martes, 29 de enero de 2008 14:17 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Problemas con heigth 100% Buenas a todos Tengo el siguiente conflicto, tengo varios div, todos con un alto fijo y uno de ellos quiero que se adapte con height al 100% a resto de la ventana del navegador: Para que se entienda bien pongo un ejemplo: Cabecera: 100px de alto Menu: 50px de alto Contendios: alto del resto de la ventana¡, lo intento conseguir con el heigth al 100% Pie: 150px alto El motivo para querer hacer esto es que la capa pie, quiero que este siempre pegada en la parte de abajo de la ventana, aunque el contenido no sea el suficiente para que esto ocurra. Inicialmente tenia un problema que me ignoraba el heigth de la capa contenidos, al final lo solucione poniendo heigth al 100% también al body. el problema que tengo ahora vine por lo siguiente: Todo funciona bien si no fuera porque la capa contenidos coje el 100% que tiene body, sin restar lo que ya han cogido las capas con alto fijo, con lo que se me genera un scroll vertical en la pagina, sin ser necesario. Alguien se a encontrado con este problema, agradecería una ayuda un saludo yubén No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.516 / Virus Database: 269.19.16/1250 - Release Date: 29/01/2008 22:20 ___ Lista de distribución Ovillo Para 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] Oferta de trabajo
Por favor ¿Podrían poner el enlace a su página Web? Me interesa la oferta. Un saludo. -Mensaje original- De: Juan Carlos García Alonso [mailto:[EMAIL PROTECTED] Enviado el: miércoles, 09 de enero de 2008 10:52 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Oferta de trabajo Se necesitan 2 programadores con experiencia en PHP, MySQL, JavaScript y Flash con actionScript 2.0 para desarrollar un RICH, Se necesita además un diseñador con experiencia en la utilización de XHTML y CSS 2. El trabajo será a distancia y el pago por transferencia bancaria. Los pagos se discutirán pero el salario mínimo es de 2000 euros por encargo (módulo). Mas información por favor visite nuestra página para ver la naturaleza del trabajo y contactar con los contratadores. - ¡Capacidad ilimitada de almacenamiento en tu correo! No te preocupes más por el espacio de tu cuenta con Correo Yahoo!: http://correo.espanol.yahoo.com/ No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.516 / Virus Database: 269.19.2/1223 - Release Date: 13/01/2008 20:23 ___ Lista de distribución Ovillo Para 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 etiqueta div
Yo también opino que el IE5 ya esta en desuso y no vale la pena diseñar para el actualmente. Hace tiempo que dejé de pensar en este navegador. Por cierto, me gusta la página que enlazas. Salu2 -Mensaje original- De: Javier Trejo [mailto:[EMAIL PROTECTED] Enviado el: lunes, 03 de diciembre de 2007 5:05 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Problemas con etiqueta div Joaquin: Lo más probable sea que IE5 interpreta los padding y margin de una forma diferente a las versiones posteriores. Por otro lado, IE5 es un navegador que ya está en desuso. Esta versión de IE venía con los sistemas operativos Windows 95. Actualmente dentro de la línea de IE el más utilizado es el 6 (ya que se actualiza en forma automática a esta versión en todos los equipos con Windows 98 SE y se actualiza a IE7 para Windows XP SP2). Espero puedas solucionar tu problema (fijate los margin o padding que seguro IE5 al sumar lo hace en forma diferente, pero tené en cuenta mi comentario anterior ya que no creo que exista usuario con IE5. Saludos, Javier Trejo Diseñador Web Comunicación Interactiva Cel.: +54 (11) 15 6485-7734 Nextel: 54*147*4233 Mail: [EMAIL PROTECTED] MSN: [EMAIL PROTECTED] Skype: javier.trejo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Joaquim Font Enviado el: domingo, 02 de diciembre de 2007 21:28 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Problemas con etiqueta div En la página web esta: http://www.cgibuenosairesbpba.org/index.php Tengo problemas con la columna div derecha que en EE 5 en vez de verse a la derecha como en el firefox se ve debajo de a div centro ¿Alguien podrá ayudarme? Saludos Joaquin body { margin: 0; padding: 0; font-family: Georgia, serif; font-size: 62.5%; } #encabezado { width: 100%; } #navbar { padding: 5px 0 0 250px; background: #FBFAF4; border-top: 5px solid; font: 1.4em/1.4em Georgia, Times, serif; overflow: hidden; text-align: left; margin-top: 10px; margin-bottom: 0; border-bottom: 1px solid #8e8e78; text-transform: uppercase; height: 2em; } #navbar li { display: inline; margin-left: -5px; } #navbar li a { text-decoration: none; color: #000; } #navbar li a.contacto { border-right: none; } #navbar li a:hover { color: #cd2000; } #logo { margin-top: 0; margin-left: 25px; z-index: 5; position: absolute; top: 10px; width: 175px; height: 175px; background-image: url(./imagenes/logo.gif); } #cuerpo { width: 750px; margin: 0; padding-top: 0; overflow: hidden; } #izquierda { width: 175px; float: left; margin-left: 25px; margin-top: 140px; } #izquierda #datos { text-align: center; border-bottom: 1px solid gray; margin-top: 10px; } #izquierda #datos p { font-size: 1em; margin: 0; line-height: 1.2em; padding-bottom: 5px; } *html#main { overflow: hidden; } #main { float: right; margin: 0; padding: 0; width: 500px; overflow: visible; } #main #centro { width: 313px; float: left; padding-right: 10px; padding-left: 25px; border-right: 1px solid silver; margin: 0; } #main #derecha { float: right; width: 130px; padding-left: 10px; padding-right: 10px; border-right: 1px solid #7695B7; margin-top: 0; overflow: hidden; } #derecha h4 { color: #717060; font-size: 1.3em; font-weight: normal; font-style: normal; margin-left: -10px; overflow: visible; width: 130px; margin-right: -10px; background-color: #FBFAF4; border-bottom: 1px solid #8e8e78; padding: 5px 10px; } #derecha #entradas { } #derecha #entradas ul { padding: 0; list-style-type: none; list-style-image: none; } #derecha #entradas li { font: 1em/1.2em Verdana, Lucida Grande, Lucida, sans-serif; padding-bottom: 3px; } #derecha #entradas li a { color: #000; text-decoration: none; } #derecha #entradas li a:hover { text-decoration: underline; color: maroon; } #derecha #busca { background-color: #7695B7; border-style: none; margin-right: -10px; margin-left: -10px; margin-top: 0; padding: 10px; } #derecha #busca form { margin: 0; padding: 0; height: 20px; display: inline; } #derecha #busca p { height: 25px; padding: 0; margin: 0; } #derecha p #cbusca { width: 109px; } #derecha p #searchsubmit { margin-top: 5px; background:
[Ovillo] Recomendación ...
Bueno, pues yo recomiendo esta página, que en mi opinión tiene unos manuales/libros de desarrollo Web muy buenos en castellano: http://www.librosweb.es/ Han puesto en esta página que mañana viernes cambian de servidor, por si os encontráis que no funciona, para volver mas tarde. Salu2. No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.503 / Virus Database: 269.16.9/1158 - Release Date: 28/11/2007 21:11 ___ Lista de distribución Ovillo Para 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] Estilo en etiqueta noscript
Al final lo metí en un div, porque pensé igual que tu que no era buena idea ponérselo directamente a noscript. En Firefox todo va bien, pero ahora en IE6 e IE7 el div empieza desde el centro superior de la pagina conservando la anchura, con la consecuente visualización de las barras de desplazamiento horizontales. Este es el codigo CSS: #noscript { background-color: #ffc; border-bottom: 1px solid #ccc; color: #666; padding: 5px 0 5px 2%; width: 98%; background-image: url(../imagenes/alerta.gif); background-repeat: no-repeat; background-position: 5px center; text-align: left; position: absolute; } Codigo HTML: noscript div id=noscript Necesita tener activado JavaScript para poder ofrecerle todas las funcionalidades del sitio Web. Sentimos las molestias. /div /noscript Si el position lo cambio a relative funciona bien, pero me descuadra algunas cosas de la web. Os dejo una imagen (anchura de 1440) donde podeis ver las diferencias: http://img527.imageshack.us/img527/1589/noscriptcg7.jpg Salu2. -Mensaje original- De: Tei [mailto:[EMAIL PROTECTED] Enviado el: lunes, 22 de octubre de 2007 20:04 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Estilo en etiqueta noscript no creo que sea una buena idea utilizar noscript para estilar una pagina web, no es un elemento decorativo, sino algo asi como una macro que redirige el renderizado por una via u otra. ¿no puedes meter un div dentro y estilar este?. On 10/22/07, Dan Alcaide [EMAIL PROTECTED] wrote: Hola, le he aplicado a la etiqueta noscript un estilo y en Firefox 2 no tengo problema, pero en IE 6 e IE 7 aparece teniendo el JavaScript activado sin tener el texto que le pongo por defecto, es decir me aparece vacio, pero no me tendria que aparecer ni el estilo. No se si me explico. Lo he solucionado ponendiendole un id a noscript pero el problema tambien esta en que le he puesto position: absolute y solo me lo respeta el Firefox. Tengo el noscript justo después de body. ¿Sabeis alguna solucion? Salu2. No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.488 / Virus Database: 269.15.5/1084 - Release Date: 21/10/2007 15:09 ___ Lista de distribución Ovillo Para 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 outgoing message. Checked by AVG Free Edition. Version: 7.5.488 / Virus Database: 269.15.6/1086 - Release Date: 22/10/2007 19:57 ___ Lista de distribución Ovillo Para 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] Estilo en etiqueta noscript
Hola, le he aplicado a la etiqueta noscript un estilo y en Firefox 2 no tengo problema, pero en IE 6 e IE 7 aparece teniendo el JavaScript activado sin tener el texto que le pongo por defecto, es decir me aparece vacio, pero no me tendria que aparecer ni el estilo. No se si me explico. Lo he solucionado ponendiendole un id a noscript pero el problema tambien esta en que le he puesto position: absolute y solo me lo respeta el Firefox. Tengo el noscript justo después de body. ¿Sabeis alguna solucion? Salu2. No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.488 / Virus Database: 269.15.5/1084 - Release Date: 21/10/2007 15:09 ___ Lista de distribución Ovillo Para 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] Encontrar piso adaptado
Estoy de acuerdo, ya se ha disculpado y no vamos a hacer una montaña de esto. Cerrad el tema. -Mensaje original- De: LISTAS [mailto:[EMAIL PROTECTED] Enviado el: jueves, 18 de octubre de 2007 13:56 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Encontrar piso adaptado Chicos. Por favor... (vean que pido por favor): ¡CIERREN ESTE TEMA! Es gomoso y estrafalario como pocos (parece uno de esos aburridos y populosos programas norteamericanos) y no tiene NADA que ver con la temática común de la lista. Si quieren pueden seguirlo por fuera (la libertad es libre...), pero no ensucien la calidad de esta lista (y termina donde comienza la libertad del otro). Gracias. Señor administrador. Su siesta ha terminado... Digo, por si le paró el reloj. A.v.W. - Original Message - From: Coke Delta8 [EMAIL PROTECTED] To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Sent: Thursday, October 18, 2007 8:27 AM Subject: Re: [Ovillo] Encontrar piso adaptado Hombre una cosa es lo de Enric y otra es que nos intentes estafar Tei... El día 17/10/07, Tei [EMAIL PROTECTED] escribió: daniela, ..un primo mio que vive en california ha resultado ser heredero de una pequeña parcela de tierra junto a la ciudad de san francisco, la tierra no vale nada, pero resulta que construyeron partiendo de esta parcela un puente http://www.hellosanfrancisco.com/Images/Photos/972005Golden_Gate_Bridge-s.jp g por tanto, legalmente el puente pertenece a nuestra familia, pues en aquellos tiempos no respetaron la propiedad de mi primo (por ser hispano) pero la legalidad sobre el asunto es ahora muy estricta, y hay muchos juicios ganados. el caso es que debemos sacar fotocopias del registro de propiedad, pero halla estas cosas son muy caras, pues hay que mover jurados y tal, no te aburro con los detalles. pero nos hace falta USD $100.000. si fueras tan amable para contribuir con parte de esta cantidad, bueno, nosotros pleneamos poner peaje (porque no se puede vender un puente, hahahaha...) y te dariamos tu parte. la hija pequeña de mi primo esta en silla de ruedas, y tiene cancer, tiene 7 añitos, y es todo corazon, sabes que los medicos son muy caros en USA, espero que tengas corazon y nos ayudes (por supuesto hay tambien mucho a ganar para todos!). la hija de mi primo (se llama Jiva) http://farm2.static.flickr.com/1440/756451469_aac186c077.jpg fijate que adorable, ¡y tu puedes salvarle la vida!, ¡y ganar un monton de pasta! On 10/17/07, daniela niembro maldonado [EMAIL PROTECTED] wrote: Enric, Yo no creo que tengas que disculparte. Como todos sabemos este es un espacio de libre expresion. Si, asi es,escojimos esta lista porque esta relacionada con nuestra profesion y un mutuo interes de resolver inquietudes. Es como un trabajo en equipo, trabajo en una oficina, donde ademas de colaborar para los grandes proyectos colaboras e influyes en las personas de una manera inteligente y para enseñarles lo que tu has aprendido en la vida junto con la profesion. A mi parecer tu tienes muchos cojones (como alguno dijo) y te felicito. Solo tienes que encausar tu objetivo y enfocarlo a: 1. encontrar un departamento en planta baja, para que esto no afecte tus imposiblidades fisica. 2. Puedes diseñar algun artefacto (para lo cual ofresco mi ayuda a diseñarlo) que te suba y te baje junto con tu silla de ruedas. Recuerda que los impedimentos fisicos son iguales o peores a los impedimentos mentales y psicologicos. Keep going Daling. From: Enric Moix [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: Re: [Ovillo] Encontrar piso adaptado Date: Wed, 17 Oct 2007 12:02:08 +0200 Perdonad, no era mi intención. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo _ FREE pop-up blocking with the new MSN Toolbar - get it now! http://toolbar.msn.click-url.com/go/onm00200415ave/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 nota: toma libre expresion ___ Lista de distribución Ovillo Para 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
[Ovillo] Accesibilidad en pseudo-enlaces javascript
Hola, no se si es un tema que se pueda plantear en esta lista, la cuestion es que tengo unos pseudo-enlaces en javascript (creo que se llaman asi) este es el codigo: a href=javascript:void(0) onclick=document.getElementById('imagen').src = 'imagenes/imagen1.jpg'imagen 1/a Lo que hace es que me cambia la imagen que tengo en un div. Pero me da la sensación que no es accesible, ya que depende del usuario si tiene activado javascript y el href del enlace no apunta a nada. ¿Hay alguna forma de hacerlo mas accesible? O por ejemplo para navegadores que no acepten CSS y javascript ¿puedan ver todas las imágenes sin depender de estos dos últimos? No se si me explico. Salu2. No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date: 24/09/2007 19:09 ___ Lista de distribución Ovillo Para 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] Accesibilidad en pseudo-enlaces javascript
Gracias a todos por responder. Intentaré implementar la solución de Hari y si tengo algún problema ya os contaré. Lo que tendría que hacer es identificar solo los enlaces que yo necesite ¿no? Y con ponerlo en un archivo aparte .js me funcionaria para todo el sitio ¿no? Un saludo. -Mensaje original- De: Hari Seldon [mailto:[EMAIL PROTECTED] Enviado el: martes, 25 de septiembre de 2007 12:01 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript Y sería todavía más elegante, así: a href=imagenes/imagen1.jpg target=_blankimagen 1/a script language=javascript anchors = document.getElementByTag('a'); l = anchors.lenght; for (var i=0; i++; il) { anchors[i].href = ''; anchors[i].target = ''; anchors[i].onclick = function() { document.getElementById('imagen').src ='imagenes/imagen1.jpg'; return(false); } } /script Vamos, con javascript no intrusive... Ojo, que el código lo he hecho sobre el email directamente, y ni lo he probado.. O sea que probablemente esté mal; pero da una idea de lo que se pretende. Lógicamente, este código es muy mejorable, porque aquí recorremos todos los elementos A de la página y le asociamos el mismo código para el onclick; pero vamos, jugando un poquito, es fácil de cambiar. Un saludo -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de David Pardo Enviado el: martes, 25 de septiembre de 2007 10:48 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Accesibilidad en pseudo-enlaces javascript Sería mucho mejor: a href=imagenes/imagen1.jpg onclick=document.getElementById('imagen').src = 'imagenes/imagen1.jpg';return(false)imagen 1/a porque así, en ausencia de javascript, podrían también acceder a la imagen Dan Alcaide escribió: Hola, no se si es un tema que se pueda plantear en esta lista, la cuestion es que tengo unos pseudo-enlaces en javascript (creo que se llaman asi) este es el codigo: a href=javascript:void(0) onclick=document.getElementById('imagen').src = 'imagenes/imagen1.jpg'imagen 1/a Lo que hace es que me cambia la imagen que tengo en un div. Pero me da la sensación que no es accesible, ya que depende del usuario si tiene activado javascript y el href del enlace no apunta a nada. ¿Hay alguna forma de hacerlo mas accesible? O por ejemplo para navegadores que no acepten CSS y javascript ¿puedan ver todas las imágenes sin depender de estos dos últimos? No se si me explico. Salu2. No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date: 24/09/2007 19:09 ___ Lista de distribución Ovillo Para 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 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.488 / Virus Database: 269.13.30/1029 - Release Date: 24/09/2007 19:09 ___ Lista de distribución Ovillo Para 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] Alineamiento vertical no funciona con float
Hola a todos, en una web que estoy creando tengo un problema, ver pagina: HYPERLINK http://www.dedalocreative.com/avetid/asociados/index.aspxhttp://www.dedalo creative.com/avetid/asociados/index.aspx En la cual tengo una lista en la cual los li les hago un flota: left, y mi intención es alinear lo que hay dentro verticalmente. Este es el código CSS: #galeria-asociados ul li{ width: 95px; height: 90px; float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; background-color: #fff; text-align: center; display: table-cell; vertical-align: middle; } El problema esta que si le pongo float:left no alinea verticalmente pero si lo quito si lo hace bien, pero claro necesito el float:left. ¿Hay alguna solución? Después esta el problema que en el IE no reconoce este método de alinear verticalmente, pero eso es otra historia. Salu2. No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.487 / Virus Database: 269.13.25/1018 - Release Date: 19/09/2007 15:59 ___ Lista de distribución Ovillo Para 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] Alineamiento vertical no funciona con float
¿En que elemento pongo el alineado a la izquierda? El CSS completo es esto. #galeria-asociados { width: 650px; float: left; } #galeria-asociados ul li{ width: 95px; height: 90px; float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; background-color: #fff; text-align: center; display: table-cell; vertical-align: middle; } No funciona en Firefox ni Opera. Gracias. -Mensaje original- De: Juan Jorge Muñoz Herrero [mailto:[EMAIL PROTECTED] Enviado el: jueves, 20 de septiembre de 2007 13:48 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Alineamiento vertical no funciona con float no, lo que se está cargando el alineado vertical es precisamente el float, que lo convierte a block, en su lugar es mejor que ponga alineado a la izquierda El día 20/09/07, Rodrigo Álvarez Virgós [EMAIL PROTECTED] escribió: Hola Dan Alcaide escribió: Hola a todos, en una web que estoy creando tengo un problema, ver pagina: HYPERLINK http://www.dedalocreative.com/avetid/asociados/index.aspx; http://www.dedalo creative.com/avetid/asociados/index.aspx En la cual tengo una lista en la cual los li les hago un flota: left, y mi intención es alinear lo que hay dentro verticalmente. Este es el código CSS: #galeria-asociados ul li{ width: 95px; height: 90px; float: left; margin: 0 10px 10px 0; border: 1px solid #ccc; background-color: #fff; text-align: center; display: table-cell; vertical-align: middle; } El problema esta que si le pongo float:left no alinea verticalmente pero si lo quito si lo hace bien, pero claro necesito el float:left. ¿Hay alguna solución? ¿Y si les pones un height y display:block en lugar de display:table-cell? ___ Lista de distribución Ovillo Para 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 Jorge Muñoz Herrero http://www.taarq.com (0034) 635 10 7142 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.487 / Virus Database: 269.13.25/1018 - Release Date: 19/09/2007 15:59 ___ Lista de distribución Ovillo Para 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] Presupuesto en Flash de 2 sitios - Pregunta sobreFlash...
Pasa varias veces que el cliente se encabezona que lo quiere en Flash y debes hacerlo así. No siempre es culpa del desarrollador. -Mensaje original- De: Hari Seldon [mailto:[EMAIL PROTECTED] Enviado el: miércoles, 05 de septiembre de 2007 13:59 Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] [OT] Presupuesto en Flash de 2 sitios - Pregunta sobreFlash... Bueno, pues nada, que viendo el sitio, mi pregunta es la siguiente: ¿Qué aporta Flash a este sitio web? Los fade in fade out que se hacen de las fotos, a día de hoy son perfectamente asumibles vía Javascript; el menú no tiene ningún efecto extraño; el mapa de localización, quedaría mejor un Google Map personalizado No sé, sinceramente ¿Qué le aporta a este sitio web el estar hecho en Flash? Un saludo. -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de LISTAS Enviado el: miércoles, 05 de septiembre de 2007 0:10 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] [OT] Presupuesto en Flash de 2 sitios Hola, les tiro una punta: Necesito saber si alguien puede hacerme un sitio en Flash similar (o mejor) a este enlace: http://www.elmosquitoparrilla.com.ar/ Y obviamente: cuánto cotiza, forma de pago, etc. Yo estoy en la Ciudad Autónoma de Buenos Aires, Argentina. En realidad son 2 trabajos en Flash. El segundo (el enlace que me pasó el cliente por teléfono se me borró del histórico del navegador al pasar el CCleaner) es muy interactivo y es para ropa de niños. Además, llevaría algunas páginas con juegos (hay que inventarlos) y una base de datos para que el cliente pueda poner y sacar fotos a su comodidad sin intervención del diseñador. ¿Quién se anima? Los presupuestos pásenmelos por vía privada así no molestamos a los demás. 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 No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.485 / Virus Database: 269.13.5/990 - Release Date: 04/09/2007 22:36 ___ Lista de distribución Ovillo Para 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] Bordes redondeados en diseño liquido
Gracias a todos por contestar y darme soluciones. Al final tuve que pensarlo yo pero por lo que veo lo implemente muy parecido a lo que me habéis planteado. CODIGO CSS: /*Lo mismo para el borde inferior*/ #borde-arriba{ height: 20px; } #borde-arriba-izq { float: left; width: 25px; height: 20px; background-image: url(esquinaIZ.gif); background-repeat: no-repeat; } #borde-arriba-der { float: right; width: 25px; height: 20px; background-image: url(esquinaDE.gif); background-repeat: no-repeat; background-position: right top; } CODIGO HTML: div id=contenedor div id=borde-arriba div id=borde-arriba-izq/div div id=borde-arriba-der/div /div /div Aunque creo que peco de divitis en este código :-D Y gracias por los enlaces, no los conocía y parecen muy interesantes. PD: Es la primera vez que preguntaba en esta lista y, sin ánimo de ser pelota, me parece cojonuda esta lista. Salu2. -Mensaje original- De: Lucas Franco [mailto:[EMAIL PROTECTED] Enviado el: sábado, 11 de agosto de 2007 3:38 Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Bordes redondeados en diseño liquido yo lo estoy haciendo asi, con un metodo parecido al que dice agustin no se si es lo qe buscas.. HTML: div id=subtitulo div class=esquinaazul divPagina en Construccion /div /div div id=principal div class=esquinablanca div img src=constru.GIF alt=Página en Construcción / /div /div /div /div /div /div CSS: #subtitulo{ background-color: #312e4b; background-image:url(./ventanita.png); background-repeat:repeat-x; } #principal { margin: 0px 3px 1px 3px; color:#106689; font-size:12px; background-color: #FFF; } .esquinaazul div { padding-top: 0px; background:url(tr.jpg) no-repeat top right; } .esquinaazul { font-size:small; padding-top:0px; background: url(tl.jpg) no-repeat scroll top left ; } .esquinablanca div { padding-top: 0px; background:url(ar.png) no-repeat top right; } .esquinablanca { font-size:small; padding-top:0px; background: url(al.png) no-repeat scroll top left ; } /*.esquinablancab div { padding-top: 0px; background:url(aar.png) no-repeat bottom right; } .esquinablancab { font-size:small; padding-top:0px; background: url(aal.png) no-repeat scroll bottom left ; } por cierto, a que le llamas diseño liquido no estoy mucho en el tema. On 8/10/07, Agustin Bouillet [EMAIL PROTECTED] wrote: Te cuento una de las soluciones que suelo usar... Tienes tu contendor, digamos que a un 90% con un margin-top en el body de unos, digamos 1em. dentro de este contenedor agregas un div que se acomodará en la parte interior/superior de tu contenedor, identifiquemos este div como id=topRound (por ponerle algun nombre). Dentro de este div colocas la imagen redondeada --con el atributo alt vacio--; de la esquina superior izquierda; y luego a la clase topRound le pones las siguientes características ej... #topRound { background: url('imagen.gif /*acá va la esquina superior izquierda */ ') top right; height:10px ;/*Esta es la medida de la imagen.*/ } Le agregas todos los detalles que tengan que ver con tu diseño y voliá... Lo mismo tendrás que hacer con las esquinas inferiores; y considerarás un height al 100%, o relativo... Bueno es una de las soluciones... hay un monton más dando vueltas por la web. Suerte On 8/10/07, Dan Alcaide [EMAIL PROTECTED] wrote: Hola a todos, necesito tener bordes redondeados en un diseño líquido. Tengo una capa #contenedor con anchura 97% y es a la cual le aplico los bordes ¿alguien sabe alguna solución para cualquier navegador y que valide correctamente? He estado buscando por el señor Google pero ninguna me convence y no tengo tiempo para pensarlo yo. Gracias. No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.11.11/944 - Release Date: 09/08/2007 14:44 ___ Lista de distribución Ovillo Para 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 -- Lucas Franco No virus found in this outgoing message
[Ovillo] Bordes redondeados en diseño liquido
Hola a todos, necesito tener bordes redondeados en un diseño líquido. Tengo una capa #contenedor con anchura 97% y es a la cual le aplico los bordes ¿alguien sabe alguna solución para cualquier navegador y que valide correctamente? He estado buscando por el señor Google pero ninguna me convence y no tengo tiempo para pensarlo yo. Gracias. No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.5.476 / Virus Database: 269.11.11/944 - Release Date: 09/08/2007 14:44 ___ Lista de distribución Ovillo Para 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