Re: [Ovillo] propiedad border con imagenes

2007-05-25 Por tema Santos Corrales
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

2007-05-10 Por tema Santos Corrales
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.
style type=text/css media=all
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'
); 
}
/style
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] filtro en CSS?

2007-05-09 Por tema Santos Corrales
Es posible utilizar o crear en CSS un efecto de fondo similar al que utiliza
MS sin tener que utilizar imagen?

Ejemplo en IE6:

style type=text/css

 

html {

padding: 0;

margin: 0;

filter:
progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D0D
AE8,endColorStr=#FFF);



}

/style

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?

2007-05-09 Por tema Santos Corrales
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


Re: [Ovillo] Diferentes medidas en firefox y explorer para elementosfloat

2007-05-04 Por tema Santos Corrales
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

2007-05-03 Por tema Santos Corrales
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


[Ovillo] PNG con trasparencia en IE

2007-04-27 Por tema Santos Corrales
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] PNG con trasparencia en IE

2007-04-27 Por tema Santos Corrales
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í?

!--[if lt IE 7.]
link  href=styles/iefix.css rel=stylesheet type=text/css
script defer type=text/javascript
src=scripts/pngfix.js/script
![endif]--

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


Re: [Ovillo] tabla accesible

2007-03-30 Por tema Santos Corrales
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

2007-03-30 Por tema Santos Corrales
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

2007-03-29 Por tema Santos Corrales
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:

table sumary=coste de las habitaciones segun temporada y tipo
captionTarifas de nuestro establecimiento/caption
tr
th scope=columnTipo  Habitacion/th
th scope=column Temporada Alta/th
th scope=column Temporada Media/th
th scope=column Temporada Baja/th
/tr
tr
td scope=rowHabitacion individual/td
td 30 euro;/td
td 25 euro;/td
td 20 euro;/td
/tr

tr
td scope=rowHabitacion doble/td
td50 euro;/td
td45 euro;/td
td40 euro;/td
/tr

/table


con este doctype:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
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] Problema con diseño para diferentes r esoluciones

2007-03-22 Por tema Santos Corrales
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.

2007-03-16 Por tema Santos Corrales
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 a 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:

div id=navigation
ul
lia href=index.phpHome/a/li
lia href=index.php?accion=agregarNews/a/li
lia href=index.php?accion=reportesGallery/a/li
lia href=index.php?accion=busquedaMailing
List/a/li
lia href=index.php?accion=busquedaAdd Admin/a/li
lia href=index.php?action=logoutLogout/a/li
/ul
/div

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:
 !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
 html xmlns=http://www.w3.org/1999/xhtml;
 head
 titleCentrado de li en ul/title
 meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
 style type=text/css
 !--
 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;
 }
 // --
 /style
 /head

 body
 div id=navigation
 ul
 lia href=#spanEnlace#1/span/a/li
 lia href=#spanEnlace#2/span/a/li
 lia href=#spanEnlace#3/span/a/li
 lia href=#spanEnlace#4/span/a/li
 lia href=#spanEnlace#5/span/a/li
 li class=lasta
href=#spanEnlace#6/span/a/li
 /ul
 /div

 /body
 /html
 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:

 ul
   litexto/li
   liotro texto/li
 ul

 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

Re: [Ovillo] Centrar li's dentro de ul.

2007-03-15 Por tema Santos Corrales
Adapta este ejemplo:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleCentrado de li en ul/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
style type=text/css
!--
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;
}
// --
/style
/head

body
div id=navigation
ul
lia href=#spanEnlace#1/span/a/li
lia href=#spanEnlace#2/span/a/li
lia href=#spanEnlace#3/span/a/li
lia href=#spanEnlace#4/span/a/li
lia href=#spanEnlace#5/span/a/li
li class=lasta href=#spanEnlace#6/span/a/li
/ul
/div

/body
/html
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:

ul
  litexto/li
  liotro texto/li
ul

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

