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
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;
}
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
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
/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
'
!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
-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
.
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
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
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
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
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
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
: 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
,
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
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
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
: 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
/.
-
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
ú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
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*/
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;
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
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
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.
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
style type=text/css
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background-color:#999;
}
#distancia {
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
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
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
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;
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
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
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
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
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
: 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
-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
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
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
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]
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:
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
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
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:
45 matches
Mail list logo