Re: [Ovillo] Imagenes de distinto tamaño centradas t anto horizontal como vertical en una línea
Hola JM, Recuerda que trabajas contra un "beta". Analiza las propiedades, no pueden ser más simples. tal vez con el lineheight que comento dentro del código se arregle. Ahora no tengo ningún ie7 para probar, pero creo que las modificaciones son mínimas, el diseño se basa en un display:inline... Un saludo JU> Buenas tardes... JU> Ya había intentado hacer esto, pero no consigo que se vea correctamente en JU> todos los navegadores. JU> La propuesta de ubicuit, no funciona en todos los navegadores, se rompe en JU> Explorer 7 Beta 3. JU> :-((( JU> El día 19/09/06, Raul Martin <[EMAIL PROTECTED]> escribió: >> Hola, >> Ya que las imagenes son elementos de linea... los únicos que estorban son >> los s (por que es una lista). Los convertimos en elementos de línea y en >> lugar de operar con bloques y tener que llamar a las gruas para colocarlos, >> manejamos un frase de imágenes :D >> y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y >> no parece que se le haga caso :D >> www.ubicuit.net/ejemplosCSS/galeria/index2.htm >> UN saludo >> L> Es impresionante la diferencia de esos marcos con relieve según se vea >> con >> L> Firefox o Explorer. >> L> Con Firefox se ven "espectaculares". >> L> Para que queden centrados "sin tabla" debes usar ésto en la etiqueta de >> L> imagen: que es el equivalente a: >> > align="absmiddle">> y poner las fotos dentro de un div con el alto de la >> foto >> L> mayor para que tengan un marco de referencia. >> L> Almirante Von Web/. >> L> - Original Message - >> L> From: "Francisco Jesús Gil Navarro" <[EMAIL PROTECTED]> >> L> To: >> L> Sent: Monday, September 18, 2006 5:40 PM >> L> Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto >> horizontal >> L> como vertical en una línea >> L> Gracias DJ-dom, Laura, David Castelló y Sureña. >> L> He probado ambas soluciones pero solo sirve si las imágenes tienen el >> L> mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en >> L> horizontal como en vertical, y me gustaría que quedaran como en la >> página >> L> http://www.frangiln.jazztel.es/index.html los logos de los >> patrocinadores, >> L> pero están en tablas, no lo consigo con css. >> L> Gracias de nuevo por vuestro interés. ___ Lista de distribución Ovillo Para 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] Comportamiento no deseado del flotante derecho
Martin Szyszlican escribió: > Trent Chandra escribió: > >> Hola lista. >> Estoy desarrollando una CSS y hace días que estoy varado en un problema >> que no consigo solucionar. >> Dicha CSS tiene una parte principal que flota a la izquierda y otra que >> lo hace a la derecha. La presentación en los navegadores es correcta, >> pero cuando se amplia desde el navegador, el tamaño del texto la sección >> flotante de la derecha pasa debajo de la sección que flota a la >> izquierda. He usado porcentajes justamente para que cuando ello ocurra >> mantenga las proporciones, pero no he podido solucionar el tema que deje >> de flotar a la derecha y lo envíe debajo. Estando las medidas expresadas >> en 'em' y en '%' ¿no debería guardar las proporciones y mantenerse >> flotando a la derecha? Además, los porcentajes expresados no son los que >> veo representados, las suma de ellos debe ser menos al 100%, ¿no >> entiendo el porqué? >> >> > El problema parece ser el overflow. > Cuando el texto es mas grande que el 60%, se cae. > Probá con overflow: auto o overflow:hidden en ambos floats. > Una pregunta: > No te conviene hacer dos float:left, y en el de la derecha, poner otro > div adentro con float:right ? > > Martin. > >> En este mensaje he puesto al CSS y el XHTML usado. >> Muchas gracias a todos por su tiempo. >> Saludos, Diego. >> >> - >> ***CSS*** >> - >> * { >> border: 0; >> margin: 0; >> padding: 0; >> } >> >> body { >> width: 100%; >> text-align: center; >> font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; >> } >> >> #contenedor { >> width: 780px; >> margin: 0 auto; /*centrar contenedor en body */ >> padding-top: 2em; >> text-align: left; >> } >> >> #cabecera { >> background-color: White; >> color: Black; >> margin-top: 1em; >> margin-bottom: 1em; >> } >> >> #logo { >> position: relative; >> width: 480px; >> height: 90px; >> } >> >> #cuerpo { >> width: 780px; >> left: 50%; >> } >> >> #principal { >> float: left; >> width: 60%; >> display: inline; >> padding: 1em; >> overflow: auto; >> } >> >> .laterales { >> float: right; >> width: 12em; >> display: inline; >> margin-top: 2em; >> padding: 1em; >> overflow: auto; >> background-color: #FAFAD2; >> color: Black; >> } >> >> .cola { >> float: left; >> width: 6em; >> margin-bottom: 2em; >> font-size: 0.9em; >> } >> >> .colb { >> float: right; >> width: 6em; >> margin-bottom: 2em; >> font-size: 0.9em; >> } >> >> #principal p { >> font-size: 0.9em; >> /*margin: 0.3em 0;*/ >> text-indent: 2em; >> /*letter-spacing: 0.1em;*/ >> /*word-spacing: 0.1em;*/ >> /*line-height: 2em;*/ >> line-height: 1.5em; >> margin-top: 2em; >> margin-bottom: 2em; >> } >> >> #principal p:first-letter { >> float: left; >> font-size: xx-large; >> } >> >> p { >> font-size: 0.8em; >> margin: 0.3em 0; >> } >> >> /* >> #principal p:before { >> line-height: 4em; >> } >> >> #principal p:after { >> line-height: 12em; >> }*/ >> >> a:link { >> color: #1e90ff; >> font-weight: bold; >> text-decoration: none; >> border-bottom: 1px dotted #2f5dde; >> } >> >> a:visited { >> color: #005fbb; >> font-weight: bold; >> text-decoration: none; >> border-bottom: 1px dotted #2f5dde; >> } >> >> a:hover { >> color: #000; >> border: 0; >> text-decoration: underline; >> } >> >> a:focus { >> background: #f9f7f4; >> color: #cc; >> } >> >> a:active { >> background: #f9f7f4; >> color: #000; >> border: 0; >> text-decoration: underline; >> } >> >> .frase { >> clear: both; >> margin-top: 1em; >> margin-bottom: 1em; >> padding: 1em; >> font-weight: bolder; >> background-color: Aqua; >> color: White; >> width: 80%; >> } >> >> - >> ***XHTML*** >> - >> > "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";> >> http://www.w3.org/1999/xhtml"; xml:lang="es"> >> >> Sitios >> >> >> >> >> >> > media="all" /> >> >> >> >> >> >> >> > width="480" height="90" id="logo" /> >> >> Lorem ipsum dolor sit amet, consectetuer >> adipiscing elit. Nam sem. Suspendisse sollicitudin. >> .. >> Mauris nec ipsum et erat nonummy ultricies. Nulla >> lobortis. Curabitur adipiscing leo et purus. Vivamus >> nec sem.. >> Pellentesque vehicul
Re: [Ovillo] : Imagenes de distinto tamaño centra das tanto horizontal como vertical en una línea
Francisco, a los contenedores o capas le puedes dar el tamaño que quieras, indistinto del tamaño de la foto, asi pues es fácil colocarlos estilo una tabla. Un saludo Angeles Message: 2 Date: Tue, 19 Sep 2006 21:44:06 +0200 From: Raul Martin <[EMAIL PROTECTED]> Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal como vertical en una línea To: "Ovillo, la lista de CSS en castellano" Message-ID: <[EMAIL PROTECTED]> Content-Type: text/plain; charset=iso-8859-1 Hola, Ya que las imagenes son elementos de linea... los únicos que estorban son los s (por que es una lista). Los convertimos en elementos de línea y en lugar de operar con bloques y tener que llamar a las gruas para colocarlos, manejamos un frase de imágenes :D y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y no parece que se le haga caso :D www.ubicuit.net/ejemplosCSS/galeria/index2.htm UN saludo L> Es impresionante la diferencia de esos marcos con relieve según se vea con L> Firefox o Explorer. L> Con Firefox se ven "espectaculares". L> Para que queden centrados "sin tabla" debes usar ésto en la etiqueta de L> imagen: que es el equivalente a: > y poner las fotos dentro de un div con el alto de la foto L> mayor para que tengan un marco de referencia. L> Almirante Von Web/. L> - Original Message - L> From: "Francisco Jesús Gil Navarro" <[EMAIL PROTECTED]> L> To: L> Sent: Monday, September 18, 2006 5:40 PM L> Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal L> como vertical en una línea L> Gracias DJ-dom, Laura, David Castelló y Sureña. L> He probado ambas soluciones pero solo sirve si las imágenes tienen el L> mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en L> horizontal como en vertical, y me gustaría que quedaran como en la página L> http://www.frangiln.jazztel.es/index.html los logos de los patrocinadores, L> pero están en tablas, no lo consigo con css. L> Gracias de nuevo por vuestro interés. L> -- L> Saludos. L> Francisco -- Message: 3 Date: Wed, 20 Sep 2006 11:08:39 +0200 From: "Orange at Google" <[EMAIL PROTECTED]> Subject: Re: [Ovillo] elasticidad limite To: "Ovillo, la lista de CSS en castellano" Message-ID: <[EMAIL PROTECTED]> Content-Type: text/plain; charset=ISO-8859-1; format=flowed Puedes usar una combinación de min y max width para navegadores que entiendan estandares y expressions para Explorer. La expression utilizada, si quieres que sea compatible con versiones 5.x del navegador, es un tanto complicada. Aqui tienes una posible solución que propuse yo para hacer un diseño adaptable a 800 y a 1024 px de resolución http://www.domestika.org/foros/viewtopic.php?t=47512 Espero que te sirva de ayuda El día 17/09/06, Carlos Revillo <[EMAIL PROTECTED]> escribió: > > > > Puedes jugar con min-width, min-height, max-width y max-height (sin > > soporte en Explorer). > > > > > http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#min-max-widths > > > > > hay una "trampilla" para hacerlo funcionar en explorer... > http://www.webreference.com/programming/min-width/ > ___ > Lista de distribución Ovillo > Para 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 > -- Orange at GMail -- ___ Ovillo mailing list Ovillo@lists.ovillo.org http://lists.ovillo.org/mailman/listinfo/ovillo Fin de Resumen de Ovillo, Vol 31, Envío 24 ** ___ Lista de distribución Ovillo Para 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] div de fondo con opacidad
> Pone el fondo gris en un div y el resto de las cosas (p, img, etc) > en otro/s > divs y la propiedad filter se la ponés al que tenga el backgraund > para que > no afecte al resto, así debería funcionar. > Saludos. Pues si, como dices debería funcionar pero el caso es que no he conseguido que saliese :-( al final me decante por hacerlo como indica Carlos con un png. Gracias por la ayuda. 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] Subject: Problema con maquetación a 3 columnas
Macho, prueba a poner primero la columna izquierda antes del central. Creo que te funcionará Un saludo Angeles Message: 1 Date: Tue, 19 Sep 2006 17:25:04 +0200 From: Nacho F. Carreño <[EMAIL PROTECTED]> Subject: [Ovillo] Problema con maquetación a 3 columnas To: "Ovillo, la lista de CSS en castellano" Message-ID: <[EMAIL PROTECTED]> Content-Type: text/plain; charset="iso-8859-1" Hola a [EMAIL PROTECTED], Me estoy intentando hacer una maquetación a tres columnas pero me surgen varios problemas. El ancho total de la es de 779px para ello tengo una capa contenedora que cuya posicion es relative. Tengo una capa lateral izquierda con estos estilos: #laterali { float:left; padding: 175px 0 0 75px; width:150px; z-index:1; } Y una capa central con estos estilos: #contenido { width:375px; margin: 10px 10px 5px 230px; background:#F2FEF2; } El problema me surge ahora al querer poner la columna izquierda. Sólo la he conseguido posicionar como yo quiero poniéndole un position:absolute y dandole las coordenadas exactas. El problema con el que me encuentro es que estoy jugando con dos fondos, el de la página principal se repite verticalmente y el otro fondo se repite horizontalmente dentro de la capa que contiene toda la Web y la cuestión está en que si la zona lateral derecha tiene más contenidos que las otras dos capas se hace más larga, sin embargo, al estar con medidas absolutas el fondo se estira hasta sólo la parte más larga de las otras dos capas por lo que el efecto es como si la capa lateral derecha se saliera por encima de la Web. Espero haberme explicado bien :-( Un saludo, Nacho -- Message: 2 Date: Tue, 19 Sep 2006 21:44:06 +0200 From: Raul Martin <[EMAIL PROTECTED]> Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal como vertical en una línea To: "Ovillo, la lista de CSS en castellano" Message-ID: <[EMAIL PROTECTED]> Content-Type: text/plain; charset=iso-8859-1 Hola, Ya que las imagenes son elementos de linea... los únicos que estorban son los s (por que es una lista). Los convertimos en elementos de línea y en lugar de operar con bloques y tener que llamar a las gruas para colocarlos, manejamos un frase de imágenes :D y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y no parece que se le haga caso :D www.ubicuit.net/ejemplosCSS/galeria/index2.htm UN saludo L> Es impresionante la diferencia de esos marcos con relieve según se vea con L> Firefox o Explorer. L> Con Firefox se ven "espectaculares". L> Para que queden centrados "sin tabla" debes usar ésto en la etiqueta de L> imagen: que es el equivalente a: > y poner las fotos dentro de un div con el alto de la foto L> mayor para que tengan un marco de referencia. L> Almirante Von Web/. L> - Original Message - L> From: "Francisco Jesús Gil Navarro" <[EMAIL PROTECTED]> L> To: L> Sent: Monday, September 18, 2006 5:40 PM L> Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal L> como vertical en una línea L> Gracias DJ-dom, Laura, David Castelló y Sureña. L> He probado ambas soluciones pero solo sirve si las imágenes tienen el L> mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en L> horizontal como en vertical, y me gustaría que quedaran como en la página L> http://www.frangiln.jazztel.es/index.html los logos de los patrocinadores, L> pero están en tablas, no lo consigo con css. L> Gracias de nuevo por vuestro interés. L> -- L> Saludos. L> Francisco -- Message: 3 Date: Wed, 20 Sep 2006 11:08:39 +0200 From: "Orange at Google" <[EMAIL PROTECTED]> Subject: Re: [Ovillo] elasticidad limite To: "Ovillo, la lista de CSS en castellano" Message-ID: <[EMAIL PROTECTED]> Content-Type: text/plain; charset=ISO-8859-1; format=flowed Puedes usar una combinación de min y max width para navegadores que entiendan estandares y expressions para Explorer. La expression utilizada, si quieres que sea compatible con versiones 5.x del navegador, es un tanto complicada. Aqui tienes una posible solución que propuse yo para hacer un diseño adaptable a 800 y a 1024 px de resolución http://www.domestika.org/foros/viewtopic.php?t=47512 Espero que te sirva de ayuda El día 17/09/06, Carlos Revillo <[EMAIL PROTECTED]> escribió: > > > > Puedes jugar con min-width, min-height, max-width y max-height (sin > > soporte en Explorer). > > > > > http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#min-max-widths > > > > > hay una "trampilla" para hacerlo funcionar en explorer... > http://www.webreference.com/programming/min-width/ > ___ > Lista de distribución Ovillo > Para 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 > -- Orange at GMail --
Re: [Ovillo] Javascript
http://www.javascriptya.com.ar/ sin duda! ;-) Javier Trejo escribió: > Alguien conoce algún sitio con un buen manual de javascript o algún libro > que puedan recomendarme (ya sea en formato pdf o no) > > Saludos > > -- > Javier Trejo > TEL: (011) 4543-4550 > CEL: (011) 15-5147-6161 > WEB: HYPERLINK "http://www.javiertrejo.com.ar/"www.javiertrejo.com.ar > MSN: HYPERLINK > "blocked::mailto:[EMAIL PROTECTED]"[EMAIL PROTECTED] > Mail: HYPERLINK > "mailto:[EMAIL PROTECTED]"[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] validar un sitio
Lo primero que debes hacer antes de validarla, es especificar un doctype que especifique que versión de html utilizas. Da un vistazo a estos links: http://www.w3.org/TR/html4/struct/global.html http://alistapart.com/stories/doctype/ 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] validar un sitio
paso la url: www.hotelpeumayen.com.ar Muchas 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
Re: [Ovillo] Javascript
AraDaen escribió: > Hola!! > > Te pongo una lista de libros que están bastante bien: > > a) Wiley - JavaScript Bible , 5th Ed (1743 pages) - 2004 > b) OReilly - JavaScript The Definitive Guide, 5th.Ed (Aug.2006) > c) Hungry Minds, Inc.- JavaScript bible, gold edition (2001) > > y para profundizar en ajax, > Prentice Hall AJAX Creating Web Pages with Asynchronous JavaScript and XML > (2006) > Como referencia podés usar la de mozilla: http://developer.mozilla.org/es/docs/JavaScript http://developer.mozilla.org/en/docs/JavaScript (en inglés es más completa) > > En el irc, cuentas con un canal de javascript #javascript En qué servidor? > , y tambien existe > una lista de correo de javascript en castellano: > http://javaescript.scriptia.net/ > > > 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 > > -- Martin Szyszlican http://www.ylisto.info "Si este mensaje fue muy largo, fue poco profundo" ___ Lista de distribución Ovillo Para 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] Javascript
Hola!! Te pongo una lista de libros que están bastante bien: a) Wiley - JavaScript Bible , 5th Ed (1743 pages) - 2004 b) OReilly - JavaScript The Definitive Guide, 5th.Ed (Aug.2006) c) Hungry Minds, Inc.- JavaScript bible, gold edition (2001) y para profundizar en ajax, Prentice Hall AJAX Creating Web Pages with Asynchronous JavaScript and XML (2006) En el irc, cuentas con un canal de javascript #javascript, y tambien existe una lista de correo de javascript en castellano: http://javaescript.scriptia.net/ 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] Problema con maquetación a 3 columnas
Proba poniendo las 3 columnas flotadas, con margin y padding y un clear donde termina la última y así se mantendran siempre posicionadas a pesar que varíe el contenido. Espero sea lo que necesitas. Saludos. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Enviado el: Martes, 19 de Septiembre de 2006 12:25 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Problema con maquetación a 3 columnas Hola a [EMAIL PROTECTED], Me estoy intentando hacer una maquetación a tres columnas pero me surgen varios problemas. El ancho total de la es de 779px para ello tengo una capa contenedora que cuya posicion es relative. Tengo una capa lateral izquierda con estos estilos: #laterali { float:left; padding: 175px 0 0 75px; width:150px; z-index:1; } Y una capa central con estos estilos: #contenido { width:375px; margin: 10px 10px 5px 230px; background:#F2FEF2; } El problema me surge ahora al querer poner la columna izquierda. Sólo la he conseguido posicionar como yo quiero poniéndole un position:absolute y dandole las coordenadas exactas. El problema con el que me encuentro es que estoy jugando con dos fondos, el de la página principal se repite verticalmente y el otro fondo se repite horizontalmente dentro de la capa que contiene toda la Web y la cuestión está en que si la zona lateral derecha tiene más contenidos que las otras dos capas se hace más larga, sin embargo, al estar con medidas absolutas el fondo se estira hasta sólo la parte más larga de las otras dos capas por lo que el efecto es como si la capa lateral derecha se saliera por encima de la Web. Espero haberme explicado bien :-( Un saludo, Nacho ___ Lista de distribución Ovillo Para 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 Free Edition. Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006 -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006 ___ Lista de distribución Ovillo Para 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] validar un sitio
Alejandra: Estás validando el css o el html? Lo correcto sería validar 1ro el HTML en http://validator.w3.org/ y después que esté validado y/o corrijas los errores de tu xhtml entrara en http://jigsaw.w3.org/css-validator/ y validar la hoja de estilos. Por que no ponés la url así podemos ver el error que te manda, aparentemente tiene que ver con el conjunto de caracteres escritos. Saludos. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Sureña Enviado el: Lunes, 18 de Septiembre de 2006 20:45 Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] validar un sitio Quiero validar un sitio con la W3C, y luego de poner la URL, me da le siguiente mensaje: Result: Failed validation Address: Encoding: utf-8 (detect automatically) utf-8 (Unicode, worldwide) utf-16 (Unicode, worldwide) iso-8859-1 (Western Europe) iso-8859-2 (Central Europe) iso-8859-3 (Southern Europe) iso-8859-4 (North European) iso-8859-5 (Cyrillic) iso-8859-6-i (Arabic) iso-8859-7 (Greek) iso-8859-8 (Hebrew, visual) iso-8859-8-i (Hebrew, logical) iso-8859-9 (Turkish) iso-8859-10 (Latin 6) iso-8859-13 (Latin 7, Baltic Rim) iso-8859-14 (Latin 8, Celtic) iso-8859-15 (Latin 9) iso-8859-16 (Latin 10) us-ascii (basic English) euc-jp (Japanese, Unix) shift_jis (Japanese, Win/Mac) iso-2022-jp (Japanese, email) euc-kr (Korean) gb2312 (Chinese, simplified) gb18030 (Chinese, simplified) big5 (Chinese, traditional) tis-620 (Thai) koi8-r (Russian) koi8-u (Ukrainian) iso-ir-111 (Cyrillic KOI-8) macintosh (MacRoman) windows-1250 (Central Europe) windows-1251 (Cyrillic) windows-1252 (Western Europe) windows-1253 (Greek) windows-1254 (Turkish) windows-1255 (Hebrew) windows-1256 (Arabic) windows-1257 (Baltic Rim) Doctype: (detect automatically) XHTML 1.1 XHTML Basic 1.0 XHTML 1.0Strict XHTML 1.0 Transitional XHTML 1.0 Frameset ISO/IEC 15445:2000 ("ISO HTML") HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset HTML 3.2 HTML 2.0 MathML 2.0 XHTML 1.1 plus MathML 2.0 Revalidate With Options : Show Source Show Outline Show Parse Tree ...no attributes Validate error pages Verbose OutputQue significa eso exactamente? Muchas gracias Alejandra -- -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-. Todos los excesos son malos Juzga tu exito, en relacion a lo que tienes que renunciar para ello Confia en Dios, pero cierra bien la puerta -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-. ___ Lista de distribución Ovillo Para 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 Free Edition. Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006 -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006 ___ Lista de distribución Ovillo Para 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 distinto tamaño centradas t anto horizontal como vertical en una línea
Buenas tardes... Ya había intentado hacer esto, pero no consigo que se vea correctamente en todos los navegadores. La propuesta de ubicuit, no funciona en todos los navegadores, se rompe en Explorer 7 Beta 3. :-((( El día 19/09/06, Raul Martin <[EMAIL PROTECTED]> escribió: > > Hola, > > Ya que las imagenes son elementos de linea... los únicos que estorban son > los s (por que es una lista). Los convertimos en elementos de línea y en > lugar de operar con bloques y tener que llamar a las gruas para colocarlos, > manejamos un frase de imágenes :D > > y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y > no parece que se le haga caso :D > > www.ubicuit.net/ejemplosCSS/galeria/index2.htm > > > UN saludo > > > L> Es impresionante la diferencia de esos marcos con relieve según se vea > con > L> Firefox o Explorer. > L> Con Firefox se ven "espectaculares". > > L> Para que queden centrados "sin tabla" debes usar ésto en la etiqueta de > L> imagen: que es el equivalente a: > align="absmiddle">> y poner las fotos dentro de un div con el alto de la > foto > L> mayor para que tengan un marco de referencia. > > L> Almirante Von Web/. > > L> - Original Message - > L> From: "Francisco Jesús Gil Navarro" <[EMAIL PROTECTED]> > L> To: > L> Sent: Monday, September 18, 2006 5:40 PM > L> Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto > horizontal > L> como vertical en una línea > > > L> Gracias DJ-dom, Laura, David Castelló y Sureña. > L> He probado ambas soluciones pero solo sirve si las imágenes tienen el > L> mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en > L> horizontal como en vertical, y me gustaría que quedaran como en la > página > L> http://www.frangiln.jazztel.es/index.html los logos de los > patrocinadores, > L> pero están en tablas, no lo consigo con css. > > L> Gracias de nuevo por vuestro interés. > > L> -- > L> Saludos. > L> Francisco > > > > ___ > Lista de distribución Ovillo > Para 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] div de fondo con opacidad
Pone el fondo gris en un div y el resto de las cosas (p, img, etc) en otro/s divs y la propiedad filter se la ponés al que tenga el backgraund para que no afecte al resto, así debería funcionar. Saludos. -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de alarkspur Enviado el: Lunes, 18 de Septiembre de 2006 19:00 Para: la lista de CSS en castellano Ovillo Asunto: [Ovillo] div de fondo con opacidad Hola lista os comento un poco lo que me ocurre con una capa que intento ponerla opacidad, y lo que ocurre es que se me pone opacidad a todo el contenido que tiene en el interior, a ver si podeis orientarme, gracias. #content { margin: auto; width: 800px; background-color: grey; filter:alpha(opacity=25); -moz-opacity: .25; opacity:.25; } en el html contendio http://lists.ovillo.org/mailman/listinfo/ovillo -- No virus found in this incoming message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006 -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.12.5/451 - Release Date: 19/09/2006 ___ Lista de distribución Ovillo Para 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] div de fondo con opacidad
2006/9/18, alarkspur <[EMAIL PROTECTED]>: > > Hola lista > > os comento un poco lo que me ocurre con una capa que intento ponerla > opacidad, y lo que ocurre es que se me pone opacidad a todo el > contenido que tiene en el interior, a ver si podeis orientarme, gracias. > > #content { > margin: auto; > width: 800px; > background-color: grey; > filter:alpha(opacity=25); -moz-opacity: .25; opacity:.25; } > > en el html > > contendio > http://kwdhome.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
Re: [Ovillo] Se puede?
Yo instalé el IE7 y sigo teniendo el IE6 en el ServicePack2 (no estoy seguro ahora de la situación exacta pero está). Puedo abrir el que me interese. 2006/9/13, Javier Trejo <[EMAIL PROTECTED]>: > > Lamentablemente el IE7 es una actualización del IE6 y uno reemplaza al > otro > al momento de la instalación ya que son la interfaz básica del sistema > operativo. No vas a poder trabajar con los dos a la vez salvo que uses > otro > programa, por ejempo el virtual pc para emular otro sistema operativo en > una > ventana de trabajo. > Espero que esto responda tu pregunta > > saludos > > > -- > Javier Trejo > Tel: (011) 4543-4550 > Cel: (011) 15-5147-6161 > MSN: [EMAIL PROTECTED] > Mail: [EMAIL PROTECTED] > -- > > -Mensaje original- > De: [EMAIL PROTECTED] [mailto: > [EMAIL PROTECTED] > En nombre de coso > Enviado el: Martes, 12 de Septiembre de 2006 20:35 > Para: Ovillo, la lista de CSS en castellano > Asunto: [Ovillo] Se puede? > > Pregunto, Se puede instalar el IE6 tiniendo instalado el IE7? > > Por supuesto para quefunciones los dos a la vez > > Es para hacer comprobaciones de proyectos no es que sea de mi agrado el > uso > este navegador para mi personalmente > > Yo he tratado de instalarmelo y me dice que hay una version mas reciente > instalada en el equipo > > Sabeis algo de esto? > -- > juan romero cruz > ___ > Lista de distribución Ovillo > Para 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 > > -- > No virus found in this incoming message. > Checked by AVG Free Edition. > Version: 7.1.405 / Virus Database: 268.12.3/445 - Release Date: 11/09/2006 > > > -- > No virus found in this outgoing message. > Checked by AVG Free Edition. > Version: 7.1.405 / Virus Database: 268.12.3/445 - Release Date: 11/09/2006 > > > ___ > Lista de distribución Ovillo > Para 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] elasticidad limite
Puedes usar una combinación de min y max width para navegadores que entiendan estandares y expressions para Explorer. La expression utilizada, si quieres que sea compatible con versiones 5.x del navegador, es un tanto complicada. Aqui tienes una posible solución que propuse yo para hacer un diseño adaptable a 800 y a 1024 px de resolución http://www.domestika.org/foros/viewtopic.php?t=47512 Espero que te sirva de ayuda El día 17/09/06, Carlos Revillo <[EMAIL PROTECTED]> escribió: > > > > Puedes jugar con min-width, min-height, max-width y max-height (sin > > soporte en Explorer). > > > > > http://www.sidar.org/recur/desdi/traduc/es/css/visudet.html#min-max-widths > > > > > hay una "trampilla" para hacerlo funcionar en explorer... > http://www.webreference.com/programming/min-width/ > ___ > Lista de distribución Ovillo > Para 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 > -- Orange at GMail ___ Lista de distribución Ovillo Para 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 distinto tamaño centradas t anto horizontal como vertical en una línea
Hola, Ya que las imagenes son elementos de linea... los únicos que estorban son los s (por que es una lista). Los convertimos en elementos de línea y en lugar de operar con bloques y tener que llamar a las gruas para colocarlos, manejamos un frase de imágenes :D y te dejo un ejemplo, por que acabo de leer que Laura ya lo ha propuesto y no parece que se le haga caso :D www.ubicuit.net/ejemplosCSS/galeria/index2.htm UN saludo L> Es impresionante la diferencia de esos marcos con relieve según se vea con L> Firefox o Explorer. L> Con Firefox se ven "espectaculares". L> Para que queden centrados "sin tabla" debes usar ésto en la etiqueta de L> imagen: que es el equivalente a: > y poner las fotos dentro de un div con el alto de la foto L> mayor para que tengan un marco de referencia. L> Almirante Von Web/. L> - Original Message - L> From: "Francisco Jesús Gil Navarro" <[EMAIL PROTECTED]> L> To: L> Sent: Monday, September 18, 2006 5:40 PM L> Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal L> como vertical en una línea L> Gracias DJ-dom, Laura, David Castelló y Sureña. L> He probado ambas soluciones pero solo sirve si las imágenes tienen el L> mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en L> horizontal como en vertical, y me gustaría que quedaran como en la página L> http://www.frangiln.jazztel.es/index.html los logos de los patrocinadores, L> pero están en tablas, no lo consigo con css. L> Gracias de nuevo por vuestro interés. L> -- L> Saludos. L> Francisco ___ Lista de distribución Ovillo Para 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 maquetación a 3 columnas
Hola a [EMAIL PROTECTED], Me estoy intentando hacer una maquetación a tres columnas pero me surgen varios problemas. El ancho total de la es de 779px para ello tengo una capa contenedora que cuya posicion es relative. Tengo una capa lateral izquierda con estos estilos: #laterali { float:left; padding: 175px 0 0 75px; width:150px; z-index:1; } Y una capa central con estos estilos: #contenido { width:375px; margin: 10px 10px 5px 230px; background:#F2FEF2; } El problema me surge ahora al querer poner la columna izquierda. Sólo la he conseguido posicionar como yo quiero poniéndole un position:absolute y dandole las coordenadas exactas. El problema con el que me encuentro es que estoy jugando con dos fondos, el de la página principal se repite verticalmente y el otro fondo se repite horizontalmente dentro de la capa que contiene toda la Web y la cuestión está en que si la zona lateral derecha tiene más contenidos que las otras dos capas se hace más larga, sin embargo, al estar con medidas absolutas el fondo se estira hasta sólo la parte más larga de las otras dos capas por lo que el efecto es como si la capa lateral derecha se saliera por encima de la Web. Espero haberme explicado bien :-( Un saludo, Nacho ___ Lista de distribución Ovillo Para 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] Texto centrado respecto al ancho de una imagen
Hola Javier! Finalmente lo que he hecho ha sido introducir como tu dices dos divs, y posicionarlo con top,left y margin. div#pie{ clear: both; width: 100%; color:#8b7e75; height:80px; overflow:auto; border-top:6px solid #ff6600; } div#logoPie{ position:relative; top:0px; left:190px; width:32px; } div#textoPie{ position:relative; top:-25px; left:50%; margin-left:-155px; width:360px; text-align:center; } Primera linea de texto Segunda linea de texto Muchas gracias a todos. :) Saludos cordiales, ___ Lista de distribución Ovillo Para 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] Javascript
Alguien conoce algún sitio con un buen manual de javascript o algún libro que puedan recomendarme (ya sea en formato pdf o no) Saludos -- Javier Trejo TEL: (011) 4543-4550 CEL: (011) 15-5147-6161 WEB: HYPERLINK "http://www.javiertrejo.com.ar/"www.javiertrejo.com.ar MSN: HYPERLINK "blocked::mailto:[EMAIL PROTECTED]"[EMAIL PROTECTED] Mail: HYPERLINK "mailto:[EMAIL PROTECTED]"[EMAIL PROTECTED] -- -- No virus found in this outgoing message. Checked by AVG Free Edition. Version: 7.1.405 / Virus Database: 268.12.5/450 - Release Date: 18/09/2006 ___ Lista de distribución Ovillo Para 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] Comportamiento no deseado del flotante derecho
Trent Chandra escribió: > Hola lista. > Estoy desarrollando una CSS y hace días que estoy varado en un problema > que no consigo solucionar. > Dicha CSS tiene una parte principal que flota a la izquierda y otra que > lo hace a la derecha. La presentación en los navegadores es correcta, > pero cuando se amplia desde el navegador, el tamaño del texto la sección > flotante de la derecha pasa debajo de la sección que flota a la > izquierda. He usado porcentajes justamente para que cuando ello ocurra > mantenga las proporciones, pero no he podido solucionar el tema que deje > de flotar a la derecha y lo envíe debajo. Estando las medidas expresadas > en 'em' y en '%' ¿no debería guardar las proporciones y mantenerse > flotando a la derecha? Además, los porcentajes expresados no son los que > veo representados, las suma de ellos debe ser menos al 100%, ¿no > entiendo el porqué? > El problema parece ser el overflow. Cuando el texto es mas grande que el 60%, se cae. Probá con overflow: auto o overflow:hidden en ambos floats. Una pregunta: No te conviene hacer dos float:left, y en el de la derecha, poner otro div adentro con float:right ? Martin. > En este mensaje he puesto al CSS y el XHTML usado. > Muchas gracias a todos por su tiempo. > Saludos, Diego. > > - > ***CSS*** > - > * { > border: 0; > margin: 0; > padding: 0; > } > > body { > width: 100%; > text-align: center; > font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; > } > > #contenedor { > width: 780px; > margin: 0 auto; /*centrar contenedor en body */ > padding-top: 2em; > text-align: left; > } > > #cabecera { > background-color: White; > color: Black; > margin-top: 1em; > margin-bottom: 1em; > } > > #logo { > position: relative; > width: 480px; > height: 90px; > } > > #cuerpo { > width: 780px; > left: 50%; > } > > #principal { > float: left; > width: 60%; > display: inline; > padding: 1em; > overflow: auto; > } > > .laterales { > float: right; > width: 12em; > display: inline; > margin-top: 2em; > padding: 1em; > overflow: auto; > background-color: #FAFAD2; > color: Black; > } > > .cola { > float: left; > width: 6em; > margin-bottom: 2em; > font-size: 0.9em; > } > > .colb { > float: right; > width: 6em; > margin-bottom: 2em; > font-size: 0.9em; > } > > #principal p { > font-size: 0.9em; > /*margin: 0.3em 0;*/ > text-indent: 2em; > /*letter-spacing: 0.1em;*/ > /*word-spacing: 0.1em;*/ > /*line-height: 2em;*/ > line-height: 1.5em; > margin-top: 2em; > margin-bottom: 2em; > } > > #principal p:first-letter { > float: left; > font-size: xx-large; > } > > p { > font-size: 0.8em; > margin: 0.3em 0; > } > > /* > #principal p:before { > line-height: 4em; > } > > #principal p:after { > line-height: 12em; > }*/ > > a:link { > color: #1e90ff; > font-weight: bold; > text-decoration: none; > border-bottom: 1px dotted #2f5dde; > } > > a:visited { > color: #005fbb; > font-weight: bold; > text-decoration: none; > border-bottom: 1px dotted #2f5dde; > } > > a:hover { > color: #000; > border: 0; > text-decoration: underline; > } > > a:focus { > background: #f9f7f4; > color: #cc; > } > > a:active { > background: #f9f7f4; > color: #000; > border: 0; > text-decoration: underline; > } > > .frase { > clear: both; > margin-top: 1em; > margin-bottom: 1em; > padding: 1em; > font-weight: bolder; > background-color: Aqua; > color: White; > width: 80%; > } > > - > ***XHTML*** > - > "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd";> > http://www.w3.org/1999/xhtml"; xml:lang="es"> > > Sitios > > > > > > media="all" /> > > > > > > > width="480" height="90" id="logo" /> > > Lorem ipsum dolor sit amet, consectetuer > adipiscing elit. Nam sem. Suspendisse sollicitudin. > .. > Mauris nec ipsum et erat nonummy ultricies. Nulla > lobortis. Curabitur adipiscing leo et purus. Vivamus > nec sem.. > Pellentesque vehicula, augue ut lacinia blandit, > turpis magna semper eros, at tincidunt erat massa a > lacus. > > > > Lorem Pellentesque vehicula, augue ut lacinia
[Ovillo] validar un sitio
Quiero validar un sitio con la W3C, y luego de poner la URL, me da le siguiente mensaje: Result: Failed validation Address: Encoding: utf-8 (detect automatically) utf-8 (Unicode, worldwide) utf-16 (Unicode, worldwide) iso-8859-1 (Western Europe) iso-8859-2 (Central Europe) iso-8859-3 (Southern Europe) iso-8859-4 (North European) iso-8859-5 (Cyrillic) iso-8859-6-i (Arabic) iso-8859-7 (Greek) iso-8859-8 (Hebrew, visual) iso-8859-8-i (Hebrew, logical) iso-8859-9 (Turkish) iso-8859-10 (Latin 6) iso-8859-13 (Latin 7, Baltic Rim) iso-8859-14 (Latin 8, Celtic) iso-8859-15 (Latin 9) iso-8859-16 (Latin 10) us-ascii (basic English) euc-jp (Japanese, Unix) shift_jis (Japanese, Win/Mac) iso-2022-jp (Japanese, email) euc-kr (Korean) gb2312 (Chinese, simplified) gb18030 (Chinese, simplified) big5 (Chinese, traditional) tis-620 (Thai) koi8-r (Russian) koi8-u (Ukrainian) iso-ir-111 (Cyrillic KOI-8) macintosh (MacRoman) windows-1250 (Central Europe) windows-1251 (Cyrillic) windows-1252 (Western Europe) windows-1253 (Greek) windows-1254 (Turkish) windows-1255 (Hebrew) windows-1256 (Arabic) windows-1257 (Baltic Rim) Doctype: (detect automatically) XHTML 1.1 XHTML Basic 1.0 XHTML 1.0Strict XHTML 1.0 Transitional XHTML 1.0 Frameset ISO/IEC 15445:2000 ("ISO HTML") HTML 4.01 Strict HTML 4.01 Transitional HTML 4.01 Frameset HTML 3.2 HTML 2.0 MathML 2.0 XHTML 1.1 plus MathML 2.0 Revalidate With Options : Show Source Show Outline Show Parse Tree ...no attributes Validate error pages Verbose OutputQue significa eso exactamente? Muchas gracias Alejandra -- -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-. Todos los excesos son malos Juzga tu exito, en relacion a lo que tienes que renunciar para ello Confia en Dios, pero cierra bien la puerta -.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-.-. ___ Lista de distribución Ovillo Para 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 distinto tamaño centradas t anto horizontal como vertical en una línea
Gracias David por la corrección... El ejemplo que copié tenía enlaces Saludo, DJ-Dom - Original Message - From: "David Castelló" <[EMAIL PROTECTED]> To: "Ovillo, la lista de CSS en castellano" Sent: Monday, September 18, 2006 4:35 AM Subject: Re: [Ovillo]Imagenes de distinto tamaño centradas tanto horizontal como vertical en una línea Hola! Al final del codigo que te adjunta DJ-Dom, quiza seria conveniente añadir; , ya que "imagenes-cat" es un div flotado a la izquierda y quiza te descuadre tu layout. Luego ha puesto esto, que supongo será un despiste: "" ahi o se le ha colado el "" sin abrir, y o bien le sobra, o bien le falta el "a href" . Saludos! On 9/11/06, DJ-Dom <[EMAIL PROTECTED]> wrote: > > Hola Francisco, yo lo he hecho de este modo: > > HTML: > > > > title="TITULO-DESCRIPTIVO" > alt="TEXTO-ALTERNATIVO" /> > > > title="TITULO-DESCRIPTIVO" > alt="TEXTO-ALTERNATIVO" /> > > > title="TITULO-DESCRIPTIVO" > alt="TEXTO-ALTERNATIVO" /> > > > title="TITULO-DESCRIPTIVO" > alt="TEXTO-ALTERNATIVO" /> > > > > > > > CSS: > #imagenes-cat{ > text-align: center; > border: 1px dotted; > margin: 0px auto; > padding: 0px 0px 10px 0px; > width: 99.5%; > float: left; > } > > .imgs-cat{ > float: left; > width: 73px; > height: 73px; > margin: 8px; > padding: 0px; > text-align: center; > border: 1px solid; > } > > .imgs-cat img{ > vertical-align: middle; > text-align: center; > margin: 2px; > } > > > Espero que te sirvan. > > Saludo, > DJ-Dom > > - Original Message - > From: "Francisco Jesús Gil Navarro" <[EMAIL PROTECTED]> > To: > Sent: Sunday, September 17, 2006 5:20 PM > Subject: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal > como vertical en una línea > > > > Hola a todos: > > me gustaría saber como colocar 4 imagenes en una sola línea con css, al > estilo de una tabla con cuatro columnas y alineadas al centro. > Gracias. > -- > Saludos. > Francisco > > > __ > LLama Gratis a cualquier PC del Mundo. > Llamadas a fijos y móviles desde 1 céntimo por minuto. > http://es.voice.yahoo.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 > -- David Castelló www.estandaresweb.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
Re: [Ovillo] Imagenes de distinto tamaño centradas t anto horizontal como vertical en una línea
Hola, Pues a ver como te estan quedando, porque el tamaño infiere en si el total, ocupan mas ancho de lo que debería Saludo, DJ-Dom - Original Message - From: "Francisco Jesús Gil Navarro" <[EMAIL PROTECTED]> To: Sent: Monday, September 18, 2006 2:40 PM Subject: Re: [Ovillo] Imagenes de distinto tamaño centradas tanto horizontal como vertical en una línea Gracias DJ-dom, Laura, David Castelló y Sureña. He probado ambas soluciones pero solo sirve si las imágenes tienen el mismo alto, yo tengo cuatro imágenes de distinto tamaño tanto en horizontal como en vertical, y me gustaría que quedaran como en la página http://www.frangiln.jazztel.es/index.html los logos de los patrocinadores, pero están en tablas, no lo consigo con css. Gracias de nuevo por vuestro interés. -- Saludos. Francisco __ LLama Gratis a cualquier PC del Mundo. Llamadas a fijos y móviles desde 1 céntimo por minuto. http://es.voice.yahoo.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
[Ovillo] div de fondo con opacidad
Hola lista os comento un poco lo que me ocurre con una capa que intento ponerla opacidad, y lo que ocurre es que se me pone opacidad a todo el contenido que tiene en el interior, a ver si podeis orientarme, gracias. #content { margin: auto; width: 800px; background-color: grey; filter:alpha(opacity=25); -moz-opacity: .25; opacity:.25; } en el html contendio http://lists.ovillo.org/mailman/listinfo/ovillo