Re: [Ovillo] propiedad border con imagenes
http://alistapart.com/articles/customcorners/ http://www.mandarindesign.com/boxes.html http://www.html.it/articoli/nifty/index.html Un cordial saludo de SantosVZ -Mensaje original- De: noth css [mailto:[EMAIL PROTECTED] Enviado el: Viernes, 25 de Mayo de 2007 06:30 a.m. Para: Ovillo@lists.ovillo.org Asunto: [Ovillo] propiedad border con imagenes Buenas, Estoy buscando la posibilidad de a un capa darle unos border, pero no me vale con colores, se puede de alguna forma añadir una imagen por ejemplo a los border left, botton y right a la vez ? 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 ___ 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] png transparente IE6
Supuestamente en este enlace indica que para Firefox se debe utilizar:
background-image: url("pildora.png") !important;
Sin embargo si no se utiliza el directorio completo
background-image: url("images/pildora.png") !important; al igual que
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pildoras.png'
);
No funciona. Ademas en el webside hay incoherencias entre los comentarios y
el ejemplo.
Resumiendo de la forma que me funciono en IE6, FF2 y O9 fue.
body {
background: #000;
}
#NombreElemento {
width: 400px;
height: 219px;
background-image: url("images/pildoras.png") !important;
background-image: none;
filter: none !important;
filter:
progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pildoras.png'
);
}
Un cordial saludo de SantosVZ
___
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] filtro en CSS?
Es correcto. El punto es que quiero usarlo en el html y no en otro selector como body, div, etc. etc. y ahí es cuando se me origina el enredo. Cosa que no me ocurre con IE. Tampoco es la idea utilizar js. El que coloque funciona con IE6, pero no con FF2 ni Opera9. Un cordial saludo de SantosVZ -Mensaje original- De: NetVicious [mailto:[EMAIL PROTECTED] Enviado el: Miércoles, 09 de Mayo de 2007 05:43 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] filtro en CSS? Hola Santos, El miércoles, 9 may 2007 a las 22:53, escribiste: > Es posible utilizar o crear en CSS un efecto de fondo similar al que utiliza > MS sin tener que utilizar imagen? Por ejemplo: http://slayeroffice.com/code/gradient/ -- /\/ / \ / \ / /\/ e t \/ i c i o u 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 ___ 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] filtro en CSS?
Es posible utilizar o crear en CSS un efecto de fondo similar al que utiliza
MS sin tener que utilizar imagen?
Ejemplo en IE6:
html {
padding: 0;
margin: 0;
filter:
progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D0D
AE8,endColorStr=#FFF);
}
Un cordial saludo de SantosVZ
___
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] Diferentes medidas en firefox y explorer para elementosfloat
Recuerda que IE no toma en cuenta la barra de desplazamiento lateral y Firefox si. Un cordial saludo de SantosVZ -Mensaje original- De: "Nacho F. Carreño" [mailto:[EMAIL PROTECTED] Enviado el: Viernes, 04 de Mayo de 2007 05:21 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Diferentes medidas en firefox y explorer para elementosfloat Hola a [EMAIL PROTECTED], Me está surgiendo un problema y no acabo de dar con la solución. Resulta que cuando floto un componente, el que sea, a izquierda o derecha, y le pongo un width, padding, etc. en firefox toma la medida de una manera y en explorer de otra. Es como si el explorer duplicara las medidas por ejemplo si tengo dos capas una junto a otra flotadas a la derecha y le pongo a una un margin:2em para separarlas es como si explorer lo tomara como 2em y firefox como 1em o viceversa. 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 ___ 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] tablas con CSS
En este enlace tienes diversos y variados ejemplos de todo tipo. http://blog.html.it/layoutgala/ Un cordial saludo de SantosVZ -Mensaje original- De: Javier Gomez [mailto:[EMAIL PROTECTED] Enviado el: Jueves, 03 de Mayo de 2007 07:50 a.m. Para: ovillo@lists.ovillo.org Asunto: [Ovillo] tablas con CSS hola listeros estoy intentando componer una tabla con css (con display:table, display:cell y todo eso) pero no consigo que se vea bien en ie6. ¿no hay alguna forma de hacerlo? en firefox se ve estupendamente. ___ 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] PNG con trasparencia en IE
Es curioso pero aisladamente, es decir abriendo solo la pagina principal donde están las imágenes, si funciona. Pero en el conjunto de marcos no. De ahí que preguntaba si colocándolo en el index si funcionaba. Tendré que probar colocándolo en el index y en cada uno de los marcos, hasta que funcione. Probé con el filtro de MS, con un css para Firefox y otro para IE6, así como comentario condicional para IE6 y en todos los casos funciono pero de forma aislada, no en el conjunto de marcos, lógicamente con IE6. Con Firefox y Opera funciono bien en los tres casos que probé utilizando el cojunto de marcos y colocando solo en la pagina donde aparecían las imágenes png. Un cordial saludo de SantosVZ -Mensaje original- De: Jorge L. Batista [mailto:[EMAIL PROTECTED] Enviado el: Viernes, 27 de Abril de 2007 05:44 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] PNG con trasparencia en IE Dices así? A mi me pasó algo similar cuando el código que incluye el PNG transparente es incluido dinámicamente, no sé por qué, aunque debería funcionar no lo hacía. La solución que encontré fue ponerlo todo en la página y no en un #include. Esta vez el filtro no era el culpable. ss PB Santos Corrales escribió: > Tengo un index con tres marcos (cabecera, indice de contenido y pag. > principal o contenido) El archivo de la pagina principal contiene imágenes > png con transparencia, pero al utilizar el filtro de MS y comentarios > condicionales no me funciona teniendo el estilo o filtro en un archivo > externo enlazado a la pagina principal. > Será que también hay que colocarlo en el index además de la pagina > principal? > > Un cordial saludo de SantosVZ > > > ___ > 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 > > > **Las siguientes líneas de texto son agregadas por los Servidores Centrales de Correo de la Oficina del Historiador de la Ciudad de la Habana.** > > Visite la Cartelera interactiva de Opus Habana, con el calendario de la programación cultural del Centro Histórico. > http://opushabana.ohc.cu/cartelera.php > Redacción Opus Habana > > Visite el Servidor de ficheros central de la OHC: Programas, Drivers, Documentación Técnica y Biblioteca Digital. > ftp://ftp.ohc.cu > Nodo Central de Comunicaciones - Dirección de Informática y Comunicaciones > > Para insertar información institucional al final de los correos electrónicos enviados hacia o desde la Oficina del Historiador de la Ciudad, contacte con [EMAIL PROTECTED] o llame a los teléfonos 8608853-48-49. > > > > __ Información de NOD32, revisión 2225 (20070427) __ > > Este mensaje ha sido analizado con NOD32 antivirus system > http://www.nod32.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] PNG con trasparencia en IE
Tengo un index con tres marcos (cabecera, indice de contenido y pag. principal o contenido) El archivo de la pagina principal contiene imágenes png con transparencia, pero al utilizar el filtro de MS y comentarios condicionales no me funciona teniendo el estilo o filtro en un archivo externo enlazado a la pagina principal. Será que también hay que colocarlo en el index además de la pagina principal? Un cordial saludo de SantosVZ ___ 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] tabla accesible
Lo que podrías hacer es colocar un par o tres de iconos para indicar el tamaño de visualización y cada icono llama un archivo CSS determinado. Hay muchos webside que utilizan ese sistema aunque sea solo para cambiar el look. Por otra parte la mayoria de los navegadores poseen forma de aumentar de tamaño el contenido tanto por configuración como por parte del usuario. El usuario que tiene deficiencias visuales, normalmente ya tiene el navegador configurado para ese tipo de problema y si a ello añades la posiilidad de cambiarlo. Pues creo que esta bien. Un cordial saludo de SantosVZ -Mensaje original- De: laura [mailto:[EMAIL PROTECTED] Enviado el: Viernes, 30 de Marzo de 2007 08:52 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] tabla accesible On 3/30/07, Santos Corrales <[EMAIL PROTECTED]> wrote: > Concretamente a que tipo de accesibilidad te refieres? > Quizá te refieres a algo así: > http://www.imaputz.com/cssStuff/bulletVersion.html > http://www.imaputz.com/cssStuff/bigFourVersion.html > pues que sea accesible para los navegadores no visuales, tengo entendido que el uso de las tablas dificulta en gran medida la visualizacion de su contenido por parte de usuarios discapacitados. buenas noches ___ 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] tabla accesible
Concretamente a que tipo de accesibilidad te refieres? Quizá te refieres a algo así: http://www.imaputz.com/cssStuff/bulletVersion.html http://www.imaputz.com/cssStuff/bigFourVersion.html Un cordial saludo de SantosVZ -Mensaje original- De: laura [mailto:[EMAIL PROTECTED] Enviado el: Viernes, 30 de Marzo de 2007 07:54 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] tabla accesible On 3/30/07, Santos Corrales wrote: > Mira aquí: > http://cssplay.co.uk/menu/tablescroll.html Como mola, :)) perooo, ¿eso es accesible? ___ 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] tabla accesible
Mira aquí: http://cssplay.co.uk/menu/tablescroll.html Un cordial saludo de SantosVZ -Mensaje original- De: laura [mailto:[EMAIL PROTECTED] Enviado el: Miércoles, 28 de Marzo de 2007 07:35 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] tabla accesible hola estoy tratando de hacer una tabla accesible, pero resulta que ahora no me valida lo q tan valido parece ser para los usuarios que gastan navegadores especiales. :(( El codigo que uso: Tarifas de nuestro establecimiento Tipo Habitacion Temporada Alta Temporada Media Temporada Baja Habitacion individual 30 € 25 € 20 € Habitacion doble 50 € 45 € 40 € con este doctype: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> Mi no entender alguien tiene alguna explicacion? :)) Gracias! Laura ___ 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] El mejor editor HTML
Prueba con KompoZer soporta CSS, pero no viene para español. Tambien tienes el Amaya y el HAPedit Un cordial saludo de SantosVZ -Mensaje original- De: webmaster [mailto:[EMAIL PROTECTED] Enviado el: Martes, 27 de Marzo de 2007 06:27 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] El mejor editor HTML Probe con Aptana, y la termine mareando, :S Diantres creo que pido demasiado -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Wilssonly Sent: Martes, 27 de Marzo de 2007 04:00 p.m. To: Ovillo, la lista de CSS en castellano Subject: Re: [Ovillo] El mejor editor HTML No te recomiendo NVU, NVU no soporta CSS. Creo que el que mas se acerca es Aptana http://www.aptana.com/ El 27/03/07, Juan Jorge Muñoz Herrero <[EMAIL PROTECTED]> escribió: > Nvu creo que sería bueno para iniciarse, no se si cumple todos esos > requisitos, pero es bueno. > -- > Juan J. Muñoz > http://www.taarq.com > ___ > Lista de distribución Ovillo > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org > Puedes modificar tus datos o desuscribirte en la siguiente dirección: > http://lists.ovillo.org/mailman/listinfo/ovillo > ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Problema con diseño para diferentes r esoluciones
En la reducción de imagen es mas facil reducir en el sentido que se desforma menos la imagen, que ampliar. Todo dependerá del tamaño de la imagen y la resolución utilizada en su creación. Cambiar de resolución de 1024 a 800 implica una reducción del 24% aproximadamente. Habria que comprobar que tanto afecta esa disminución a la imagen. Cuanto mas grande sea la imagen menos se notara la reducción. La forma que no afecte el cambio de resolución es utilizar imágenes basadas en vectores y aun asi se tendria que hacer la prueba para ver como queda. Un cordial saludo de SantosVZ -Mensaje original- De: aitiba [mailto:[EMAIL PROTECTED] Enviado el: Miércoles, 21 de Marzo de 2007 12:36 p.m. Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Problema con diseño para diferentes resoluciones Buenas, Estoy empezando a diseñar para diferentes resoluciones en esta pagina [1]. La pagina la diseñe para 1024x768. Ahora me he dado cuenta que no estaria nada mal que ese diseño se vea bien para 800x600. Los DIV los he puesto en % en vez de en px y al cambiar de resolucion se ponen donde yo quiero pero con las imagenes tengo un problema, ya que, al disminuir la resolucion no se hacen mas pequeñas y no queda igual que para 1024x768. ¿Sabeis si hay alguna etiqueta en CSS que me sirva o alguna solucion al problemilla? Lo que os he contando lo podeis ver insitu en [1] Gracias. Un saludo. aitiba [1] http://www.mundurat.net/grosekoga/ ___ 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] Centrar li's dentro de ul.
No deberias aplicarlo en el menu home, news, gallery... y centrarlo?
Es una sugerencia.
Un cordial saludo de SantosVZ
-Mensaje original-
De: Ardilla Roja [mailto:[EMAIL PROTECTED]
Enviado el: Viernes, 16 de Marzo de 2007 10:16 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Centrar li's dentro de ul.
Bueno, tome tu ejemplo, y claro que funciono.. creo que mi problema es
que dentro tengo los como block.. o algo asi.. :S
les dejo un screenshot (no puedo mostrarles el sitio porque es una
pagina 'privada'):
http://archivos.kamikaze.com.mx/screen_bb.jpg
y el CSS:
#navigation {
height: 65px;
background-color: #CC6600;
background-image: url(../imgs/menu_background.jpg);
background-repeat: no-repeat;
background-position: center center;
}
#navigation ul, #navigation ul li {
list-style: none;
margin: 0;
padding: 0;
}
#navigation ul {
text-align: center;
}
#navigation ul li {
float: left;
/* display: inline; */
}
#navigation ul li a {
display: block;
width: 70px;
height: 50px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
text-align: center;
color: #FF;
background-color: #BB4527;
background-image: url(../imgs/menu_background_li.jpg);
background-repeat: no-repeat;
background-position: center center;
}
#navigation ul li a:hover {
text-decoration: underline;
}
y el html:
Home
News
Gallery
Mailing
List
Add Admin
Logout
ya volvi a probar/mover/quitar/poner pero no logro centrar esa cosa =(
gracias x la atencion
On 3/15/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
> Adapta este ejemplo:
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
> http://www.w3.org/1999/xhtml";>
>
> Centrado de li en ul
>
>
> <!--
> body {
> background: #FFF;
> color: #000;
> font: 62.5% "Lucida Grande", Verdana, Geneva, Helvetica,
sans-serif;
> margin: 0;
> padding: 0;
> }
>
> #navigation {
> margin-top: 2em;
> width: 600px;
> margin:0 auto;
> }
>
> #navigation ul, #navigation ul li {
> list-style: none;
> margin: 0;
> padding: 0;
> }
>
> #navigation ul {
> text-align: center; /* posicionamiento centrado de ul */
> }
>
> #navigation ul li {
> display: inline; /* posicionamiento en linea */
> margin-right: .75em; /* separacion entre entre lista de enlaces */
> }
>
> #navigation ul li.last {
> margin-right: 0;
> }
> /*
> #navigation ul li a {
> background: #AAF;
> }
> */
> #navigation ul li a:hover span {
> color: #69C;
> text-decoration: underline;
> }
> // -->
>
>
>
>
>
>
> Enlace#1
> Enlace#2
> Enlace#3
> Enlace#4
> Enlace#5
> Enlace#6
>
>
>
>
>
> Un cordial saludo de SantosVZ
>
>
> -Mensaje original-
> De: Ardilla Roja [mailto:[EMAIL PROTECTED]
> Enviado el: Lunes, 12 de Marzo de 2007 10:25 p.m.
> Para: Ovillo, la lista de CSS en castellano
> Asunto: [Ovillo] Centrar li's dentro de ul.
>
> Saludos a todos, aqui con uina duda...
>
> Tengo esto:
>
>
> texto otro texto
>
>
> El ul mide 600px d ancho, esta inline... lo que quiero hacer, es que
> los li's esten centrados dentro del ul... trate con lo de text-align
> en el ul, con margin: 0 auto en los li y todas las ideas q se me
> ocurrieron, pero nada.. :(
>
> cualquier pista, bienvenida...
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Centrar li's dentro de ul.
Adapta este ejemplo: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> http://www.w3.org/1999/xhtml";> Centrado de li en ul Enlace#1 Enlace#2 Enlace#3 Enlace#4 Enlace#5 Enlace#6 Un cordial saludo de SantosVZ -Mensaje original- De: Ardilla Roja [mailto:[EMAIL PROTECTED] Enviado el: Lunes, 12 de Marzo de 2007 10:25 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Centrar li's dentro de ul. Saludos a todos, aqui con uina duda... Tengo esto: textootro texto El ul mide 600px d ancho, esta inline... lo que quiero hacer, es que los li's esten centrados dentro del ul... trate con lo de text-align en el ul, con margin: 0 auto en los li y todas las ideas q se me ocurrieron, pero nada.. :( cualquier pista, bienvenida... ___ 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] photoshop sitegrinder
WellRounded extensión para DW CSS esquinas redondeadas. http://www.medialab.com/wellrounded/#demos . Un cordial saludo de SantosVZ -Mensaje original- De: Juan Jorge Muñoz Herrero [mailto:[EMAIL PROTECTED] Enviado el: Martes, 13 de Marzo de 2007 07:23 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] photoshop sitegrinder Calla calla, que nos quitan el trabajo!! La verdad es que ni idea, no había oído hablar de él... El día 13/03/07, sn <[EMAIL PROTECTED]> escribió: > > salud a la lista! > > me gustaría saber si alguien a probado éste plugin para photoshop. > por lo que ponen en su página parece ser algo casi milagroso. > genera plantillas xhtml y css pefectamente válidas y corriendo en los > principales navegadores(ahí es nada...). > todo ello a partir de los diseños hechos desde photoshop, claro. > > cómo poco me parece sorprendente, por eso lo posteo en la lista. > si alguien ha tenido algún contacto(bueno o malo) con éste software, le > estaré agradecido si me cuenta su experiencia. > > gracias. > > 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 > -- Juan J. Muñoz http://www.taarq.com ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ 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] cambiar element.backgroundImage
Creo que podrias hacerlo de varias formas:
Capa de fondo.
El archive JS contiene el script de rotación de las imagines.
En la transición puedes utilizar cualquier tipo de filtro de MS
Capa superior:
Esta seria la
capa superior de texto
En esta capa superior también podrías utilizar otro JS o bien archivo flash
con fondo transparente. Todo depende de lo que quieras hacer y como.
Si tienes alguna duda al respecto me lo dices para enviarte un enlace donde
puedas descargar un ejemplo que tengo y que funciona perfectamente pero la
transición solo en IE
Un cordial saludo de SantosVZ
-Mensaje original-
De: Alejandro Moreno [mailto:[EMAIL PROTECTED]
Enviado el: Viernes, 09 de Marzo de 2007 08:55 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] cambiar element.backgroundImage
Buenos dias,
seguimos en la brecha...
se puede cambiar sobre la marcha a un elemento su imagen de fondo? Algo así:
function change()
{
el = document.getElementById('header');
imagen = funcionrRandom();
el.style.background = imagen;
}
como veis lo he intentado con javascript sin exito... alguien ve que estoy
haciendo mal?
estoy intentando hacer algo parecido a lo de aperture de apple, para mas
pistas http://www.apple.com/aperture/
un saludo y 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
___
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] imagen flotante entre dos columnas
Si no mal interpreto el hilo dice claramente "entre dos columnas" no encima de dos columnas. Si colocas una imagen centrada encima de dos columnas, lógicamente parte de las dos columnas no se verán, por lo que colocar encima (z-index) no es funcional. Creo que lo mas aceptable y que se ajusta mas a la solución es la que proporciono alguien de las lista. Ver imagen ejemplo. http://img161.imageshack.us/img161/5590/imagech2cyv0.gif Un cordial saludo de SantosVZ -Mensaje original- De: Alejandro Moreno [mailto:[EMAIL PROTECTED] Enviado el: Domingo, 25 de Febrero de 2007 04:17 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] imagen flotante entre dos columnas buenos dias, yo estoy intentando hacer algo parecido. He conseguido colocarlo por encima del documento, como necesito, pero claro, al hacer position:absolute coge una posición fija y lo que necesito es que se mueva con el resto del documento en posición centrada. Algo así: blablbabla Hay alguna forma de darle un position absolute pero solo con respecto al div, por ejemplo, o a otra etiqueta? Gracias, un saludo. On 2/24/07, NetVicious <[EMAIL PROTECTED]> wrote: > > Hola Juan, > > El viernes, 23 feb 2007 a las 03:09, escribiste: > > > La imágen no podés ponerla con un posicionamiento absoluto en las > cordenadas > > que necesitas? > > Si lo pones con absoluto sale del flujo del documento y se pone encima > o debajo del resto de capas. > > -- > /\/ > / \ / \ / > /\/ e t \/ i c i o u 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 > -- Alejandro Moreno Consultoría de Marketing Online ___ 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] Centrar varias imagenes en linea en un div
Porque no utilizas una lista horizontal como si fuera un menú y le das un determinado margen a la imagen de menor altura de forma que se sitúe al nivel que deseas. Es solo una sugerencia. Creo que por ahí tengo algo parecido. Si lo encuentro lo envío. Un cordial saludo de SantosVZ -Mensaje original- De: oswaldo domingo [mailto:[EMAIL PROTECTED] Enviado el: Viernes, 23 de Febrero de 2007 11:59 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] Centrar varias imagenes en linea en un div Gracias a todos por las contestaciones Parece que esto se ha ido un poco de la pregunta original, cosa que siempre pasa cuando salen las tablas en los temas. La idea es poner imágenes en una tira, lo malo es que hay imágenes que tienen 100px de alto y otras solo 30px. con lo que me quedaría mas o menos imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen y yo pretendo que quede imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen imagen y centrado en la página, por ahora solo lo he conseguido con las tablas, con CSS solo las centré con el text-aling: center en la página pero no verticalmente con relación a las de los lados. 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 ___ 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] imagen flotante entre dos columnas
Supongo que quieres decir encima de ambas y no entre ambas. La mitad sobre una y la otra mitad sobre la otra ¿Correcto? Un cordial saludo de SantosVZ -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Enviado el: Jueves, 22 de Febrero de 2007 06:40 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] imagen flotante entre dos columnas Hola amigos: Necesito hacer una maquetacion de este estilo: -| |-- -| |-- - - - Explicando: Tengo dos columnas de texto una con float: left y la otra con float: right. Eso me da lo siguiente: -- -- -- -- -- Ahora: el problema es que tengo que ingresar una imagen entre ambas, debe empezar a la mitad de una columna y terminar en la mitad de la otra columna. Espero que me comprendan y puedan ayudarme. ___ Maria ___ 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] Problema con menús y div en IE
Descarga el archivo que prepare. http://depositfiles.com/files/643999 Hay algunas cosas que posiblemente tengas que pulir, pero en síntesis es lo que solicitabas. Funciona con IE6, FF2 y O9. Un cordial saludo de SantosVZ -Mensaje original- De: cHiMeNo [mailto:[EMAIL PROTECTED] Enviado el: Jueves, 22 de Febrero de 2007 12:12 p.m. Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Problema con menús y div en IE Hola, estoy trabajando en una página, y tengo el siguiente problema: Programé y diseñé la página para Mozilla Firefox, mal hecho por mi, porque ahora al ver la página con el IE o cualquiera que no use el motor 'gecko', el menú y algunos div no se ven centrados y no tienen la misma anchura que con el Firefox, esta es la dirección en cuestión: http://www.mariochimeno.com/index2.php Espero haberme explicado bien y que puedan ayudarme PD: No pego aquí el .css o el .html porque sería un correo muy largo, pero os pongo aquí la dirección del css por si no quereis investigarlo: http://mariochimeno.com/html/style.css y los html: http://mariochimeno.com/html/header.html http://mariochimeno.com/html/contenido.html htp://mariochimeno.com/html/footer.html Aunque el único interesante sería el header que es donde van los divs que dan problemas Muchas gracias de antemano y espero que puedan ayudarme :) ___ 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] Cosas Basicas: Centrado Vertical - contenido fluido enla vertical
En IE7 no lo he probado, dado que todavía no pienso instalarlo. Prefiero
esperar un poco mas hasta que se arreglen mas las deficiencias, al igual que
con WinVista. Tengo otros centrados guardados que quizá te sirva. Lo pondré
a ver que tal lo ves.
--
#boxcenterMLCS { position:absolute; top:50%; left:50%; width:500px;
height:300px; margin-left:-250px; margin-top:-150px; }
#boxcenterMLCL { position:absolute; top:10%; left:16%; width:68%;
height:80%; }
Un cordial saludo de SantosVZ
-Mensaje original-
De: webmaster [mailto:[EMAIL PROTECTED]
Enviado el: Jueves, 15 de Febrero de 2007 11:52 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Cosas Basicas: Centrado Vertical - contenido fluido
enla vertical
Hola Santos gracias por tu respuesta, creo que el problema con esto es el
mismo que plantie en el ejemplo anterior, necesitamos definir un alto para
el div, el problema se nota cuando tu div empieza a ser mayor que los 27.5
em (en tu ejemplo) adicionalmente IE7 parece que no lo esta interpretando
muy bien,, pero eso no tiene nada de nuevo.
Sigo buscando soluciones y alentando a los expertos en la lista a tratar de
encontrar una solución a este problema que creo que nos podria beneficiar a
todos.
Vlad
P.d:
Soluciones posibles encontradas:
1. JavaScript para determinar el tamaño del div verticualmente y solucionar
con margenes negativos.
2. La vieja amiga tabla.
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Santos Corrales
Sent: Miércoles, 14 de Febrero de 2007 03:45 p.m.
To: 'Ovillo, la lista de CSS en castellano'
Subject: Re: [Ovillo] Cosas Basicas: Centrado Vertical
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background-color:#999;
}
#distancia {
width:1px;
height:50%;
margin-bottom:-13.75em; /* half of container height */
float:left;
}
#container {
margin:0 auto;
position:relative; /* puts container in front of distancia
*/
height:27.5em;
width:45em;
clear:left;
background-color:#666;
border:1px dashed #fff;
}
Un cordial saludo de SantosVZ
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cosas Basicas: Centrado Vertical
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background-color:#999;
}
#distancia {
width:1px;
height:50%;
margin-bottom:-13.75em; /* half of container height */
float:left;
}
#container {
margin:0 auto;
position:relative; /* puts container in front of distancia
*/
height:27.5em;
width:45em;
clear:left;
background-color:#666;
border:1px dashed #fff;
}
Un cordial saludo de SantosVZ
___
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] Sustituir tabla por CSS
Al pretender sustituir una tabla por CSS y aplicando un style tengo que
variar el ancho de .box a 298 px para que me coincida con los 300px de
.head.
De que forma puedo hacer coincidir el ancho sin modificar .box?
dl {margin: 0;padding: 0;width: 100%;height: 22px;}
dt {font-size:0.8em;padding: 4px 11px 2px;float: left;font-family: Arial,
Helvetica, sans-serif;
font-weight: bold;color: #333;}
dd {font-size: 0.8em;text-align: right;padding: 4px 11px 0 0;font-family:
Tahoma, Arial;}
.head {width:300px;margin:0;padding:0;background: #CBC173; }
.head dl {background: url(cor_r.gif) top right no-repeat;}
.head dt {background: url(cor_l.gif) top left no-repeat;}
.box {width:298px;border:1px solid #CBC173;margin:0 0 15px;padding:0px;
font-size:0.8em;background: #fff;}
h3{margin:5px;padding:0;font-size:0.9em;font-family: Tahoma, Arial;
font-weight: normal;color: #006600;}
p{padding:0;padding-top:10px;margin:5px;font-family: Tahoma, Arial;color:
#003300;}
Titulo o encabezado
10/02/07
Contenido texto, texto,trexto, texto, texto, texto,texto, texto,
texto..
Contenido, texto, texto, texto.
Nombre: bla, bla, bla, bla, bla, bla...
Imagen de ref:
http://img119.imageshack.us/img119/2513/tablacssvy0.gif
Un cordial saludo de SantosVZ
___
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] css pop up
OK. Ahora si nos entendemos. El solapado es correcto y debe ser asi, lo que quieres es que el enlace no quede detrás, si no delante. Correcto? Un cordial saludo de SantosVZ -Mensaje original- De: sn [mailto:[EMAIL PROTECTED] Enviado el: Miércoles, 07 de Febrero de 2007 11:31 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] css pop up salud santos. ante todo reiterarte mi gratitud por tu tiempo e interés. de veras, gracias. si embargo, si que parece haber un problema en nuestra comunicación...jiasjias vamos a ver si lo aclaramos, que a veces me es difícil explicarme: el problema no es que se el pop up solape al enlace, de hecho eso es un requerimiento específico del desarrollo con el que tengo el dilema. es decir, tenemos el enlace, y al pasar el ratón sobre él, se hará visible el pop up justo sobre el propio enlace. eso está conseguido y no es un problema. lo que quiero es que el enlace siga apareciendo visible cuando emerja el pop up. es decir, al hacer el rollover aparecería la imagen debajo, justo detrás del enlace que lo activa. espero que ahora halla quedado claro y podáis hecharme un cable. un saludo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] css pop up
Pues vaya problema , estamos en lo mismo. Bueno, si no entendí mal el planteamiento que hacías era que al colocar el mouse sobre la imagen url(graphics/boton_prueba.gif se solapaba o montaba encima la imagen url(graphics/img_gistredo/jpg/1.jpg), asi lo entendí yo. Ayer por la noche me puse hacer un ejemplo con imágenes y me funciono correctamente tanto en IE como en FF y O. Cosa curiosa hoy por la mañana leo el correo, pruebo de nuevo el ejemplo que hice ayer y voilà solo funcionaba en FF y O pero no en IE. Te pongo un ejemplo para que me digas si interprete mal el tema. http://img180.imageshack.us/my.php?image=sngq2.swf Como no hacias comentari en relacion al texto en particular, no toque ese asunto que posiblemente se resuelva tal como dices con z-index. Un cordial saludo de SantosVZ -Mensaje original- De: sn [mailto:[EMAIL PROTECTED] Enviado el: Miércoles, 07 de Febrero de 2007 04:11 a.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] css pop up salud SantosVZ. agradezco el interés y la ayuda. pero tu mensaje no tiene sentido para mi. copias el cacho de código para el pop up que he puesto yo y me señalas que cambiando los valores top y left cambio la posición. bien, correcto, con position:absolute y modificando los valores top y left sacas a un objeto del flujo normal y lo posicionas a tu gusto. ahora la pregunta es: que tiene que ver eso con lo que planteo? es temprano y hay sueño, puede que se me esté escapando algo... un saludo. ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Cosa "rara" con menú en IE6
Si no lo tienes aun, quizá te seria útil disponer del plugin Firebug para Firefox, creo que la ultima actualización es la 1.01 y te permite modificar tu HTML, CSS, JS, DOM, LAYOUT directamente en uno de los paneles, mientras visualizas la pagina en Firefox. Un cordial saludo de SantosVZ -Mensaje original- De: Marc González Majoral [mailto:[EMAIL PROTECTED] Enviado el: Martes, 06 de Febrero de 2007 03:27 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: [Ovillo] Cosa "rara" con menú en IE6 Buenas. Tengo un menú flotando a la izquierda del contenido, que también está flotado. Funciona correctamente en todos los navegadores, excepto en IE6, que al pasar por encima de alguno de los 'LI' se inventa un "espacio" al final del menú. A primera vista puede parecer que no pasa nada, pero la primera vez que se pasa el ratón por encima el menú "baja" (sólo la primera vez, luego se queda "bajado"). He probado de todo y no veo la manera de solucionarlo. La dirección provisional de la página es: http://estupefacto.blogdns.org/silencio/webs/guiallongueras/ Este bug también me sucedía con el pie de la página, que al pasar por encima del menú también "bajaba" (el pie). Lo resolví añadiendo un comentario condicional para escribir un "." detrás del menú, y extrañamente dejó de comportarse mal. El condicional es: Si os copiáis el código xhtml y el css, podréis comprobar vosotros mismos cómo baja el pie quitando este condicional. Es algo que nunca me había ocurrido y no encuentro información por ningún lado. A ver si alguien puede arrojar un poco de luz sobre el asunto, que seguro que es una tontería. Gracias de antemano. ___ 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] Cosa "rara" con menú en IE6
La diferencia exacta es de 12px, posiblemente corresponde al desplazamiento
de la imagen de fondo que utilizas. Busca por ahí. En FF y O se ve bien.
Es posible que sea aquí:
#pagina #cuerpo #menu {
background:#FF url(../imagenes/menu-fondo.png) no-repeat scroll left
bottom;
clear:left;
float:left;
margin:0px 0px 10px;
padding:0px 0px 12px;
width:150px;
}
#pagina #cuerpo #menu ul {
background:#B62F2F url(../imagenes/menu-ul-fondo.png) repeat-x scroll left
top;
clear:left;
display:inline;
float:left;
margin:0px;
padding:12px 0px 0px;
width:150px;
}
Un cordial saludo de SantosVZ
-Mensaje original-
De: Marc González Majoral [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 06 de Febrero de 2007 03:27 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Cosa "rara" con menú en IE6
Buenas.
Tengo un menú flotando a la izquierda del contenido, que también está
flotado. Funciona correctamente en todos los navegadores, excepto en
IE6, que al pasar por encima de alguno de los 'LI' se inventa un
"espacio" al final del menú. A primera vista puede parecer que no pasa
nada, pero la primera vez que se pasa el ratón por encima el menú
"baja" (sólo la primera vez, luego se queda "bajado"). He probado de
todo y no veo la manera de solucionarlo.
La dirección provisional de la página es:
http://estupefacto.blogdns.org/silencio/webs/guiallongueras/
Este bug también me sucedía con el pie de la página, que al pasar por
encima del menú también "bajaba" (el pie). Lo resolví añadiendo un
comentario condicional para escribir un "." detrás del menú, y
extrañamente dejó de comportarse mal. El condicional es:
Si os copiáis el código xhtml y el css, podréis comprobar vosotros
mismos cómo baja el pie quitando este condicional. Es algo que nunca
me había ocurrido y no encuentro información por ningún lado. A ver si
alguien puede arrojar un poco de luz sobre el asunto, que seguro que
es una tontería.
Gracias de antemano.
___
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] css pop up
a:hover#link1 .imagen {
display:block;
position:absolute;
left:0px; /*cambia el valor a la posicion que
quieras que aparezca*/
top:0px; /*cambia el valor a la posicion que quieras
que aparezca*/
width:200px;
height:200px;
background:url(1.gif);
}
Un cordial saludo de SantosVZ
-Mensaje original-
De: sn [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 06 de Febrero de 2007 11:31 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] css pop up
salud a la lista;
el tema es el siguiente:
tengo un enlace en forma de imagen(una de las técnicas de image
replacement), el cuál, al hacer rollover hacer aparecer un pop up con otra
imagen.
la historia es que este pop up está posicionado directamente sobre el propio
enlace(no preguntéis por qué) y al emerger, lo solapa, con lo cuál dejamos
de ver el enlace que lo activa.
bien pues lo que necesito es que éste siga permaneciendo visible. es decir,
que el pop up se despliegue tras él.
jugando con la propiedad z-index lo he conseguido para explorer 6. pero no
hay manera de ke funcione en firefox
espero haberme explicado bien.
os adjunto el código:
http://www.w3.org/TR/html4/loose.dtd";>
x
a .imagen {
display:none;
}
#uno a{
position:relative;
left:177px;
top:25px;
display:block;
width:20px;
height:20px;
text-indent:-2000em;
background:url(graphics/boton_prueba.gif);
}
a:hover#link1 {
background:#000 url(graphics/boton_prueba.gif);
}
a:hover#link1 .imagen {
display:block;
position:absolute;
left:0px;
top:0px;
width:200px;
height:200px;
background:url(graphics/img_gistredo/jpg/1.jpg);
}
1
gracias.
espero vuestras respuestas.
un saludo.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tag
Disculpa pero me pusiste:
<< Pero no nos dijiste nada sobre si te funcionó esto:
body{overfrow:hidden}>>
No overflow, asi que segui cometiendo tu error, en realidad probé con
overflow.
El editor que utilizo DW no dispone de la etiqueta overfrow.
Con relacion a lo que comentas del Js, recuerdo haberlo visto en alguna
parte, pero no recuerdo donde. El JS se utilizaba como comentario
condicional y era en funcion de las variables navegador, resolucion, ancho y
margenes.
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Lunes, 05 de Febrero de 2007 08:10 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
Overflow y no overfrow, ojo...
Yo te voy a armar un script que te detecte en ancho del body y lo pase a
algunas variables para que le apliques correcciones mediante script... Creo
que con todo, será la única manera de solucionarlo... :)
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Sunday, February 04, 2007 11:59 AM
Subject: Re: [Ovillo] tag
No funciono, porque lo que hace es eliminar la visualizacion de scrollbar
pero no modifica los margenes.
Probe con:
html{overfrow:hidden}
html, body {overfrow:hidden}
html>body {overfrow:hidden}
Ahora que recuerdo, creo haber visto un javascript que se utiliza como
comentario condicional y que te situa la caja en el centro manteniendo los
margenes tomando en consideración los anchos de scrollbar de cada navegador.
Lo malo es que no recuerdo donde.
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Domingo, 04 de Febrero de 2007 09:28 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
Pero no nos dijiste nada sobre si te funcionó esto: body{overfrow:hidden}
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Sunday, February 04, 2007 12:33 AM
Subject: Re: [Ovillo] tag
Es correcto en parte.
Entre IE y FF hay una diferencia de 18px.
Entre IE y O hay 13px
Entre FF y O hay 5px (18-13)
Por defecto en IE scrollbar es de 18px
Por defecto en FF scrollbar es de 13px
Por defecto en O scrollbar es de 17px
Sin embargo la distancia desde el borde de #box en IE deberia ser la
distancia (Xpx) mas scrollbar (18px) no es la misma que la distancia desde
el borde de #box hasta scrollbar en FF.
Hay una diferencia de 3px.
¡¡¡Que te parece!!!
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 09:17 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
El problema reside en que Explorer toma la barra de scroll (18px) y la resta
del ancho del documento -en mi opinión "hace lo correcto", y en la opinión
de los sabios (como siempre, je): "no"-.
Firefox no la resta sino que la considera parte del documento, por lo tanto,
la suma.
Opera no lo sé y otros navegadores tampoco.
¿La solución? un overflow de tipo hidden dentro el body como para ir
probando...
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Javier Trejo" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag
No hay ningún motivo en tu CSS por el cual no se debería ver bien tu
fieldset, sólo me queda pensar que el problema está
En el renderizado por parte del IE pues en mi caso siempre lo veo como 15px
más chico que en Firefox (pero en si toda la ventana de IE es más chica que
la de Firefox (siempre hablando en términos de ancho) quizás por eso es que
lo vez de medidas diferentes.
Lamento no poder darte una respuesta, sin embargo etre problema lo deberías
tene en todo el layout de tu site. Yo consderaría usar una medida absoluta
(en px). Tambiíen podrías completar el diseño y verlo en ambos navegadores,
a ver como queda. Capaz que se ve proporcional en ambos programas.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 20:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Esta seria la visualización:
http://img240.imageshack.us/img240/
Re: [Ovillo] tag
ERROR? No hay error, no recuerdo haber indicado con que OS? He dado por
sentado que el visitante vera claramente que Firefox with Mac-alike
scrollbars es para MAC/OSX. Tan solo fue una información.
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Domingo, 04 de Febrero de 2007 09:50 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
¡¡¡Error!!! Lo que el tipo nos está diciendo es que pudo meterse dentro de
los perfiles de su Firefox para Macintosh y le ha hecho algunos retoques a
las barra de scroll. Ínfimos, pero relevantes por varias razones:
1. Es un bugs, menor, insignificantemente pequeño, pero bugs al fin;
2. Podría ser la puerta de entrada a una modaliad de configuración por lado
del usuario: "¿no te gusta así?, pues te damos estas otras opciones". Eso se
hace hace mucho en Macintosh (O/S 8.5). Puede configurarse el perfil del
sistema de modo tal que uno escoja cómo quiere la barra de scroll;
3. Respecto a él: muy significativos por motivos personales (es un
desarrollador).
Eso es todo. Pero no te aportará soluciones "a tu problema", viejo... :(
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Sunday, February 04, 2007 3:13 AM
Subject: Re: [Ovillo] tag
Buscando sobre los margenes y las scrollbar, me encontre esta pagina con
opciones para modificar el numero de botones en el scrollbar de firefox.
http://cheeaun.phoenity.com/weblog/2004/08/scrollbar-tweaks.html
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 09:17 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
El problema reside en que Explorer toma la barra de scroll (18px) y la resta
del ancho del documento -en mi opinión "hace lo correcto", y en la opinión
de los sabios (como siempre, je): "no"-.
Firefox no la resta sino que la considera parte del documento, por lo tanto,
la suma.
Opera no lo sé y otros navegadores tampoco.
¿La solución? un overflow de tipo hidden dentro el body como para ir
probando...
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Javier Trejo" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag
No hay ningún motivo en tu CSS por el cual no se debería ver bien tu
fieldset, sólo me queda pensar que el problema está
En el renderizado por parte del IE pues en mi caso siempre lo veo como 15px
más chico que en Firefox (pero en si toda la ventana de IE es más chica que
la de Firefox (siempre hablando en términos de ancho) quizás por eso es que
lo vez de medidas diferentes.
Lamento no poder darte una respuesta, sin embargo etre problema lo deberías
tene en todo el layout de tu site. Yo consderaría usar una medida absoluta
(en px). Tambiíen podrías completar el diseño y verlo en ambos navegadores,
a ver como queda. Capaz que se ve proporcional en ambos programas.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 20:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Esta seria la visualización:
http://img240.imageshack.us/img240/289/fieldset2gz7.gif
Utilizando * {margin:0px; padding:0px;} o bien html, body {margin:0px;
padding:0px;} Lo único que se modifica es el magin-top de#box pero el ancho
sigue cambiando diferente en cada navegador.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Documento sin titulo
¿Porque Google nunca falla?
Texto
Un cordial saludo de SantosVZ
-Mensaje original-
De: carlos campderrós [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 04:33 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
On 2/3/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
>
> Estabas en lo correcto con relación línea/bloque, pero no entiendo
> porque cambia el ancho de la caja en cada caso (anterior y este)
> http://img160.imageshack.us/img160/8383/fieldset1oj8.gif
>
Puedes mostrar el código de este último ejemplo? La página tiene doctype?
--
Si no puedes deslumbrar con tu inteligencia, desconcierta con tus
gilipolleces
Re: [Ovillo] tag
No funciono, porque lo que hace es eliminar la visualizacion de scrollbar
pero no modifica los margenes.
Probe con:
html{overfrow:hidden}
html, body {overfrow:hidden}
html>body {overfrow:hidden}
Ahora que recuerdo, creo haber visto un javascript que se utiliza como
comentario condicional y que te situa la caja en el centro manteniendo los
margenes tomando en consideración los anchos de scrollbar de cada navegador.
Lo malo es que no recuerdo donde.
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Domingo, 04 de Febrero de 2007 09:28 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
Pero no nos dijiste nada sobre si te funcionó esto: body{overfrow:hidden}
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Sunday, February 04, 2007 12:33 AM
Subject: Re: [Ovillo] tag
Es correcto en parte.
Entre IE y FF hay una diferencia de 18px.
Entre IE y O hay 13px
Entre FF y O hay 5px (18-13)
Por defecto en IE scrollbar es de 18px
Por defecto en FF scrollbar es de 13px
Por defecto en O scrollbar es de 17px
Sin embargo la distancia desde el borde de #box en IE deberia ser la
distancia (Xpx) mas scrollbar (18px) no es la misma que la distancia desde
el borde de #box hasta scrollbar en FF.
Hay una diferencia de 3px.
¡¡¡Que te parece!!!
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 09:17 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
El problema reside en que Explorer toma la barra de scroll (18px) y la resta
del ancho del documento -en mi opinión "hace lo correcto", y en la opinión
de los sabios (como siempre, je): "no"-.
Firefox no la resta sino que la considera parte del documento, por lo tanto,
la suma.
Opera no lo sé y otros navegadores tampoco.
¿La solución? un overflow de tipo hidden dentro el body como para ir
probando...
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Javier Trejo" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag
No hay ningún motivo en tu CSS por el cual no se debería ver bien tu
fieldset, sólo me queda pensar que el problema está
En el renderizado por parte del IE pues en mi caso siempre lo veo como 15px
más chico que en Firefox (pero en si toda la ventana de IE es más chica que
la de Firefox (siempre hablando en términos de ancho) quizás por eso es que
lo vez de medidas diferentes.
Lamento no poder darte una respuesta, sin embargo etre problema lo deberías
tene en todo el layout de tu site. Yo consderaría usar una medida absoluta
(en px). Tambiíen podrías completar el diseño y verlo en ambos navegadores,
a ver como queda. Capaz que se ve proporcional en ambos programas.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 20:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Esta seria la visualización:
http://img240.imageshack.us/img240/289/fieldset2gz7.gif
Utilizando * {margin:0px; padding:0px;} o bien html, body {margin:0px;
padding:0px;} Lo único que se modifica es el magin-top de#box pero el ancho
sigue cambiando diferente en cada navegador.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Documento sin titulo
¿Porque Google nunca falla?
Texto
Un cordial saludo de SantosVZ
-Mensaje original-
De: carlos campderrós [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 04:33 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
On 2/3/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
>
> Estabas en lo correcto con relación línea/bloque, pero no entiendo
> porque cambia el ancho de la caja en cada caso (anterior y este)
> http://img160.imageshack.us/img160/8383/fieldset1oj8.gif
>
Puedes mostrar el código de este último ejemplo? La página tiene doctype?
--
Si no puedes deslumbrar con tu inteligencia, desconcierta con tus
gilipolleces ___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ov
Re: [Ovillo] tag
Buscando sobre los margenes y las scrollbar, me encontre esta pagina con
opciones para modificar el numero de botones en el scrollbar de firefox.
http://cheeaun.phoenity.com/weblog/2004/08/scrollbar-tweaks.html
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 09:17 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
El problema reside en que Explorer toma la barra de scroll (18px) y la resta
del ancho del documento -en mi opinión "hace lo correcto", y en la opinión
de los sabios (como siempre, je): "no"-.
Firefox no la resta sino que la considera parte del documento, por lo tanto,
la suma.
Opera no lo sé y otros navegadores tampoco.
¿La solución? un overflow de tipo hidden dentro el body como para ir
probando...
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Javier Trejo" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag
No hay ningún motivo en tu CSS por el cual no se debería ver bien tu
fieldset, sólo me queda pensar que el problema está
En el renderizado por parte del IE pues en mi caso siempre lo veo como 15px
más chico que en Firefox (pero en si toda la ventana de IE es más chica que
la de Firefox (siempre hablando en términos de ancho) quizás por eso es que
lo vez de medidas diferentes.
Lamento no poder darte una respuesta, sin embargo etre problema lo deberías
tene en todo el layout de tu site. Yo consderaría usar una medida absoluta
(en px). Tambiíen podrías completar el diseño y verlo en ambos navegadores,
a ver como queda. Capaz que se ve proporcional en ambos programas.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 20:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Esta seria la visualización:
http://img240.imageshack.us/img240/289/fieldset2gz7.gif
Utilizando * {margin:0px; padding:0px;} o bien html, body {margin:0px;
padding:0px;} Lo único que se modifica es el magin-top de#box pero el ancho
sigue cambiando diferente en cada navegador.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Documento sin titulo
¿Porque Google nunca falla?
Texto
Un cordial saludo de SantosVZ
-Mensaje original-
De: carlos campderrós [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 04:33 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
On 2/3/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
>
> Estabas en lo correcto con relación línea/bloque, pero no entiendo
> porque cambia el ancho de la caja en cada caso (anterior y este)
> http://img160.imageshack.us/img160/8383/fieldset1oj8.gif
>
Puedes mostrar el código de este último ejemplo? La página tiene doctype?
--
Si no puedes deslumbrar con tu inteligencia, desconcierta con tus
gilipolleces ___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tag
Pareciera ser que la única forma seria colocar la caja en un contenedor y en
este utilizar {margin: 0px; padding: 0px;}
Es decir que la distancia desde la caja hasta scrollbar es la misma en todos
los navegadores.
Sin embargo persisten las diferencias debido a los anchos de scrollbar.
http://img400.imageshack.us/img400/3287/fieldset3pl8.gif
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 09:17 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
El problema reside en que Explorer toma la barra de scroll (18px) y la resta
del ancho del documento -en mi opinión "hace lo correcto", y en la opinión
de los sabios (como siempre, je): "no"-.
Firefox no la resta sino que la considera parte del documento, por lo tanto,
la suma.
Opera no lo sé y otros navegadores tampoco.
¿La solución? un overflow de tipo hidden dentro el body como para ir
probando...
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Javier Trejo" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag
No hay ningún motivo en tu CSS por el cual no se debería ver bien tu
fieldset, sólo me queda pensar que el problema está
En el renderizado por parte del IE pues en mi caso siempre lo veo como 15px
más chico que en Firefox (pero en si toda la ventana de IE es más chica que
la de Firefox (siempre hablando en términos de ancho) quizás por eso es que
lo vez de medidas diferentes.
Lamento no poder darte una respuesta, sin embargo etre problema lo deberías
tene en todo el layout de tu site. Yo consderaría usar una medida absoluta
(en px). Tambiíen podrías completar el diseño y verlo en ambos navegadores,
a ver como queda. Capaz que se ve proporcional en ambos programas.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 20:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Esta seria la visualización:
http://img240.imageshack.us/img240/289/fieldset2gz7.gif
Utilizando * {margin:0px; padding:0px;} o bien html, body {margin:0px;
padding:0px;} Lo único que se modifica es el magin-top de#box pero el ancho
sigue cambiando diferente en cada navegador.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Documento sin titulo
¿Porque Google nunca falla?
Texto
Un cordial saludo de SantosVZ
-Mensaje original-
De: carlos campderrós [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 04:33 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
On 2/3/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
>
> Estabas en lo correcto con relación línea/bloque, pero no entiendo
> porque cambia el ancho de la caja en cada caso (anterior y este)
> http://img160.imageshack.us/img160/8383/fieldset1oj8.gif
>
Puedes mostrar el código de este último ejemplo? La página tiene doctype?
--
Si no puedes deslumbrar con tu inteligencia, desconcierta con tus
gilipolleces ___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tag
Es correcto en parte.
Entre IE y FF hay una diferencia de 18px.
Entre IE y O hay 13px
Entre FF y O hay 5px (18-13)
Por defecto en IE scrollbar es de 18px
Por defecto en FF scrollbar es de 13px
Por defecto en O scrollbar es de 17px
Sin embargo la distancia desde el borde de #box en IE deberia ser la
distancia (Xpx) mas scrollbar (18px) no es la misma que la distancia desde
el borde de #box hasta scrollbar en FF.
Hay una diferencia de 3px.
¡¡¡Que te parece!!!
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 09:17 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
El problema reside en que Explorer toma la barra de scroll (18px) y la resta
del ancho del documento -en mi opinión "hace lo correcto", y en la opinión
de los sabios (como siempre, je): "no"-.
Firefox no la resta sino que la considera parte del documento, por lo tanto,
la suma.
Opera no lo sé y otros navegadores tampoco.
¿La solución? un overflow de tipo hidden dentro el body como para ir
probando...
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Javier Trejo" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag
No hay ningún motivo en tu CSS por el cual no se debería ver bien tu
fieldset, sólo me queda pensar que el problema está
En el renderizado por parte del IE pues en mi caso siempre lo veo como 15px
más chico que en Firefox (pero en si toda la ventana de IE es más chica que
la de Firefox (siempre hablando en términos de ancho) quizás por eso es que
lo vez de medidas diferentes.
Lamento no poder darte una respuesta, sin embargo etre problema lo deberías
tene en todo el layout de tu site. Yo consderaría usar una medida absoluta
(en px). Tambiíen podrías completar el diseño y verlo en ambos navegadores,
a ver como queda. Capaz que se ve proporcional en ambos programas.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 20:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Esta seria la visualización:
http://img240.imageshack.us/img240/289/fieldset2gz7.gif
Utilizando * {margin:0px; padding:0px;} o bien html, body {margin:0px;
padding:0px;} Lo único que se modifica es el magin-top de#box pero el ancho
sigue cambiando diferente en cada navegador.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Documento sin titulo
¿Porque Google nunca falla?
Texto
Un cordial saludo de SantosVZ
-Mensaje original-
De: carlos campderrós [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 04:33 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
On 2/3/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
>
> Estabas en lo correcto con relación línea/bloque, pero no entiendo
> porque cambia el ancho de la caja en cada caso (anterior y este)
> http://img160.imageshack.us/img160/8383/fieldset1oj8.gif
>
Puedes mostrar el código de este último ejemplo? La página tiene doctype?
--
Si no puedes deslumbrar con tu inteligencia, desconcierta con tus
gilipolleces ___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tag
Voy a probar colocando #box dentro de una DIV que tenga {margin:0px;
padding:0px;} porque lo curioso es que cada navegador da un ancho diferente,
independientemente de lo que aparezca en IE. El punto seria conseguir el
mismo ancho en todos los navegadores, aunque habria que probar en un
contexto diferente para ver si se mantiene el ancho o se comporta de la
misma manera.
Gracias por tu tiempo.
Un cordial saludo de SantosVZ
-Mensaje original-
De: Javier Trejo [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 07:39 p.m.
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
No hay ningún motivo en tu CSS por el cual no se debería ver bien tu
fieldset, sólo me queda pensar que el problema está
En el renderizado por parte del IE pues en mi caso siempre lo veo como 15px
más chico que en Firefox (pero en si toda la ventana de IE es más chica que
la de Firefox (siempre hablando en términos de ancho) quizás por eso es que
lo vez de medidas diferentes.
Lamento no poder darte una respuesta, sin embargo etre problema lo deberías
tene en todo el layout de tu site. Yo consderaría usar una medida absoluta
(en px). Tambiíen podrías completar el diseño y verlo en ambos navegadores,
a ver como queda. Capaz que se ve proporcional en ambos programas.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 20:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Esta seria la visualización:
http://img240.imageshack.us/img240/289/fieldset2gz7.gif
Utilizando * {margin:0px; padding:0px;} o bien html, body {margin:0px;
padding:0px;} Lo único que se modifica es el magin-top de#box pero el ancho
sigue cambiando diferente en cada navegador.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Documento sin titulo
¿Porque Google nunca falla?
Texto
Un cordial saludo de SantosVZ
-Mensaje original-
De: carlos campderrós [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 04:33 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
On 2/3/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
>
> Estabas en lo correcto con relación línea/bloque, pero no entiendo
> porque cambia el ancho de la caja en cada caso (anterior y este)
> http://img160.imageshack.us/img160/8383/fieldset1oj8.gif
>
Puedes mostrar el código de este último ejemplo? La página tiene doctype?
--
Si no puedes deslumbrar con tu inteligencia, desconcierta con tus
gilipolleces ___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tag
Esta seria la visualización:
http://img240.imageshack.us/img240/289/fieldset2gz7.gif
Utilizando * {margin:0px; padding:0px;} o bien html, body {margin:0px;
padding:0px;}
Lo único que se modifica es el magin-top de#box pero el ancho sigue
cambiando diferente en cada navegador.
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Documento sin titulo
#box {
width: 68%;
margin-left: 16%;
border: dashed #999 1px;
background-image: url(bg.gif);
background-color: #FFCCFF;
}
.field {
margin: 15px 20px 20px 20px;
}
.leyenda {
font-family: Georgia, Times, serif;
font-size: 12pt;
font-weight: bold;
}
p {
font-family: Tahoma, Arial;
font-size: 10pt;
margin: 10px;
}
a:link {
color: #666;
text-decoration: none;
}
a:hover {
text-decoration: none;
color: #66;
}
body {
background-color: #FF;
}
¿Porque Google nunca falla?
Texto
Un cordial saludo de SantosVZ
-Mensaje original-
De: carlos campderrós [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 04:33 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
On 2/3/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
>
> Estabas en lo correcto con relación línea/bloque, pero no entiendo porque
> cambia el ancho de la caja en cada caso (anterior y este)
> http://img160.imageshack.us/img160/8383/fieldset1oj8.gif
>
Puedes mostrar el código de este último ejemplo? La página tiene doctype?
--
Si no puedes deslumbrar con tu inteligencia,
desconcierta con tus gilipolleces
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
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] tag
Estabas en lo correcto con relación línea/bloque, pero no entiendo porque
cambia el ancho de la caja en cada caso (anterior y este)
http://img160.imageshack.us/img160/8383/fieldset1oj8.gif
Un cordial saludo de SantosVZ
-Mensaje original-
De: Javier Trejo [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 02:11 p.m.
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Lo que te está sucediendo con el legend es que estás cambiando un elemento
de línea en un elemento de bloque (con su salto de línea incluído).
Con respecto a los bordes es cuestión de cada S.O lo que puedes hacer es
darle forma con CSS.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 15:01
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Me refiero en concreto a las esquinas redondeadas y a la posición que adopta
legend en IE,FF y O cuando fieldset se encuentra dentro de una caja centrada
con márgenes determinados.
En este caso la leyenda se situa por debajo del borde superior tanto en FF,
como en O.
Ver diferencias en http://img233.imageshack.us/img233/4076/fieldsetrn0.gif
CSS
---
#box {
width: 68%;
margin-left: 16%;
border: dashed #999 1px;
background-image: url(images/bg.gif);
background: #FFCCFF;
}
.field {
margin: 20px 20px 0px 20px ;
}
h3 {
padding-left: 10px;
padding-top: 10px;
color: #66;
}
p {
padding-left: 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
}
HTML
¿Porque Google nunca falla? Texto
contenido legend
Un cordial saludo de SantosVZ
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tag
Gracias Javier Un cordial saludo de SantosVZ -Mensaje original- De: Javier Trejo [mailto:[EMAIL PROTECTED] Enviado el: Sábado, 03 de Febrero de 2007 12:48 p.m. Para: 'Ovillo, la lista de CSS en castellano' Asunto: Re: [Ovillo] tag Un fieldset es un tag que sirve para agrupar inputs... La interpretación visual sería un recuadro que encierra los inputs y con el tag Legend le das a ese recuadro un título (ambos tags deben ubicarse dentro del form). Espero te sea de utilidad, por si necesitas te paso un ejemplo muy general Esto es un Fieldset Saludos, Javier Trejo -- [EMAIL PROTECTED] www.tsinformatica.com.ar TEL.: 4543-4550 CEL.: 15-6485-7734 MSN: [EMAIL PROTECTED] SKYPE: javier.trejo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Santos Corrales Enviado el: Sábado, 03 de Febrero de 2007 13:29 Para: 'Ovillo, la lista de CSS en castellano' Asunto: [Ovillo] tag Alguien sabe cual es la interpretación visual correcta y porque FF y O interpretan tan diferente la etiqueta de lo que lo hace IE, siendo que ésta se ajusta a los estandares W3C HTML 4.0 y que son aplicables a XHTML y si hay alguna forma de que FF y O la interprete mejor visualmente (algún hack, bugs o comentario condicional) Un cordial saludo de SantosVZ ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] tag
Me refiero en concreto a las esquinas redondeadas y a la posición que adopta
legend en IE,FF y O cuando fieldset se encuentra dentro de una caja centrada
con márgenes determinados.
En este caso la leyenda se situa por debajo del borde superior tanto en FF,
como en O.
Ver diferencias en http://img233.imageshack.us/img233/4076/fieldsetrn0.gif
CSS
---
#box {
width: 68%;
margin-left: 16%;
border: dashed #999 1px;
background-image: url(images/bg.gif);
background: #FFCCFF;
}
.field {
margin: 20px 20px 0px 20px ;
}
h3 {
padding-left: 10px;
padding-top: 10px;
color: #66;
}
p {
padding-left: 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
}
HTML
¿Porque Google nunca falla?
Texto contenido legend
Un cordial saludo de SantosVZ
___
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] tag
Alguien sabe cual es la interpretación visual correcta y porque FF y O interpretan tan diferente la etiqueta de lo que lo hace IE, siendo que ésta se ajusta a los estandares W3C HTML 4.0 y que son aplicables a XHTML y si hay alguna forma de que FF y O la interprete mejor visualmente (algún hack, bugs o comentario condicional) Un cordial saludo de SantosVZ ___ 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] PNG en IE6
Voy a probarlo con varias imágenes para ver la efectividad y te comento.
Un cordial saludo de SantosVZ
-Mensaje original-
De: NetVicious [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 07:51 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] PNG en IE6
Hola Santos,
El jueves, 1 feb 2007 a las 22:18, escribiste:
> Gracias a ti y a Juan Jorge Muñoz por vuestras respuestas.
> Creo que en definitiva es mas practico el uso de:
> * { behavior: url(iepngfix.htc) }
Igual soy yo, pero he utilizado los behaviors del IE y si hay muchas
imágenes en pantalla le cuesta como que 5 segundos o más pintar la
página.
--
/\/
/ \ / \ /
/\/ e t \/ i c i o u 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
___
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] PNG en IE6
No he probado lo de tu caso, pero porque no pruebas lo indicado en: http://www.twinhelix.com/css/iepngfix/ Un cordial saludo de SantosVZ -Mensaje original- De: Abel Sutilo [mailto:[EMAIL PROTECTED] Enviado el: Jueves, 01 de Febrero de 2007 05:46 p.m. Para: Ovillo, la lista de CSS en castellano Asunto: Re: [Ovillo] PNG en IE6 Saludos, Juan Jorge Muñoz Herrero escribió: > Ese tema lo hemos tratado mucho en cristalab, seguro que este link te > resuelve cualquier duda: > > http://www.cristalab.com/foros/viewtopic.php?t=21618 > > Leelo entero porque se plantea el problema desde diferentes perspectivas, en > concreto la tuya, y se le da solución a todas. > Saludos. > Con respecto a la solución para el uso de una imagen como background en formato png para IE6 que se detalla en el enlace (condicional para IE + filtro en css + javascript), me parece de lo mejor. Pero claro: sólo si tu background-imagen no precisa repetición.. Se ve que a IE6 no le gusta nada un repeat-x/repeat-y en dicho background por las pruebass que he hecho. Esto limita, por poner un ejemplo clásico, a la hora de crear un contenedor sombreado a ambos lados cuya altura será x (x = a la generada por mi contenido estático o dinámico). Como mo hace falta cobrar este mes (bueno, lo confieso: todos), de momento para estos laterales sombrados ando sustituyendo en la css para IE6 los pngs por gif "atransparentados" . Por mi el momento de la pregunta: ¿Alguien conoce alguna solución "mas mejor" ó mejor: la forma en que IE y su filtro se lleven bien con las repeticiones de mis backgroundcitos, ya sea tirando para x o tirando para y? :) Un saludo y gracias, -- Abel Sutilo * www.abelsutilo.com * [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 ___ 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] PNG en IE6
Gracias a ti y a Juan Jorge Muñoz por vuestras respuestas.
Creo que en definitiva es mas practico el uso de:
* { behavior: url(iepngfix.htc) }
Un cordial saludo de SantosVZ
-Mensaje original-
De: inti castro [mailto:[EMAIL PROTECTED]
Enviado el: Jueves, 01 de Febrero de 2007 12:37 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] PNG en IE6
On 2/1/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
>
> Hay forma de aplicar una .class que afecte a todas las imágenes o debe
> hacerse una por imagen?
>
si lo haces como das el ejemplo vas a necesitar una por imagen ya que la
aplicación del filtro incluye la ruta de la imagen png a mostrar.
para evitar eso, yo te recomiendo esto:
http://www.twinhelix.com/css/iepngfix/
es un archivo .htc que se aplica, de forma automática, a todas las imagenes
.png (includas las aplicadas como backgrounds de css). no requiere clases
especiales.
sólo basta con incluir esto en tu hoja de estilos (adaptando la ruta al
archivo, claro):
* { behavior: url(iepngfix.htc) }
--
inti castro
[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
___
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] PNG en IE6
Al utilizar un comentario condicional en IE6 para aplicar el filtro que permita la transparencia a imágenes con formato.png. Hay forma de aplicar una .class que afecte a todas las imágenes o debe hacerse una por imagen? Por ejemplo. Se debe crear una .class para cada imagen o hay forma de incluir todas las imágenes en la misma .class en este caso .transp Un cordial saludo de SantosVZ ___ 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] margin-top en IE
Creo que le voy a dar con el IPHONE de Apple que sirve para todo segun
dicen.
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 06:51 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE
Entonces, dale duro al padding con otra expresión condicional...
A.V.W.
- Original Message -
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Tuesday, January 30, 2007 4:46 PM
Subject: Re: [Ovillo] margin-top en IE
Al utilizar Expresion Condicional para IE
Corrige el defecto pero
me modifica el padding: 0px de div class='boxcontent'
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 10:34 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE
Usa las "Expresiones Condicionales" para Explorer... :)
Almirante von Web/.
- Original Message -
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margin-top en IE
En Firefox y Opera el margin-top: 50px de .box se visualiza correctamente
pero en IE no.
¿Cómo puedo resolver, que se visualice también a 50px en IE?
.box {
background: #EEE;
width: 68%;
margin-left: 16%;
margin-top: 50px;
}
.boxtop {
background: url(ne.gif) no-repeat top right;
height: 25px;
}
.boxtop div {
height: 25px;
background: url(nw.gif) no-repeat top left;
}
.boxbottom {
background: url(se.gif) no-repeat bottom right;
}
.boxbottom div {
height: 10px;
background: url(sw.gif) no-repeat bottom left;
}
.boxcontent {
padding: 0px 10px 0px 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
background-color: #FF;
}
body {
background-color: #cc;
{
Un cordial saludo de SantosVZ
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
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] margin-top en IE resuelto
.box {
background: #EEE;
width: 68%;
margin-left: 16%;
margin-top: 50px;
}
.boxtop {
background: url(ne.gif) no-repeat top right;
}
.boxtop div {
height: 10px;
background: url(nw.gif) no-repeat top left;
}
.boxbottom {
background: url(se.gif) no-repeat bottom right;
}
.boxbottom div {
height: 10px;
background: url(sw.gif) no-repeat bottom left;
}
.boxcontent {
padding: 0px 10px 0px 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
background-color: #eee;
}
body {
background-color: #cc;
{
HTML
Un cordial saludo de SantosVZ
-Mensaje original-
De: Santos Corrales [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 04:16 p.m.
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] margin-top en IE
Gracias por el enlace, pero he probado y solo me modifica left y right,
pero no top y bottom.
El problema esta en que el texto contenido en la caja me lo situa mas debajo
de 0px
al utilizar expresión condicional para IE.
.boxcontent {
padding: 0px 10px 0px 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
background-color: #eee;
}
Quiza tenga que buscar otro metodo para esquinas redondeadas que no sea con
imagen o al menos no con este metodo.
Un cordial saludo de SantosVZ
-Mensaje original-
De: Nadia Rodríguez [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 03:19 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE
Hola,
Hace poco encontré un método para normalizar los márgenes y paddings en los
diferentes navegadores, algo que se llama "selector universal"
En esa ocación no tuve oportunidad de probarlo pues mi problema de márgenes
se arreglo al agregar bordes a mis cajas. Sin emabargo creo que a ti te
podría servir.
Te dejo la dirección del artículo que encontré para que lo cheques
http://www.estadobeta.net/2006/05/10/normalizando-documentos-con-css/
Como te dije, no lo he probado, asi que si lo usas seria bueno que nos
contaras que tal te fue.
Suerte!
El día 30/01/07, Santos Corrales <[EMAIL PROTECTED]> escribió:
>
> En Firefox y Opera el margin-top: 50px de .box se visualiza correctamente
> pero en IE no.
> ¿Cómo puedo resolver, que se visualice también a 50px en IE?
>
> .box {
> background: #EEE;
> width: 68%;
> margin-left: 16%;
> margin-top: 50px;
> }
> .boxtop {
> background: url(ne.gif) no-repeat top right;
> height: 25px;
>
> }
> .boxtop div {
> height: 25px;
> background: url(nw.gif) no-repeat top left;
> }
> .boxbottom {
> background: url(se.gif) no-repeat bottom right;
> }
> .boxbottom div {
> height: 10px;
> background: url(sw.gif) no-repeat bottom left;
> }
> .boxcontent {
> padding: 0px 10px 0px 10px;
> font-family: Tahoma, Arial;
> font-size: 10pt;
> background-color: #FF;
> }
> body {
> background-color: #cc;
> {
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
> Un cordial saludo de SantosVZ
>
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] margin-top en IE
Gracias por el enlace, pero he probado y solo me modifica left y right,
pero no top y bottom.
El problema esta en que el texto contenido en la caja me lo situa mas debajo
de 0px
al utilizar expresión condicional para IE.
.boxcontent {
padding: 0px 10px 0px 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
background-color: #eee;
}
Quiza tenga que buscar otro metodo para esquinas redondeadas que no sea con
imagen o al menos no con este metodo.
Un cordial saludo de SantosVZ
-Mensaje original-
De: Nadia Rodríguez [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 03:19 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE
Hola,
Hace poco encontré un método para normalizar los márgenes y paddings en los
diferentes navegadores, algo que se llama "selector universal"
En esa ocación no tuve oportunidad de probarlo pues mi problema de márgenes
se arreglo al agregar bordes a mis cajas. Sin emabargo creo que a ti te
podría servir.
Te dejo la dirección del artículo que encontré para que lo cheques
http://www.estadobeta.net/2006/05/10/normalizando-documentos-con-css/
Como te dije, no lo he probado, asi que si lo usas seria bueno que nos
contaras que tal te fue.
Suerte!
El día 30/01/07, Santos Corrales <[EMAIL PROTECTED]> escribió:
>
> En Firefox y Opera el margin-top: 50px de .box se visualiza correctamente
> pero en IE no.
> ¿Cómo puedo resolver, que se visualice también a 50px en IE?
>
> .box {
> background: #EEE;
> width: 68%;
> margin-left: 16%;
> margin-top: 50px;
> }
> .boxtop {
> background: url(ne.gif) no-repeat top right;
> height: 25px;
>
> }
> .boxtop div {
> height: 25px;
> background: url(nw.gif) no-repeat top left;
> }
> .boxbottom {
> background: url(se.gif) no-repeat bottom right;
> }
> .boxbottom div {
> height: 10px;
> background: url(sw.gif) no-repeat bottom left;
> }
> .boxcontent {
> padding: 0px 10px 0px 10px;
> font-family: Tahoma, Arial;
> font-size: 10pt;
> background-color: #FF;
> }
> body {
> background-color: #cc;
> {
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
>
> Un cordial saludo de SantosVZ
>
>
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://lists.ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] margin-top en IE
Al utilizar Expresion Condicional para IE
Corrige el defecto pero
me modifica el padding: 0px de div class='boxcontent'
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 10:34 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE
Usa las "Expresiones Condicionales" para Explorer... :)
Almirante von Web/.
- Original Message -
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margin-top en IE
En Firefox y Opera el margin-top: 50px de .box se visualiza correctamente
pero en IE no.
¿Cómo puedo resolver, que se visualice también a 50px en IE?
.box {
background: #EEE;
width: 68%;
margin-left: 16%;
margin-top: 50px;
}
.boxtop {
background: url(ne.gif) no-repeat top right;
height: 25px;
}
.boxtop div {
height: 25px;
background: url(nw.gif) no-repeat top left;
}
.boxbottom {
background: url(se.gif) no-repeat bottom right;
}
.boxbottom div {
height: 10px;
background: url(sw.gif) no-repeat bottom left;
}
.boxcontent {
padding: 0px 10px 0px 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
background-color: #FF;
}
body {
background-color: #cc;
{
Un cordial saludo de SantosVZ
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] margin-top en IE
Te refieres a plantearlo asi:
No hay otra alternativa?
Un cordial saludo de SantosVZ
-Mensaje original-
De: LISTAS [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 10:34 a.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] margin-top en IE
Usa las "Expresiones Condicionales" para Explorer... :)
Almirante von Web/.
- Original Message -----
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margin-top en IE
En Firefox y Opera el margin-top: 50px de .box se visualiza correctamente
pero en IE no.
¿Cómo puedo resolver, que se visualice también a 50px en IE?
.box {
background: #EEE;
width: 68%;
margin-left: 16%;
margin-top: 50px;
}
.boxtop {
background: url(ne.gif) no-repeat top right;
height: 25px;
}
.boxtop div {
height: 25px;
background: url(nw.gif) no-repeat top left;
}
.boxbottom {
background: url(se.gif) no-repeat bottom right;
}
.boxbottom div {
height: 10px;
background: url(sw.gif) no-repeat bottom left;
}
.boxcontent {
padding: 0px 10px 0px 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
background-color: #FF;
}
body {
background-color: #cc;
{
Un cordial saludo de SantosVZ
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] margin-top en IE
En Firefox y Opera el margin-top: 50px de .box se visualiza correctamente
pero en IE no.
¿Cómo puedo resolver, que se visualice también a 50px en IE?
.box {
background: #EEE;
width: 68%;
margin-left: 16%;
margin-top: 50px;
}
.boxtop {
background: url(ne.gif) no-repeat top right;
height: 25px;
}
.boxtop div {
height: 25px;
background: url(nw.gif) no-repeat top left;
}
.boxbottom {
background: url(se.gif) no-repeat bottom right;
}
.boxbottom div {
height: 10px;
background: url(sw.gif) no-repeat bottom left;
}
.boxcontent {
padding: 0px 10px 0px 10px;
font-family: Tahoma, Arial;
font-size: 10pt;
background-color: #FF;
}
body {
background-color: #cc;
{
Un cordial saludo de SantosVZ
___
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] Firebug
No suelo participar (solo leo y aprendo) dado que mi nivel de conocimientos no es el adecuado todavía, pero creo que puedo aportar algo interesante como es esta extensión para Firefox que acabo de localizar en mi suscripción de SitePoint y que se llama Firebug http://www.getfirebug.com/css.html Es una extensión muy interesante y sobre todo practica para desarrolladores Web. Por defecto esta deshabilitada en el menú herramientas y hay que descargarla desde Firefox, ya que se instala directamente. Un cordial saludo de SantosVZ ___ 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