2007-03-13 Por tema Santos Corrales
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

2007-03-10 Por tema Santos Corrales
Creo  que podrias hacerlo de varias formas:
Capa de fondo.
div style=position: absolute; width: 800px; height: 600px; z-index: 1;
left: 100px; top: 15px id=capa1
div id=transimg id=cimg style=FILTER:
progid:DXImageTransform.Microsoft.Fade(Overlap=1.00,duration=3);WIDTH:
800px;HEIGHT: 600px; src=images/imag1.jpg name=slideimg width=800
height=600 alt= border=0/divscript language=javascript
src=js/fade.js/script/div
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:
div style=position: absolute; width: 500px; height: 200px; z-index: 5000;
left: 257px; top: 65px; font: bold 36px Georgia; id=capa2Esta seria la
capa superior de texto /div
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

2007-02-25 Por tema Santos Corrales
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í:


div align=center

blablbabla

image with position absolute
/div

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

2007-02-23 Por tema Santos Corrales
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] Problema con menús y div en IE

2007-02-22 Por tema Santos Corrales
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] imagen flotante entre dos columnas

2007-02-22 Por tema Santos Corrales
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] Cosas Basicas: Centrado Vertical - contenido fluido enla vertical

2007-02-15 Por tema Santos Corrales
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

style type=text/css
* {
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; 
}
/style
/head
body
div id=distancia/div
div id=container/div  
/body
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] Sustituir tabla por CSS

2007-02-14 Por tema Santos Corrales
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?
style type=text/css
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;}
/style
body
div class=head
dl
dt Titulo o encabezado/dt
dd10/02/07/dd
/dl
/div
div class=box
h3Contenido texto, texto,trexto, texto, texto, texto,texto, texto,
texto..br/ 
Contenido, texto, texto, texto./h3
pstrongNombre:/strong bla, bla, bla, bla, bla, bla.../p
/div
/body
 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] Cosas Basicas: Centrado Vertical

2007-02-14 Por tema Santos Corrales
style type=text/css
* {
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; 
}
/style
/head
body
div id=distancia/div
div id=container/div  
/body
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

2007-02-07 Por tema Santos Corrales
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] css pop up

2007-02-07 Por tema Santos Corrales
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

2007-02-06 Por tema Santos Corrales
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:

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
http://www.w3.org/TR/html4/loose.dtd;

HTML lang=es
HEAD
TITLEx/TITLE
STYLE
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);
}
/STYLE
/HEAD

BODY
span id=enlaces_zonas
span id=unoa id=link1 href=enlace_1.htmdiv
class=imagen/div1/a/span
/span
/BODY
/HTML

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] Cosa rara con menú en IE6

2007-02-06 Por tema Santos Corrales
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:

!--[if IE]p style=color: #ff; padding: 0px; margin:
0px;./p![endif]--

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

2007-02-06 Por tema Santos Corrales
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:

!--[if IE]p style=color: #ff; padding: 0px; margin:
0px;./p![endif]--

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] tag fieldset

