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
