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 enlaza
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
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] t
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: [Ov
Es posible utilizar o crear en CSS un efecto de fondo similar al que utiliza
MS sin tener que utilizar imagen?
Ejemplo en IE6:
html {
padding: 0;
margin: 0;
filter:
progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#D0D
AE8,endColorStr=#FFF);
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:
progid:DXImageTransform.Microsoft.AlphaImageLoad
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@lis
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?
.box {
background: #EEE;
width: 68%;
margin-left: 16%;
margin-top: 50px;
}
.boxtop {
backgro
"Expresiones Condicionales" para Explorer... :)
Almirante von Web/.
- Original Message -----
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Tuesday, January 30, 2007 11:19 AM
Subject: [Ovillo] margi
a 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 castella
e 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
;
background-color: #eee;
}
body {
background-color: #cc;
{
HTML
Un cordial saludo de SantosVZ
-Mensaje original-
De: Santos Corrales [mailto:[EMAIL PROTECTED]
Enviado el: Martes, 30 de Enero de 2007 04:16 p.m.
Para: 'Ovillo, la lista de CSS en castellano'
-top en IE
Entonces, dale duro al padding con otra expresión condicional...
A.V.W.
- Original Message -
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Tuesday, January 30, 2007 4:46 PM
Subject: Re: [Ov
Al utilizar un comentario condicional en IE6 para aplicar el filtro que
permita la transparencia a imágenes con formato.png.
Hay forma de aplicar una .class que afecte a todas las imágenes o debe
hacerse una por imagen?
Por ejemplo.
Se debe crear una .class para cada imagen o hay forma de inc
.
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 necesi
No he probado lo de tu caso, pero porque no pruebas lo indicado en:
http://www.twinhelix.com/css/iepngfix/
Un cordial saludo de SantosVZ
-Mensaje original-
De: Abel Sutilo [mailto:[EMAIL PROTECTED]
Enviado el: Jueves, 01 de Febrero de 2007 05:46 p.m.
Para: Ovillo, la lista de CSS en ca
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
Alguien sabe cual es la interpretación visual correcta y porque FF y O
interpretan tan diferente la etiqueta de lo que lo hace IE,
siendo que ésta se ajusta a los estandares W3C HTML 4.0 y que son aplicables
a XHTML y si hay alguna
forma de que FF y O la interprete mejor visualmente (algún hack,
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://img23
vier 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áb
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 15:01
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Me refiero en concreto a las esquinas redondeadas y a la posición que adopta
legend en IE,FF y
brero de 2007 04:33 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
On 2/3/07, Santos Corrales <[EMAIL PROTECTED]> wrote:
>
> Estabas en lo correcto con relación línea/bloque, pero no entiendo porque
> cambia el ancho de la caja en cada caso (anterior y este
vier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Santos Corrales
Enviado el: Sábado, 03 de Febrero de 2007 20:14
Para: 'Ovillo, la lista de CSS en castellano'
Asunto: Re: [Ovillo] tag
Esta seria la visualización:
http://img240.imag
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 n
D]
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 c
sin titulo
¿Porque Google nunca falla?
Texto
Un cordial saludo de SantosVZ
-Mensaje original-
De: carlos campderrós [mailto:[EMAIL PROTECTED]
Enviado el: Sábado, 03 de Febrero de 2007 04:33 p.m.
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] tag
O
L 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 li
(
Almirante von Web/.
-
"Educando al asno por no apalearlo"
©2007 ;-)
- Original Message -
From: "Santos Corrales" <[EMAIL PROTECTED]>
To: "'Ovillo, la lista de CSS en castellano'"
Sent: Sunday, February 04, 2007 3:13 AM
Subject
odo, 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 castel
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;
float:le
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
-Men
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
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:
Al pretender sustituir una tabla por CSS y aplicando un style tengo que
variar el ancho de .box a 298 px para que me coincida con los 300px de
.head.
De que forma puedo hacer coincidir el ancho sin modificar .box?
dl {margin: 0;padding: 0;width: 100%;height: 22px;}
dt {font-size:0.8em;padding: 4px
* {
margin:0;
padding:0;
}
html, body {
height:100%;
}
body {
background-color:#999;
}
#distancia {
width:1px;
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
* {
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
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
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
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
Creo que podrias hacerlo de varias formas:
Capa de fondo.
El archive JS contiene el script de rotación de las imagines.
En la transición puedes utilizar cualquier tipo de filtro de MS
Capa superior:
Esta seria la
capa superior de texto
En esta capa superior también podrías utilizar otro JS o bi
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 e
Adapta este ejemplo:
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
http://www.w3.org/1999/xhtml";>
Centrado de li en ul