2007-02-05 Por tema Santos Corrales
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 fieldset

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' ovillo@lists.ovillo.org
Sent: Sunday, February 04, 2007 11:59 AM
Subject: Re: [Ovillo] tag fieldset


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}
htmlbody {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 fieldset

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' ovillo@lists.ovillo.org
Sent: Sunday, February 04, 2007 12:33 AM
Subject: Re: [Ovillo] tag fieldset


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 fieldset

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' ovillo@lists.ovillo.org
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag fieldset


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 fieldset

Esta seria la visualización:
http://img240.imageshack.us/img240/289/fieldset2gz7.gif
Utilizando * {margin:0px; padding:0px;} o bien html, body {margin:0px

Re: [Ovillo] tag fieldset

2007-02-04 Por tema Santos Corrales
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}
htmlbody {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 fieldset

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' ovillo@lists.ovillo.org
Sent: Sunday, February 04, 2007 12:33 AM
Subject: Re: [Ovillo] tag fieldset


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 fieldset

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' ovillo@lists.ovillo.org
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag fieldset


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 fieldset

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.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleDocumento sin titulo/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
/style
/head
body
div id=box 
fieldset class=field
legend class=leyenda 
a href=# ¿Porque Google nunca falla? /a /legend

pTexto /p
/fieldset
/div
/body
/html

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 fieldset

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

Re: [Ovillo] tag fieldset

2007-02-04 Por tema Santos Corrales
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 fieldset

¡¡¡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' ovillo@lists.ovillo.org
Sent: Sunday, February 04, 2007 3:13 AM
Subject: Re: [Ovillo] tag fieldset


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 fieldset

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' ovillo@lists.ovillo.org
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag fieldset


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 fieldset

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.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleDocumento sin titulo/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
/style
/head
body
div id=box 
fieldset class=field
legend class=leyenda 
a href=# ¿Porque Google nunca falla? /a /legend

pTexto /p
/fieldset
/div
/body
/html

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 fieldset

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

Re: [Ovillo] PNG en IE6

2007-02-03 Por tema Santos Corrales
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


[Ovillo] tag fieldset

2007-02-03 Por tema Santos Corrales
Alguien sabe cual es la interpretación visual correcta y porque FF y O
interpretan tan diferente la etiqueta fieldset 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] tag fieldset

2007-02-03 Por tema Santos Corrales
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

div id=box 
fieldset class=field
legend 
h3a href=# ¿Porque Google nunca falla? /a/h3/legend
pTexto contenido legend/p
/fieldset
/div


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] tag fieldset

2007-02-03 Por tema Santos Corrales
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 fieldset

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

form
input
input
fieldset
legend Esto es un Fieldset/fieldset
input
textarea/textarea
/fieldset
input
input
/form


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 fieldset

Alguien sabe cual es la interpretación visual correcta y porque FF y O
interpretan tan diferente la etiqueta fieldset 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 fieldset

2007-02-03 Por tema Santos Corrales
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 fieldset

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 fieldset

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

div id=box 
fieldset class=field
legend 
h3a href=# ¿Porque Google nunca falla? /a/h3/legend pTexto
contenido legend/p /fieldset /div


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 fieldset

2007-02-03 Por tema Santos Corrales
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.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleDocumento sin titulo/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
style type=text/css
#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;
}
/style
/head
body
div id=box 
fieldset class=field
legend class=leyenda 
a href=# ¿Porque Google nunca falla? /a
/legend

pTexto /p
/fieldset
/div
/body
/html 

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 fieldset

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 fieldset

2007-02-03 Por tema Santos Corrales
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 fieldset

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 fieldset

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.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleDocumento sin titulo/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / 
/style
/head
body
div id=box 
fieldset class=field
legend class=leyenda 
a href=# ¿Porque Google nunca falla? /a /legend

pTexto /p
/fieldset
/div
/body
/html 

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 fieldset

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 fieldset

2007-02-03 Por tema Santos Corrales
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 fieldset

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' ovillo@lists.ovillo.org
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag fieldset


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 fieldset

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.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleDocumento sin titulo/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
/style
/head
body
div id=box 
fieldset class=field
legend class=leyenda 
a href=# ¿Porque Google nunca falla? /a /legend

pTexto /p
/fieldset
/div
/body
/html

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 fieldset

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

Re: [Ovillo] tag fieldset

2007-02-03 Por tema Santos Corrales
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 fieldset

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' ovillo@lists.ovillo.org
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag fieldset


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 fieldset

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.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleDocumento sin titulo/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
/style
/head
body
div id=box 
fieldset class=field
legend class=leyenda 
a href=# ¿Porque Google nunca falla? /a /legend

pTexto /p
/fieldset
/div
/body
/html

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 fieldset

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

Re: [Ovillo] tag fieldset

