[Ovillo] Bug al hacer un :after { clear:left; } en IE7
Recién encontre una solucion a un pequeño problemin de render en IE7
(claro que si : )
Si uds son como yo, no les gusta agregar esos horribles div
class=clearnbsp;/div luego de objetos cuyos elementos internos
son todos flotados. Para esto usamos la hermosa pseudo-clase :after
con una regla como esta:
.flotandentro:after {
content:' ';
display:block;
width:1px;
height:1px;
clear:left;
}
como IE6 le hace clear a todos los objetos igual, nos funciona
perfecto... hasta que llego IE7, en el RC1 aun no habia caso, no le
hace caso al after a los elementos que no tengan un ancho o alto
especificado (lo cual en varios casos eliminaria el beneficio del
clear, y de que floten)
pues bien, si agregan lo siguiente:
.flotandentro {
min-height:1px;
}
el IE7 ya renderea bien el :after y todo vuelve a su orden. Ademas
poner un min-height de 1px es poco probable que vaya a afectar como
se dibuja su template!
espero que les sirva!
Nicolas Cohen
SmileSoft
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] 2 columnas, una con width y la otra con max-width?
tengo dos div contenidos en un div
div
div class=col1
div class=nota/nota
/div
div class=col2
div class=nota/nota
/div
/div
.col1, .col2 {
float:left;
}
.col1 .nota {
width:224px;
}
.col2 .nota{
max-width:224px;
}
Asi se ven igual en IE, FireFox y Safari
ahora... cuando le pongo a la nota de la columna 1 mas ancho:
.col1 .nota {
width:284px;
}
Solo Internet Explorer hace lo que yo quiero, que es una primera
columna de ancho fijo, con una segunda de ancho variable... como
puedo lograr esto?
Aca esta aclarado con screenshots http://www.smileandsoft.com.ar/
ejemplos/dos-floats.html
Gracias.
Nicolas Cohen
SmileSoft
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] 2 Columnas flotadas, 1 fija y una liquida?
repito porque parece que no salio... : (
tengo dos div contenidos en un div
div
div class=col1
div class=nota/nota
/div
div class=col2
div class=nota/nota
/div
/div
.col1, .col2 {
float:left;
}
.col1 .nota {
width:224px;
}
.col2 .nota{
max-width:224px;
}
Asi se ven igual en IE, FireFox y Safari
ahora... cuando le pongo a la nota de la columna 1 mas ancho:
.col1 .nota {
width:284px;
}
Solo Internet Explorer hace lo que yo quiero, que es una primera
columna de ancho fijo, con una segunda de ancho variable... como
puedo lograr esto?
Aca esta aclarado con screenshots http://www.smileandsoft.com.ar/
ejemplos/dos-floats.html
Gracias.
Nicolas Cohen
SmileSoft
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] un div fijo y el otro liquido?
repito porque parece que no salio... : (
tengo dos div contenidos en un div
div
div class=col1
div class=nota/nota
/div
div class=col2
div class=nota/nota
/div
/div
.col1, .col2 {
float:left;
}
.col1 .nota {
width:224px;
}
.col2 .nota{
max-width:224px;
}
Asi se ven igual en IE, FireFox y Safari
ahora... cuando le pongo a la nota de la columna 1 mas ancho:
.col1 .nota {
width:284px;
}
Solo Internet Explorer hace lo que yo quiero, que es una primera
columna de ancho fijo, con una segunda de ancho variable... como
puedo lograr esto?
Aca esta aclarado con screenshots http://www.smileandsoft.com.ar/
ejemplos/dos-floats.html
Gracias.
Nicolas Cohen
SmileSoft
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Mailing con CSS
http://www.alistapart.com/articles/cssemail On 25/01/2006, at 12:47, [EMAIL PROTECTED] wrote: hola, aquí pongo dos enlaces: http://css-discuss.incutio.com/?page=StyleInEmail http://www.campaignmonitor.com/blog/archives/2005/11/ html_email_desi.html un saludo Quoting Carlos Revillo [EMAIL PROTECTED]: Yo he tenido que hacer algun mailing y es en el unico sitio donde me siguen recomendando tablas para maquetar... Carlos Revillo Tanta Tecnología y Comunicación Grupo Onetec c/ Julián Camarillo 26 1º Of. 2 28037 Madrid Tel.: 91.440.10.40 Fax: 91.304.91.24 www.tantacom.com www.grupoonetec.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de [EMAIL PROTECTED] Enviado el: miércoles, 25 de enero de 2006 10:52 Para: Ovillo@lists.ovillo.org Asunto: [Ovillo] Mailing con CSS Hola listeros: Estoy volviendome loco con el diseño de mailings mediante estilos por el tema de que tienen que ir INLINE. Quería saber si sabeis de algunos artículos donde se hable del tema y la mejor forma para diseñar mailings mediante estilos y cómo enviarlos a grupos de usuarios (actualmente los enviamos con el Outlook y en muchos clientes de correo llega mal). En fin, estoy un poco perdido en el tema y me gustaría que me echaseis un cable Gracias por el 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://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo Nicolas Cohen SmileSoft ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] IE7
Buscaba info sobre la nueva version de IE, y me encontre con esto: https://sourceforge.net/projects/ie7/ suena interesante Nicolas Cohen SmileSoft ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda sobre accesibilidad
dale, buenisimo. On 20/01/2006, at 23:36, José Antonio wrote: La verdad es que tanto mi compañera como yo estamos encantados de recibir toda la ayuda que puedas ofrecernos sobre todo teniendo en cuenta que casi toda la documentación está en inglés/alemán y que incluso poniendome en contacto con el equipo de accesibilidad de typo3 (y con su creador el tal Kasper) no nos hicieron mucho caso. SI te parece bien me podría poner en contacto privado contigo mediante los emails y plantearte lo que tenemos y a ver que te parece. Gracias por tu ofrecimiento. Un saludo. -- José Antonio. ___ Lista de distribución Ovillo Para 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 Nicolas Cohen SmileSoft ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Formato enriquecido de texto
proba markdown, no es tan tan amigable como esos, pero es accesible, anda sin js, y siempre da markup prolijito http://daringfireball.net/projects/markdown/basics Nicolas Cohen SmileSoft On 20/01/2006, at 09:43, daniel calderón wrote: Sabeis si funciona en IE para Mac? From: deMiguel.Marcos [EMAIL PROTECTED] Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org Subject: RE: [Ovillo] Formato enriquecido de texto Date: Fri, 20 Jan 2006 10:55:35 +0100 Sí, hay uno muy bueno en http://www.fckeditor.net/demo/default.html Marcos de Miguel Diseño y Desarrollo Web www.dragoncillos.com -Mensaje original- De: [EMAIL PROTECTED] [mailto:ovillo- [EMAIL PROTECTED] En nombre de Angel Enviado el: viernes, 20 de enero de 2006 10:36 Para: [EMAIL PROTECTED]; [EMAIL PROTECTED]; d-p-web; Ovillo, la lista de CSS en castellano; [EMAIL PROTECTED] Asunto: [Ovillo] Formato enriquecido de texto Hola, estoy creando una página web, donde presento al usuario un campo de texto que este puede rellenar. Me gustaría que el usuario ademas de poder escribir texto plano, pudiese, poner negrita, cursiva, cambiar el tamaño de la fuente, colores etc. Conocen algún código gratuito, escrito en html, o java que pueda usar ? 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://ovillo.org/mailman/listinfo/ovillo **NOTA DE CONFIDENCIALIDAD** Este correo electrónico, y en su caso los ficheros adjuntos, pueden contener información protegida para el uso exclusivo de su destinatario. Se prohíbe la distribución, reproducción o cualquier otro tipo de transmisión por parte de otra persona que no sea el destinatario. Si usted recibe por error este correo, se ruega comunicarlo al remitente y borrar el mensaje recibido. **CONFIDENTIALITY NOTICE** This email communication and any attachments may contain confidential and privileged information for the sole use of the designated recipient named above. Distribution, reproduction or any other use of this transmission by any party other than the intended recipient is prohibited. If you are not the intended recipient please contact the sender and delete all copies. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda sobre accesibilidad
suena muy interesante tengo un nivel intermedio/avanzado en typo3 y typoscript, y me encantaría ayudarlos... Nicolas Cohen SmileSoft On 19/01/2006, at 20:16, José Antonio wrote: Una compañera y yo estamos realizando el proyecto de fin de carrera sobre typo3 y consiste en hacer un extensión que permita a los usuarios con menos conocimientos tanto de programación (HTML, CSS...) como de typoscript (lenguaje interno de typo3) construir un sitio pudiendo construir su propia plantilla a partir de formularios. Estas plantillas que el usuario puede construirse completando los formularios que te comento, tienen la características que cumplen unas pautas de accesibilidad y de usabilidad. Typo3 no tiene ningún problema a la hora de añadir la hoja de estilos como link..., simplemente era una duda sobre accesibilidad que tenía y quería que quienes estén más puestos en el tema que yo me pudiesen ayudar. Gracias a todos por vuestra ayuda. El día 19/01/06, Nicolas Cohen [EMAIL PROTECTED] escribió: que problemas tenes en typo3 para incluir el css como link? On 19/01/2006, at 15:02, José Antonio wrote: Gracias por tu respuesta. La duda viene cuando tengo que trabajar con typo3 (CMS) para hacer mi proyecto de fin de carrera y he llegado a la conclusión de que para hecerme un poco más fácil el trabajo me convendría que se pusiera el estilo de la página en el header con los tags correspondientes, pero siempre y cuando el resultado sea una página accesible. He estado buscando por internet en la wai, aenor... y no he encontrado nada al respecto de que se pueda o no poner el estilo como yo pregunto, de ahí la pregunta, para ver si había alguien que hubiese experimentado la accesibilidad de una página con el estilo en el header. Muchas gracias por responderme. Me pasaré por donde me has indicado. Un saludo. El día 19/01/06, mmundo [EMAIL PROTECTED] escribió: El 19/01/06, mmundo[EMAIL PROTECTED] escribió: El 19/01/06, José Antonio[EMAIL PROTECTED] escribió: Hola a todos, tengo una duda referente a la accesibilidad. ¿Alguien sabe si está permitido que la especificación de la hoja de estilo vaya en la cabecera de la página dentro de las etiquetas style type=text/css.../style? ¿Se podría validar con los validadores de w3.org? Sobre todo me interesa el tema de la accesibilidad. No sé si he entendido bién la duda, pero puedes enlazar un CSS mediante la etiqueta LINK o puedes importar un CSS dentro de los tags STYLE mediante la regla arroba @import Si no me equivoco, las pautas de accesibilidad no definen de que manera se debe vincular un CSS con su documento fuente. Ahh... Y si te refieres a definir los estilos de la página dentro de la cabecera, diría que tampoco hay ninguna pauta que lo indique, en todo caso habría consejos sobre qué método sería más recomendable. Para ello, puedes formular tu duda en el foro Accesoweb http://es.groups.yahoo.com/group/accesoweb/ Saludos, Martí Mundó. -- ___ Lista de distribución Ovillo Para 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 -- José Antonio. ___ Lista de distribución Ovillo Para 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 Nicolas Cohen SmileSoft ___ Lista de distribución Ovillo Para 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 -- José Antonio. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Png semitransparente como fondo
no habia leido tu respuesta. igual sugiero usar crop y no resize para tener mas control de como se ve lo que se ve... On 19/01/2006, at 06:32, Inma Bermejo Salar wrote: Marcos Vidal wrote: He visto que podemos usar png semitransparentes dentro de etiquetas img normales mediante behaviour o mediante javascripts de reemplazo, pero no consigo encontrar algo para usar png semitransparentes como fondos de un div y que se vea bien en el $% ?!\¡¿ explorer. Sabeis algo? Muchas gracias. Saludos. Yo uso esta técnica[1], necesita algunos requisitos, como poner una anchura determinada al div, pero a mi me ha funcionado muy bien hasta ahora. Además, otro inconveniente es que a veces me parece que la opacidad no es la misma en IE y el resto. Además, si la imagen de fondo no es pequeña, puede dar problemas (inhabilitar los enlaces de esa capa). [1] http://www.chavalina.net/comentar.php?idpost=343q=png -- __ __ ...el mundo es una tontería si vas dejando que se escape lo que más querías... [EMAIL PROTECTED] ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo Nicolas Cohen SmileSoft ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] CSS z-index y Flash
Se que ya hay texto en otros threads al respecto. Pero quisiera saber si alguno se choco con este problema. Al poner un SWF en un nivel z-index, se muestra igualmente por encima de todos esto se soluciona poniendo w-mode=opaque en el embed y en un parametro del objeto el asunto que me queda, es que en pc anda bien, pero en mac los div se rompen. referencia: http://rms.smileandsoft.com.ar/ supongo que es algun bug del flash player... si alguien tiene algun aporte, mas que bienvenido salud Nicolas Cohen SmileSoft ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Duda sobre accesibilidad
que problemas tenes en typo3 para incluir el css como link? On 19/01/2006, at 15:02, José Antonio wrote: Gracias por tu respuesta. La duda viene cuando tengo que trabajar con typo3 (CMS) para hacer mi proyecto de fin de carrera y he llegado a la conclusión de que para hecerme un poco más fácil el trabajo me convendría que se pusiera el estilo de la página en el header con los tags correspondientes, pero siempre y cuando el resultado sea una página accesible. He estado buscando por internet en la wai, aenor... y no he encontrado nada al respecto de que se pueda o no poner el estilo como yo pregunto, de ahí la pregunta, para ver si había alguien que hubiese experimentado la accesibilidad de una página con el estilo en el header. Muchas gracias por responderme. Me pasaré por donde me has indicado. Un saludo. El día 19/01/06, mmundo [EMAIL PROTECTED] escribió: El 19/01/06, mmundo[EMAIL PROTECTED] escribió: El 19/01/06, José Antonio[EMAIL PROTECTED] escribió: Hola a todos, tengo una duda referente a la accesibilidad. ¿Alguien sabe si está permitido que la especificación de la hoja de estilo vaya en la cabecera de la página dentro de las etiquetas style type=text/css.../style? ¿Se podría validar con los validadores de w3.org? Sobre todo me interesa el tema de la accesibilidad. No sé si he entendido bién la duda, pero puedes enlazar un CSS mediante la etiqueta LINK o puedes importar un CSS dentro de los tags STYLE mediante la regla arroba @import Si no me equivoco, las pautas de accesibilidad no definen de que manera se debe vincular un CSS con su documento fuente. Ahh... Y si te refieres a definir los estilos de la página dentro de la cabecera, diría que tampoco hay ninguna pauta que lo indique, en todo caso habría consejos sobre qué método sería más recomendable. Para ello, puedes formular tu duda en el foro Accesoweb http://es.groups.yahoo.com/group/accesoweb/ Saludos, Martí Mundó. -- ___ Lista de distribución Ovillo Para 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 -- José Antonio. ___ Lista de distribución Ovillo Para 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 Nicolas Cohen SmileSoft ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] 3 columnas: centro líquido, latera les de ancho fijo
podrias usar un poco de JS y detectar la resolucion de pantalla:
o sea haces un div #main que contiene todo
y luego haces un javascript que detecta el ancho de pantalla y
configura el width del id #main con eso que detecto
document.getElementById('main').style.width = ancho+px;
asi tendrias un contenedor definido con el ancho de la pantalla. es
un poco tosco. pero si te sirve
deberias poner un width:100% en el css, cosa que si no tienen
javascript, quede en un 100%, se veria bien en casi todos los casos
restantes.
lo real es que cuando haces contenido liquido, es liquido, y dejas
que flote, si tienen menos que el ancho minimo, las cosas cambian de
lugar
si no no es liquido
salud
Nicolas Cohen
SmileSoft
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
Re: Re[2]: [Ovillo] Correcto uso de H1
Yo los pongo por objeto contenido o sea, en una caja de noticias que tenga un listado de tres noticias hago ul id=news li h1titulo/h1 pnota/p /li li h1titulo/h1 pnota/p /li li h1titulo/h1 pnota/p /li /ul pero no estoy muy seguro. a veces creo que no esta bien. pasa que un solo h1 tiene sentido si hubiera un solo contenido en un archivo html. pero a veces hay variados contenidos. es como una pizarra con recortes, no podes decir que un titulo agrupa a todas. no es un solo documento. es un espacio que nuclea a varios documentos/contenidos. y cada uno tiene sus h1-h6 Nicolas Cohen SmileSoft On 17/01/2006, at 18:52, Raúl Martín wrote: Hola David, No lo veo así. Fijaros en la estructura de slidy: http://www.w3.org/Talks/Tools/Slidy/ El h1 es un encabezado de primer nivel, que puede pertenecer a un bloque lógico concreto. En el ejemplo anterior div slide Para el TITULO del documento es title, que en un % muy elevado coincide con el primer h1 de la página, supongo que de hay viene la idea del XHTML2 de poner el atributo property con el valor title (entre otras motivaciones), ok genial. Pero no es un regla, es solo un escenario. ¿Qué opináis? DF Supongo que más de un h1 en el mismo documento puede considerarse una mala DF técnica desde un punto de vista semántico? (pregunto, que yo no lo sé y no DF tengo opinión formada al respecto). Desde el punto de vista estructural DF parece aceptado. Saludos. _ Todo lo que no aprendí, no se me ha olvidado. _ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