2007-02-03 Por tema Santos Corrales
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 fieldset

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' ovillo@lists.ovillo.org
Sent: Saturday, February 03, 2007 8:39 PM
Subject: Re: [Ovillo] tag fieldset


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 fieldset

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.

!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html xmlns=http://www.w3.org/1999/xhtml;
head
titleDocumento sin titulo/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 /
/style
/head
body
div id=box 
fieldset class=field
legend class=leyenda 
a href=# ¿Porque Google nunca falla? /a /legend

pTexto /p
/fieldset
/div
/body
/html

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 fieldset

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


[Ovillo] PNG en IE6

2007-02-01 Por tema Santos Corrales
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.

!--[if lte IE 6]

style type=text/css

.transp {

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true',src
='image.png ');padding-top:150px

}

 

/style

![endif]--

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] PNG en IE6

2007-02-01 Por tema Santos Corrales
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] margin-top en IE

2007-01-30 Por tema Santos Corrales
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?
style type=text/css 
.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;
{

/style
/head

body

div class='box'
 div class='boxtop'

div/div/div

  div class='boxcontent'

   !---boxcontent--

  /div
 div class='boxbottom'div/div/div
/div

/body
/html

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

2007-01-30 Por tema Santos Corrales
Te refieres a plantearlo asi:
!--[if IE]
link rel=stylesheet type=text/css href=ie.css /
![endif]--
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' ovillo@lists.ovillo.org
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?
style type=text/css
.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;
{

/style
/head

body

div class='box'
 div class='boxtop'

div/div/div

  div class='boxcontent'

   !---boxcontent--

  /div
 div class='boxbottom'div/div/div
/div

/body
/html

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

2007-01-30 Por tema Santos Corrales
Al utilizar Expresion Condicional para IE 
!--[if IE]
style
.box {
margin-top: 34px;   
}
/style
![endif]--
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' ovillo@lists.ovillo.org
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?
style type=text/css
.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;
{

/style
/head

body

div class='box'
 div class='boxtop'

div/div/div

  div class='boxcontent'

   !---boxcontent--

  /div
 div class='boxbottom'div/div/div
/div

/body
/html

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

2007-01-30 Por tema Santos Corrales
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.
!--[if IE]style.box {margin-top: 34px;}/style![endif]--

.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?
 style type=text/css
 .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;
 {

 /style
 /head

 body

 div class='box'
 div class='boxtop'

 div/div/div

   div class='boxcontent'

!---boxcontent--

   /div
 div class='boxbottom'div/div/div
 /div

 /body
 /html

 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 resuelto

2007-01-30 Por tema Santos Corrales
style type=text/css
.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;
{
/style

!--[if IE]
style
.box {
margin-top: 34px;   
}
.boxcontent {
margin-top: -10px ; 
}
/style
![endif]--

HTML
div class='box'
div class='boxtop'
div/div
/div
div class='boxcontent'
!contenido caja---
 /div
 div class='boxbottom'div/div/div
/div

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.
!--[if IE]style.box {margin-top: 34px;}/style![endif]--

.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?
 style type=text/css
 .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;
 {

 /style
 /head

 body

 div class='box'
 div class='boxtop'

 div/div/div

   div class='boxcontent'

!---boxcontent--

   /div
 div class='boxbottom'div/div/div
 /div

 /body
 /html

 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

2007-01-30 Por tema Santos Corrales
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' ovillo@lists.ovillo.org
Sent: Tuesday, January 30, 2007 4:46 PM
Subject: Re: [Ovillo] margin-top en IE


Al utilizar Expresion Condicional para IE
!--[if IE]
style
.box {
margin-top: 34px;
}
/style
![endif]--
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' ovillo@lists.ovillo.org
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?
style type=text/css
.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;
{

/style
/head

body

div class='box'
 div class='boxtop'

div/div/div

  div class='boxcontent'

   !---boxcontent--

  /div
 div class='boxbottom'div/div/div
/div

/body
/html

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


[Ovillo] Firebug

2006-12-15 Por tema Santos Corrales
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