[Ovillo] 3 Columnas

2005-07-27 Por tema DJ-Dom 
Una forma no muy peculiar de realizar tres columnas. 
 http://www.asinox.net/?p=23

-- 
www.dj-dom.net 
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] flash 99% good??

2005-07-27 Por tema DJ-Dom 
Cuando hablamos de una sola web no.
 El día 28/07/05, David Arango <[EMAIL PROTECTED]> escribió: 
> 
> El 27/07/05, DJ-Dom<[EMAIL PROTECTED]> escribió:
> > Aunque algo te digo, todo depende, existen sitios que no quedarían tan 
> mal
> > hechos totalmente en flash, tan sencillos que hasta se puede 
> redireccionar
> > las DNS del dominio al archivo .SWF.
> 
> Mmm, no creo que sea un criterio demasiado bueno ese de "quedar no
> demasiado mal", lo digo porque entonces todo el esfuerzo que se está
> haciendo en estandarización en la Web es absurdo.
> 
> --
> David Arango ([EMAIL PROTECTED])
> Bitácora: http://mildiez.net
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 



-- 
www.dj-dom.net 
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] flash 99% good??

2005-07-27 Por tema David Arango 
El 27/07/05, DJ-Dom<[EMAIL PROTECTED]> escribió:
>   Aunque algo te digo, todo depende, existen sitios que no quedarían tan mal
> hechos totalmente en flash, tan sencillos que hasta se puede redireccionar
> las DNS del dominio al archivo .SWF.

Mmm, no creo que sea un criterio demasiado bueno ese de "quedar no
demasiado mal", lo digo porque entonces todo el esfuerzo que se está
haciendo en estandarización en la Web es absurdo.

-- 
David Arango ([EMAIL PROTECTED])
Bitácora: http://mildiez.net
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] reemplazo de textos : manual

2005-07-27 Por tema oscar 
Gracias Kemie, por la ayuda prestada!!

Como dirían por donde vivo, eres un Sol!!! jeej :)

Mirando mi bloglines ví el post de SIFr en Diseñorama y me quedé "helado", luego
revisé Ovillo y zasss ahí estaba tu mail.

Saludos y si tengo algún problema Kemie te lo comento, de antemano gracias y
enhorabuena por la web de monolinea y diseñorama.

Oscar

Missatge citat per kemie guaida <[EMAIL PROTECTED]>:

> Jeje, me inspiraste:
>
> http://www.disenorama.com/tutoriales//manual_sifr_paso_a_paso.htm
>
>
> espero te sea util!
>
> kemie
>





This message was sent using IMP, the Internet Messaging Program.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] flash 99% good??

2005-07-27 Por tema DJ-Dom 
¨Guerra avisada no mata soldado¨, si ya se le ha advertido e insiste en que 
le hagan su sitio en FLASH pues ni modo.
  Aunque algo te digo, todo depende, existen sitios que no quedarían tan mal 
hechos totalmente en flash, tan sencillos que hasta se puede redireccionar 
las DNS del dominio al archivo .SWF.

 El día 26/07/05, Jairo Enrique Serrano Castañeda <[EMAIL PROTECTED]> 
escribió: 
> 
> amigo DjDoom hay que dar la batalla ;D
> 
> no dejes que le haga ese mal a su jefe...
> 
> El 23/07/05, DJ-Dom<[EMAIL PROTECTED]> escribió:
> > Hazle el sitio en flash, mi amigo, eso es lo que pide
> >
> > El día 23/07/05, David Arango <[EMAIL PROTECTED]> escribió:
> > >
> > > El 22/07/05, Alexandro Huerta<[EMAIL PROTECTED]> escribió:
> > > > ¿alguien tiene algún artículo o estudio que sea útil
> > > > para ayudar a despejar la cabeza de mi jefe?
> > >
> > > Pues también en Alzado:
> > >
> > > http://www.alzado.org/articulo.php?id_art=399
> > >
> > > --
> > > David Arango ([EMAIL PROTECTED])
> > > Bitácora: http://mildiez.net
> > > ___
> > > Lista de distribución Ovillo
> > > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > > http://ovillo.org/mailman/listinfo/ovillo
> > >
> >
> >
> >
> > --
> > www.dj-dom.net  
> > [EMAIL PROTECTED]
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> >
> 
> 
> --
> Jairo Enrique Serrano Castañeda
> Ingeniero de Sistemas UTB
> http://www.jairoserrano.info
> http://www.drupal.org.es
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 



-- 
www.dj-dom.net 
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes red ondeados tridimensionales en un menú

2005-07-27 Por tema DJ-Dom 
¿podrias poner mensajes más concretos? ¿y cortos?

El día 27/07/05, Abel Domínguez <[EMAIL PROTECTED]> escribió: 
> 
> Hola Mario,
> 
> Aunque tu propuesta de uso de tablas para
> el menu de Fran podría ser loable, creo que
> aclarando el código con el que cuenta podríamos
> prescindir de una tabla.
> 
> Por otro lado y de cara a la pregunta de Fran:
> 
> >
> > 
> > 
> > [etc.]
> > 
> 
> 1. No uses de manera abusiva los divs. Pretendes crear
> tu menú simulando el comportamiento de las celdas de
> una tabla. Mejor márcalo correctamente:
> 
> 
> 
> Opcion 1
> Opcion 2
> Opcion 3
> 
> 
> 
> 2. Revisa los enlaces que te han pasado los compañeros.
> Y por otro lado ten presente las propiedades que se pueden
> asignar a un background dentro de un div para posicionarlo:
> P.e. esquina inferior derecha:
> #esquina1{
> background: url(img/esqinfder.gif) no-repeat bottom right;
> }
> 
> Con esto como base y lo que te vas a encontrar en las explicaciones
> de los enlaces puedes solucionarlo. El resto corre de tu parte
> "photoshopeando" y escribiendo tu CSS + Xhtml.
> 
> Saludos y suerte,
> Abel Domínguez
> 
> 
> 
> - Original Message -
> From: "Mario Valladares" <[EMAIL PROTECTED]>
> To: "Ovillo, la lista de CSS en castellano" 
> Sent: Wednesday, July 27, 2005 2:12 PM
> Subject: Re: [Ovillo] Problema con bordes redondeados tridimensionales en 
> un
> menú
> 
> 
> Veamos a ver.
> 
> 
> No tengo muy claro si se puede hacer lo que te voy a comentar, pero
> "pa" eso uno es torpe. Por qué no metes (como mucho) 3 divs?? uno para
> el boton, con la cara de la Schiffer, otro con el efecto 3D poderoso
> de la muerte, y uno final para el texto, con tamaños fijados
> dinamicamente y con la misma variable, para que se deformen al
> unísono.
> 
> Si en vez de la cara de la Schiffer le metes algún dibujito abstracto
> que no se joda al redimensionar, creo que lo tienes hecho.
> 
> Deberías de olvidar el concepto de "todo lo que tengo me lo pongo"
> (por dios, no me pongas botones con musiquita o soniditos metálicos) y
> relajar el estilo.
> 
> Olvida la maquetación con tablas. NO LAS TABLAS, si no la MAQUETACIÓN
> CON TABLAS. En vez de usar  estas usando . No creo que la
> sensación de diferencia entre ambas sea explicable en la lista de
> correo, pero... busca una diferencia. Hay un momento en que sientes
> que algo ha cambiado, que la página no se distribuye en celdas, no sé
> como explicarlo.
> 
> 
> 
> 
> El 27/07/05, Daniel Torres Burriel<[EMAIL PROTECTED]> escribió:
> > El 27/07/2005, a las 13:44, Stralunato escribió:
> >
> > > Para el asunto de las cajas redimensionables con bordes redondeados
> > > aquí tienes un artículo:
> > > http://simplelogica.net/caoticoneutral/index.php?p=15
> >
> > Y el genial documento de Arnau Siches:
> >
> > Técnica de Esquinas Personalizadas
> > http://css.artnau.com/tecnica-de-esquinas-personalizadas/
> >
> > Tècnica de Cantonades Personalitzades (la versión original)
> > http://css.artnau.com/tecnica-de-cantonades-personalitzades/
> >
> > Saludos!
> > --
> > /* Daniel Torres Burriel - 
> > www.torresburriel.com
> > /* Web design - Usability consulting - IT Press
> > /* More info & bio: 
> > www.torresburriel.com/perfil/
> > /* GPG key: 0x43DB2AB7
> > ___
> > Lista de distribución Ovillo
> > Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> > Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> > http://ovillo.org/mailman/listinfo/ovillo
> >
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo
> 
> 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
> 



-- 
www.dj-dom.net 
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] pop window

2005-07-27 Por tema DJ-Dom 
Asi es.

El día 27/07/05, Inti Castro <[EMAIL PROTECTED]> escribió: 
> 
> la mejor opcion es, segun tengo entendido, hacer un vinculo comun y
> corriente (con href="url") y darle el comportamiento de abrir en ventana
> nueva mediante javascript. es la solucion mas accesible para abrir un 
> popup:
> en caso de que javascript no este soportado o se encuentre
> desactivado/bloqueado el link funcionara de todas formas como cualquier 
> otro
> link.
> 
> un ejemplo:
> http://www.url.com/"; onclick="window.open(this.href); return
> false;">texto link
> 
> mas detalles:
> http://www.alistapart.com/articles/popuplinks/
> 
> 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://ovillo.org/mailman/listinfo/ovillo
> 



-- 
www.dj-dom.net 
[EMAIL PROTECTED]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] pop window

2005-07-27 Por tema Inti Castro 
la mejor opcion es, segun tengo entendido, hacer un vinculo comun y 
corriente (con href="url") y darle el comportamiento de abrir en ventana 
nueva mediante javascript. es la solucion mas accesible para abrir un popup: 
en caso de que javascript no este soportado o se encuentre 
desactivado/bloqueado el link funcionara de todas formas como cualquier otro 
link.

un ejemplo:
http://www.url.com/"; onclick="window.open(this.href); return 
false;">texto link

mas detalles:
http://www.alistapart.com/articles/popuplinks/

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://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] pop window

2005-07-27 Por tema Juanjo 
Hola, que tal!

>... , ¿en qué te basas para decir que es más conveniente usar
>target="_blank" que window.open para abrir una ventana en modo popup?
>Yo pienso que la segunda opción es mejor debido a que [1]:
>1- El target se creó para los frames, y no para abrir nuevas ventanas.
>2- Podemos usar javascript para solicitar al usuario si desea que las
>páginas se abran en nuevas ventanas, así hacemos la aplicación más
>accesible.

No soy un experto en el tema, pero por lo que he podido ir leyendo y
pescando de un sitio y otro, creo que la mejor opción no es usar javascript
si lo que buscas es accesibilidad, al menos que pongas una alternativa en
caso de que el navegador no interprete javascript o lo tenga deshabilitado.

Un saludo.
Juanjo.

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] pop window

2005-07-27 Por tema Jordi Contestí 
> Si aún sigues queriendo usar ventanas emergentes
> molestas, piensa en html target="_blank" [1] más que
> en javascript window.open [2] ya que es más accesible
> la primera opción e informa de algún modo al usuario
> de que el enlace va a abrir una nueva ventana (un
> iconito o algo). De todas formas, YO NO TE LAS
> RECOMIENDO.

Primero de todo, un saludo a la lista. Me parece genial y las
discusiones son muy interesantes.

Segundo, ¿en qué te basas para decir que es más conveniente usar
target="_blank" que window.open para abrir una ventana en modo popup?
Yo pienso que la segunda opción es mejor debido a que [1]:
1- El target se creó para los frames, y no para abrir nuevas ventanas.
2- Podemos usar javascript para solicitar al usuario si desea que las
páginas se abran en nuevas ventanas, así hacemos la aplicación más
accesible.

Tampoco estoy muy seguro, pero me gustaría salir de dudas... saludos!!

[1] http://www.tierradenomadas.com/tw004.phtml
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problema maquetacion en IE-MAC

2005-07-27 Por tema mmundo 
Ojo al generalizar con Internet Explorer!!

Únicamente la versión 5 de Mac se considera estándar. Así que
cualquier versión anterior a ésta, el resultado es "impredecible" (en
relación a lo que la especificación HTML/CSS define) e históricamente,
MSIE ha tenido problemas con el atributo float.

No sé la versión MSIE/Mac que utilizas ni si el problema tiene
relación con el Quirk mode de los navegadores, pero creo que sería
recomendable que canviaras la declaración DOCTYPE:

* Según la página web del libro Eric Meyer on CSS [1], la DTD HTML 4.0
+ URI activa el "standard mode" de MSIE 5.0 / Mac

* Según el W3C [2], la declaración de la DTD usada en la página del
link que envías no aparece como recomendada (declaras HTML 4.0 con la
URI que le correponde a HTML 4.01 transitional).

[1] http://www.ericmeyeroncss.com/bonus/render-mode.html
[2] http://www.w3.org/QA/2002/04/valid-dtd-list.html#DTD



Saludos,
Martí Mundó.
--



El 27/07/05, Eva del Campo<[EMAIL PROTECTED]> escribió:
> Hola roger
> 
> He probado el código que envías, y funciona perfectamente en explorer para
> mac, así que supongo que el problema debe estar en los div contenedores
> (contenidoTextoCentro o noticias) que utilizas. Si quieres envía el css
> completo y lo chequeo
> 
> Suerte
> 
> Eva
> 
> >
> > Tengo un problema fácil de resolver en CSS, pero no logro darle solución
> > en IE para Mac.
> >
> > Se trata de la tipica, noticia con foto a la izquierda y el texto a la
> > derecha.
> >
> >
> > Pero no funciona en IE MAC.  Sale un horror como esto:
> > www.spiral-multimedia.com/noticias.asp
> >
> > He probado a usar dos capas absolutas, pero como no se de antemano ni el
> > tamaño de la foto, ni
> > del texto, no puedo poner un height a la caja.
> >
> > ¿alguna idea, antes de maquetarlo con una simple tabla de 1x2?
> >
> > roger
> >
> 
> 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problema maquetacion en IE-MAC

2005-07-27 Por tema Eva del Campo 
Creo que ya he dado con ello. Parece que te has dejado algún tag sin cerrar
o algo así, ya que si le dices al dreamweaver que le de formato al código,
se visualiza correctamente sin modificar las css. Lo raro es sólo moleste a
ie mac

Suerte con la caza 8)

Eva

Pd.- Después de escribir esto, me he quedado tan mosqueada que he hecho
otras comprobaciones y, finalmente, creo que he descubierto el problema. La
solución es de lo más surrealista que he visto en mi vida: prueba a borrar
los comentarios   de las capas 'rompedor' y.¡¡tachaaan!!
No somos nada 


> Hola roger
> 
> He probado el código que envías, y funciona perfectamente en explorer para
> mac, así que supongo que el problema debe estar en los div contenedores
> (contenidoTextoCentro o noticias) que utilizas. Si quieres envía el css
> completo y lo chequeo
> 
> Suerte
> 
> Eva
> 
>> 
>> Tengo un problema fácil de resolver en CSS, pero no logro darle solución
>> en IE para Mac.
>> 
>> Se trata de la tipica, noticia con foto a la izquierda y el texto a la
>> derecha.
>> 
>> 
>> Pero no funciona en IE MAC.  Sale un horror como esto:
>> www.spiral-multimedia.com/noticias.asp
>> 
>> He probado a usar dos capas absolutas, pero como no se de antemano ni el
>> tamaño de la foto, ni
>> del texto, no puedo poner un height a la caja.
>> 
>> ¿alguna idea, antes de maquetarlo con una simple tabla de 1x2?
>> 
>> roger
>> 
> 
> 
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección:
> http://ovillo.org/mailman/listinfo/ovillo


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] reemplazo de textos : manual

2005-07-27 Por tema kemie guaida 

Jeje, me inspiraste:

http://www.disenorama.com/tutoriales//manual_sifr_paso_a_paso.htm


espero te sea util!

kemie
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes redondeados tridimens ionales en un menú

2005-07-27 Por tema Abel Domínguez 

Hola Mario,

Aunque tu propuesta de uso de tablas para
el menu de Fran podría ser loable, creo que
aclarando el código con el que cuenta podríamos
prescindir de una tabla.

Por otro lado y de cara a la pregunta de Fran:



  
  
  [etc.]
 


1. No uses de manera abusiva los divs. Pretendes crear
tu menú simulando el comportamiento de las celdas de
una tabla. Mejor márcalo correctamente:


   
   Opcion 1
   Opcion 2
   Opcion 3
   


2. Revisa los enlaces que te han pasado los compañeros.
Y por otro lado ten presente las propiedades que se pueden
asignar a un background dentro de un div para posicionarlo:
P.e. esquina inferior derecha:
#esquina1{
background: url(img/esqinfder.gif) no-repeat bottom right;
}

Con esto como base y lo que te vas a encontrar en las explicaciones
de los enlaces puedes solucionarlo. El resto corre de tu parte
"photoshopeando" y escribiendo tu CSS + Xhtml.

Saludos y suerte,
Abel Domínguez



- Original Message - 
From: "Mario Valladares" <[EMAIL PROTECTED]>

To: "Ovillo, la lista de CSS en castellano" 
Sent: Wednesday, July 27, 2005 2:12 PM
Subject: Re: [Ovillo] Problema con bordes redondeados tridimensionales en un 
menú



Veamos a ver.


No tengo muy claro si se puede hacer lo que te voy a comentar, pero
"pa" eso uno es torpe. Por qué no metes (como mucho) 3 divs?? uno para
el boton, con la cara de la Schiffer, otro con el efecto 3D poderoso
de la muerte, y uno final para el texto, con tamaños fijados
dinamicamente y con la misma variable, para que se deformen al
unísono.

Si en vez de la cara de la Schiffer le metes algún dibujito abstracto
que no se joda al redimensionar, creo que lo tienes hecho.

Deberías de olvidar el concepto de "todo lo que tengo me lo pongo"
(por dios, no me pongas botones con musiquita o soniditos metálicos) y
relajar el estilo.

Olvida la maquetación con tablas. NO LAS TABLAS, si no la MAQUETACIÓN
CON TABLAS. En vez de usar  estas usando . No creo que la
sensación de diferencia entre ambas sea explicable en la lista de
correo, pero... busca una diferencia. Hay un momento en que sientes
que algo ha cambiado, que la página no se distribuye en celdas, no sé
como explicarlo.




El 27/07/05, Daniel Torres Burriel<[EMAIL PROTECTED]> escribió:

El 27/07/2005, a las 13:44, Stralunato escribió:

> Para el asunto de las cajas redimensionables con bordes redondeados
> aquí tienes un artículo:
> http://simplelogica.net/caoticoneutral/index.php?p=15

Y el genial documento de Arnau Siches:

Técnica de Esquinas Personalizadas
http://css.artnau.com/tecnica-de-esquinas-personalizadas/

Tècnica de Cantonades Personalitzades (la versión original)
http://css.artnau.com/tecnica-de-cantonades-personalitzades/

Saludos!
--
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info & bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo



___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo



___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes red ondeados tridimensionales en un menú

2005-07-27 Por tema ale rojas 
Bueno, hace un tiempo atras yo tambein hice algo similar, en esos tiempos 
mis manias eran las tablas, pero era algo super simple; hacia el template en 
PS y lo cortaba en solo 3 partes, que son solo las indispensables para ke 
esta paresca un box 2D, cortaba la parte superior , se podria decir los 
bordes, pero lo ke debes cotar es toda la parte superior, para ke te sea mas 
facil, lo mismo debes hacer con la parte inferior, y tambien una delgada 
linea en el medio del box, todo esto lo maquetas con css como imagenes de 
BG, no sabria explicarte con exactitud como maquetar todo, ya ke hace poco 
ke estoy conociendo CSS.

PD: No creo ke sea necesario cortar solo las esquinas ya ke dificilmente los 
box se incrementan hacia los lados (se veria mal)...
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] problema maquetacion en IE-MAC

2005-07-27 Por tema Eva del Campo 
Hola roger

He probado el código que envías, y funciona perfectamente en explorer para
mac, así que supongo que el problema debe estar en los div contenedores
(contenidoTextoCentro o noticias) que utilizas. Si quieres envía el css
completo y lo chequeo

Suerte

Eva

> 
> Tengo un problema fácil de resolver en CSS, pero no logro darle solución
> en IE para Mac.
> 
> Se trata de la tipica, noticia con foto a la izquierda y el texto a la
> derecha.
> 
> 
> Pero no funciona en IE MAC.  Sale un horror como esto:
> www.spiral-multimedia.com/noticias.asp
> 
> He probado a usar dos capas absolutas, pero como no se de antemano ni el
> tamaño de la foto, ni
> del texto, no puedo poner un height a la caja.
> 
> ¿alguna idea, antes de maquetarlo con una simple tabla de 1x2?
> 
> roger
> 


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] atributo "autocomplete" en

2005-07-27 Por tema Choan C. Gálvez 

Comentarios intercalados, siga jugando.

Jaime Gómez Obregón escribió:

Hola a todos,

Es la primera vez que posteo en la lista, aunque llevo ya un tiempo
leyéndola. Me llamo Jaime y me parece que entro con la duda del millón
de dólares...

Ando haciendo una aplicación, parte de la cual es un buscador con un
 y un . Hasta ahí todo bien. El buscador sugiere
dinámicamente haciendo queries al servidor usando AJAX, (algo parecido a
esto: http://www.google.com/webhp?complete=1&hl=en).

El problema es que el navegador muestra su propia caja de sugerencias
(ya sabéis, con aquellas cosas que has tecleado otras veces en ese
) y machaca la caja que dibujo dinámicamente...

El problema se resuelve usando , que
deshabilita este comportamiento en el navegador. PERO (y este es el
problema), ese atributo "autocomplete" no parece estándar y ahora la
aplicación no valida como XHTML 1.0 Strict.


Puedes asignarlo desde un script.

La verdad, estoy decepcionado con el W3C ;) 


Ya nos contarás por qué. Ese atributo "autocomplete" define un 
comportamiento y por tanto es más adecuado asignarlo desde un script que 
en el marcado.



También me pasa lo mismo
cuando pongo el atributo name="" en un  (No valida, pero es
NECESARIO para limpiar los campos de un  cuando el usuario le da
el foco).


No valida en modo "Strict", si utilizas "Transitional", sí vale. Por 
otra parte, no veo ninguna necesidad de utilizarlo en el elemento 
`form`, ya que lo puedes sustituir perfectamente con un atributo `id`.


En cuanto a que sea "NECESARIO", lo dudo, lo dudo, lo duud...

En fin, parece un callejón sin salida, 


Te parece a ti, para mí no lo es.


pero ahí lo dejo caer por si
alguien se ha visto en las mismas alguna vez.


Un saludo,
Choan
--
Mundo Du. Cuentos breves, relatos sorprendentes
http://du.lacalabaza.net/

Dizque. Cosas que me van y me vienen
http://dizque.lacalabaza.net/

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes red ondeados tridimensionales en un menú

2005-07-27 Por tema Mario Valladares 
Veamos a ver.


No tengo muy claro si se puede hacer lo que te voy a comentar, pero
"pa" eso uno es torpe. Por qué no metes (como mucho) 3 divs?? uno para
el boton, con la cara de la Schiffer, otro con el efecto 3D poderoso
de la muerte, y uno final para el texto, con tamaños fijados
dinamicamente y con la misma variable, para que se deformen al
unísono.

Si en vez de la cara de la Schiffer le metes algún dibujito abstracto
que no se joda al redimensionar, creo que lo tienes hecho.

Deberías de olvidar el concepto de "todo lo que tengo me lo pongo"
(por dios, no me pongas botones con musiquita o soniditos metálicos) y
relajar el estilo.

Olvida la maquetación con tablas. NO LAS TABLAS, si no la MAQUETACIÓN
CON TABLAS. En vez de usar  estas usando . No creo que la
sensación de diferencia entre ambas sea explicable en la lista de
correo, pero... busca una diferencia. Hay un momento en que sientes
que algo ha cambiado, que la página no se distribuye en celdas, no sé
como explicarlo.




El 27/07/05, Daniel Torres Burriel<[EMAIL PROTECTED]> escribió:
> El 27/07/2005, a las 13:44, Stralunato escribió:
> 
> > Para el asunto de las cajas redimensionables con bordes redondeados
> > aquí tienes un artículo:
> > http://simplelogica.net/caoticoneutral/index.php?p=15
> 
> Y el genial documento de Arnau Siches:
> 
> Técnica de Esquinas Personalizadas
> http://css.artnau.com/tecnica-de-esquinas-personalizadas/
> 
> Tècnica de Cantonades Personalitzades (la versión original)
> http://css.artnau.com/tecnica-de-cantonades-personalitzades/
> 
> Saludos!
> --
> /* Daniel Torres Burriel - www.torresburriel.com
> /* Web design - Usability consulting - IT Press
> /* More info & bio: www.torresburriel.com/perfil/
> /* GPG key: 0x43DB2AB7
> ___
> Lista de distribución Ovillo
> Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
> Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
> http://ovillo.org/mailman/listinfo/ovillo
>
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

[Ovillo] atributo "autocomplete" en

2005-07-27 Por tema Jaime Gómez Obregón 
Hola a todos,

Es la primera vez que posteo en la lista, aunque llevo ya un tiempo
leyéndola. Me llamo Jaime y me parece que entro con la duda del millón
de dólares...

Ando haciendo una aplicación, parte de la cual es un buscador con un
 y un . Hasta ahí todo bien. El buscador sugiere
dinámicamente haciendo queries al servidor usando AJAX, (algo parecido a
esto: http://www.google.com/webhp?complete=1&hl=en).

El problema es que el navegador muestra su propia caja de sugerencias
(ya sabéis, con aquellas cosas que has tecleado otras veces en ese
) y machaca la caja que dibujo dinámicamente...

El problema se resuelve usando , que
deshabilita este comportamiento en el navegador. PERO (y este es el
problema), ese atributo "autocomplete" no parece estándar y ahora la
aplicación no valida como XHTML 1.0 Strict.

La verdad, estoy decepcionado con el W3C ;) También me pasa lo mismo
cuando pongo el atributo name="" en un  (No valida, pero es
NECESARIO para limpiar los campos de un  cuando el usuario le da
el foco).

En fin, parece un callejón sin salida, pero ahí lo dejo caer por si
alguien se ha visto en las mismas alguna vez.

Saludos,

-- 
Jaime Gómez Obregón 
Director Comercial ([EMAIL PROTECTED])
ITEISA - www.iteisa.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://ovillo.org/mailman/listinfo/ovillo

[Ovillo] problema maquetacion en IE-MAC

2005-07-27 Por tema roger 


Tengo un problema fácil de resolver en CSS, pero no logro darle solución 
en IE para Mac.


Se trata de la tipica, noticia con foto a la izquierda y el texto a la 
derecha.


  Titular
*FOTO*  Texto...
  Texto...
  Texto


En CSS lo tengo  resuelto con:

div.noticia{
   position: relative;
   overflow:auto;
   width: 600px; }

div.imagen {
   float: left;
   width:100px;}

div.resto {
  float:left;
  width:500px;

div.rompedor { /* IE BUG */
  clear: both }

poniendo en HTML


titulo..
 Texto>




Pero no funciona en IE MAC.  Sale un horror como esto:
www.spiral-multimedia.com/noticias.asp

He probado a usar dos capas absolutas, pero como no se de antemano ni el 
tamaño de la foto, ni

del texto, no puedo poner un height a la caja.

¿alguna idea, antes de maquetarlo con una simple tabla de 1x2?

roger

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes redondeados trid imensionales en un menú

2005-07-27 Por tema Daniel Torres Burriel 

El 27/07/2005, a las 13:44, Stralunato escribió:

Para el asunto de las cajas redimensionables con bordes redondeados 
aquí tienes un artículo:

http://simplelogica.net/caoticoneutral/index.php?p=15


Y el genial documento de Arnau Siches:

Técnica de Esquinas Personalizadas
http://css.artnau.com/tecnica-de-esquinas-personalizadas/

Tècnica de Cantonades Personalitzades (la versión original)
http://css.artnau.com/tecnica-de-cantonades-personalitzades/

Saludos!
--
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info & bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes redondeados tridimensionales en un menú

2005-07-27 Por tema Stralunato 
Para el asunto de las cajas redimensionables con bordes redondeados aquí 
tienes un artículo:

http://simplelogica.net/caoticoneutral/index.php?p=15

Espero que te sirva.

-
Jacinto Lajas
[EMAIL PROTECTED]

Fran Rives escribió:

Hola, este es el primer mensaje que escribo a esta lista, pero 
enhorabuena por lo buena que es. 


Mi problema es el siguiente. Digamos que aunque CSS es una gran 
herramienta para presentación, presenta ciertas limitaciones. El 
modelo de cajas cuadradas con únicamente un color y en 2d, no me 
permite disponer de todo lo que me gustaría. Por eso me planteé 
conseguir una presentación estilo Photoshop (como hacen en CSS zen 
garden, sin perder semántica), pero con una diferencia. Yo quiero que 
mi presentación se redimensione conforme disminuyo/aumento la pantalla 
del navegador, o conforme cambio de resolución o de monitor, algo que 
los de Css zen garden no han conseguido (pese a que se autoproclamen 
triple A).


Entonces, yéndome un poco más hacia mi caso en particular, yo quiero 
meter un menú a la izquierda de mi página. Dentro de ese menú quiero 
meter los enlaces hacia las distinas secciones (estos enlaces los he 
puesto con outset normal e inset en hover, pero eso es otra historia). 
Este menú con los enlaces quiero que sea un rectángulo tridimensional 
con bordes redondeados y efectos 3d y sombras (esto lo he hecho con 
photoshop, aplicando varios estilos de capa a un rectángulo normal 
negro).


El problema viene con la redimensión que le quiero aplicar a este 
menú. Para ello he cortado a la imagen del photoshop en 9 pedazos, 
cada uno de ellos representando un borde (lógicamente el centro de la 
imagen lo he quitado). Así: a1 --> borde superior izquierdo; a2 --> 
borde superior medio(me hace falta porque el rectángulo es 3d); a3 --> 
borde superior derecho; b1 --> borde izquierdo medio; b2 --> borde 
derecho medio; c1 --> borde inferior izquierdo; c2 --> borde inferior 
medio; c3 --> borde inferior derecho;


Cada uno de estos pedazos es una nueva imagen. Entonces, 
posteriormente lo que hago es meter estas imágenes como divs 
posicionados absolutamente dentro de un div padre (la misma técnica 
que para bordes redondeados, pero en 3d y con 9 en vez de 4). Esto lo 
hago para conseguir que mi menú se redimensione. Entonces el div padre 
tiene un background negro y le posiciones los nueve divs con imágenes 
de fondo. Así consigo que se me redimensione sin notar nada extraño 
hasta cierto punto (lógicamente, si la pantalla es muy muy pequeña, se 
verá como los bordes no dan disminuído de tamaño, pero eso sería un 
caso extremo).


Ahora os pegaré fragmentos de mi código XHTML y CSS para entender 
mejor el caso:


<-- XHTML -->


  
  
  
  
  
  Primero
  Segundo
  Tercero
  Cuarto
  
  
  
 

<-- CSS -->

#lista { position: absolute;
 width: 12%;
 top: 5%;
 left: 1%;
 padding: 2.3em 0;
 background: black; }

/* Posicionando las imágenes del borde para que coincidan con los 
bordes reales del div lista (las imagenes cortadas tienen un borde 
blanco) */


#a1{ position: absolute;
background: 
url(../imagenes/a1.jpg) no-repeat;

width: 43px;
height: 43px;
top: 0%;
left: 0%;
z-index: 101; }

#a2{ position: absolute;
 background: 
url(../imagenes/a2.jpg) repeat-x;

 width: 90%;
 height: 43px;
 top: 0%;
 z-index: 100; }

#a3{ position: absolute;
top: 0%;
right: -5%;
background: 
url(../imagenes/a3.jpg) no-repeat;

width: 43px;
height: 43px;
z-index: 101; }

/* Primera línea lograda */
/* Segunda línea */

#b1{ position: absolute;
 top: 43px;
 bottom: 0%;
 background: url(../imagenes/b1.jpg);
 width: 20px;
 left: 0%; }

#b2{ position: absolute;
 top: 43px;

RE: [Ovillo] FONDO TRASPARENTE PARA UNA CELDA en CSS IMAGE BACKGROUND

2005-07-27 Por tema Cristina Suárez Corzo 

Hola a todos

El tema de los fondos transparentes funciona sin problemas en Firefox, no 
así en nuestro buen amigo Explorer como decís. Mr. Xose Pita y yo lo tenemos 
solucionado de la siguiente manera:


--> Generar la imagen png de 24bits (clavados, ni más ni menos)
--> Definir el estilo del div en cuestión con la siguiente linea de código 
microsoft que le dice al explorer que el fondo lleva transparencia png


#midiv {
.
.
.
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, 
src='images/mifondo.png',sizingMethod='fit');

}

--> Añadir 'a lo hack' la imagen del modo usual para que la coja sólo 
firefox


div>#midiv { background: url(../images/mifondo.png) no-repeat; }

--> Y listo. Mucho ojo a las rutas del png porque con el AlphaImageLoader 
partimos del raiz del web a diferencia de la css que parte de la carpeta 
donde esté la hoja de estilos



Este sistema que tenemos bastante comprobado y usado nos dió un problema al 
principio y es que los elementos dentro del div con este tipo de fondo 
"AlphaImageLoader" perdían toda actividad. Los links no se podían pinchar y 
los campos de formulario no se podían rellenar. La solución que encontramos 
la podéis encontrar en Tripix:


http://www.tripix.net/?p=36


La técnica es un poco liosa, espero que haya resultado lo suficinetemente 
claro.


Saludos
Kris



From: "CURRO" <[EMAIL PROTECTED]>
Reply-To: "Ovillo, la lista de CSS en castellano" 
To: "'Ovillo, la lista de CSS en castellano'" 
Subject: RE: [Ovillo] FONDO TRASPARENTE PARA UNA CELDA en CSS IMAGE 
BACKGROUND

Date: Wed, 27 Jul 2005 10:56:21 +0200

Hola!

Gracias... No entendí jyubbien lo que me comentabas de la celda (si/no) e
hice un "apaño".
Lo del PNG me parece interesante!. Es que este trabajo es para un sistema
cerrado que tiene un explorador propio... No comercializado para 
internet...

Sino para circuitos cerrados de TV y tira bajo HTML 4 y CSS 1. (Pues eso,
imaginate que castaña... Sin cache... Ni ná de ná)

Un abrazo y muchisimas gracias por tu consejo!

Sois la ostia troncos!


-Mensaje original-
De: [EMAIL PROTECTED] 
[mailto:[EMAIL PROTECTED]

En nombre de Alejandro Lillo
Enviado el: martes, 26 de julio de 2005 16:01
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] FONDO TRASPARENTE PARA UNA CELDA en CSS IMAGE
BACKGROUND

> Gracias de antemano. ¿Alguien sabe si puedo colocar en la hoja de
> estilos css un background-image, una imagen gif semitrasparaqnte que
> me permita ver el fondo de la página?...

Primero que nada, un gif no puede ser semitransparente. Un PNG sí, pero
todos los conocemos lo bien que se lleva el alpha del png y el navegador
favorito de los usuarios.

La única manera de hacer un gif semitransparente, que se me ocurra, sería
haciendo el truquito de la rejilla, un cuadro lo pintas y el otro lo dejas
transparente.

> Para más información: La pantalla tiene una tabla de su tamaño con una
> imagen de background. encima de ella estan el resto de tablas que
> engloban los contenidos, y en las celdas de los enlaces quiero dejar
> un color plano en semitrasparencia que me permita ver el fondo a
> traves de la opacidad del background de dicho enlace.

Primero: dices que tienes una tabla que ocupa todo el viewport, con una
imagen de fondo. Entonces... ¿porqué no pones la imagen como fondo del 
BODY?


Por lo demás, se puede dar un fondo semitransparente vía CSS. No forma 
parte

de las recomendaciones del W3C con lo que tu código no validará, pero si lo
necesitas aquí explica como hacerlo:

http://www.mandarindesign.com/opacity.html


--
Alejandro Lillo
www.nordic-design.net
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo




___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo



___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes redondeados tridimensionales en un menú

2005-07-27 Por tema kemie guaida 

Hola Fran,
Sin haber visto con detenimiento tu codigo, un par de enlaces que te 
pueden servir como guía:

http://www.aplus.co.yu/css/rounded-corners/
http://www.456bereastreet.com/lab/flexible_custom_corners_borders/

espero te sirvan :)

saludos

kemie

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes redondeados tridimensionales en un men

2005-07-27 Por tema Fran Rives 
Hola, gracias por responder. Creo que me he explicado mal, no es de extrañar 
tampoco. Lo de contenido semántico me refiero a que los de CSS Zen Garden 
por ejemplo ponen una imagen como si fuera un h1, solo que es una imagen de 
photoshop. Pero al mismo tiempo ponen un span con el mismo texto de la 
imagen y le ponen display: none; así no pierdes contenido semántico y 
mantienes buena presentación. Pues yo quería hacer algo parecido, pero 
además que se me redimensionara conforme a la ventana del 
navegador/monitor/resolución.


Mi principal objetivo aquí pues era el siguiente: (ya sé que pierdo 
semántico por todos lados, ya que bordes redondeados es lo que tiene si los 
quieres poner, y no tiene sentido semántico en css 2.1): conseguir la 
redimensión... Supongo que lo de contenido semántico no tiene mucho sentido 
que lo nombre, por lo que como si no lo hubiera dicho.


Gracias por responder y a ver si alguien sabe algo.


From: "Juan G. Hurtado" <[EMAIL PROTECTED]>
Reply-To: "Ovillo, la lista de CSS en castellano" 
To: "Ovillo, la lista de CSS en castellano" 
Subject: Re: [Ovillo] Problema con bordes redondeados tridimensionales en 
un menú

Date: Wed, 27 Jul 2005 13:18:44 +0200

Saludos.

Si hablas de "no perder la semántica", no entiendo por qué usas un
 en lugar de una lista propiamente dicha.

Por otro lado, usar  de esa forma tan indiscriminada no me parece
correcto. Hay cosas para las que (X)HTML y CSS no están diseñados, y
creo que lo que intentas es una de esas cosas. De todas formas, ojalá
lo consigas.

Suerte.

PD.- Siento no poder responder a tu pregunta.

--
Juan G. Hurtado
[ [EMAIL PROTECTED] ]
[ http://armonia.spiral-static.org/ ]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo


_
Express yourself instantly with MSN Messenger! Download today it's FREE! 
http://messenger.msn.click-url.com/go/onm00200471ave/direct/01/


___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes red ondeados tridimensionales en un menú

2005-07-27 Por tema Juan G. Hurtado 
Saludos.

Si hablas de "no perder la semántica", no entiendo por qué usas un
 en lugar de una lista propiamente dicha.

Por otro lado, usar  de esa forma tan indiscriminada no me parece
correcto. Hay cosas para las que (X)HTML y CSS no están diseñados, y
creo que lo que intentas es una de esas cosas. De todas formas, ojalá
lo consigas.

Suerte.

PD.- Siento no poder responder a tu pregunta.

-- 
Juan G. Hurtado
[ [EMAIL PROTECTED] ]
[ http://armonia.spiral-static.org/ ]
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: [Ovillo] Problema con bordes redondeados tridimens ionales en un menú

2005-07-27 Por tema Pablo Soldavini 
Me parece que vas a tener que dedicarte a la música...ya que el diseño web
no es lo tuyo...
- Original Message -
From: "Fran Rives" <[EMAIL PROTECTED]>
To: 
Sent: Wednesday, July 27, 2005 1:12 PM
Subject: [Ovillo] Problema con bordes redondeados tridimensionales en un
menú


> Hola, este es el primer mensaje que escribo a esta lista, pero enhorabuena
> por lo buena que es. 
>
> Mi problema es el siguiente. Digamos que aunque CSS es una gran
herramienta
> para presentación, presenta ciertas limitaciones. El modelo de cajas
> cuadradas con únicamente un color y en 2d, no me permite disponer de todo
lo
> que me gustaría. Por eso me planteé conseguir una presentación estilo
> Photoshop (como hacen en CSS zen garden, sin perder semántica), pero con
una
> diferencia. Yo quiero que mi presentación se redimensione conforme
> disminuyo/aumento la pantalla del navegador, o conforme cambio de
resolución
> o de monitor, algo que los de Css zen garden no han conseguido (pese a que
> se autoproclamen triple A).
>
> Entonces, yéndome un poco más hacia mi caso en particular, yo quiero meter
> un menú a la izquierda de mi página. Dentro de ese menú quiero meter los
> enlaces hacia las distinas secciones (estos enlaces los he puesto con
outset
> normal e inset en hover, pero eso es otra historia). Este menú con los
> enlaces quiero que sea un rectángulo tridimensional con bordes redondeados
y
> efectos 3d y sombras (esto lo he hecho con photoshop, aplicando varios
> estilos de capa a un rectángulo normal negro).
>
> El problema viene con la redimensión que le quiero aplicar a este menú.
Para
> ello he cortado a la imagen del photoshop en 9 pedazos, cada uno de ellos
> representando un borde (lógicamente el centro de la imagen lo he quitado).
> Así: a1 --> borde superior izquierdo; a2 --> borde superior medio(me hace
> falta porque el rectángulo es 3d); a3 --> borde superior derecho; b1 -->
> borde izquierdo medio; b2 --> borde derecho medio; c1 --> borde inferior
> izquierdo; c2 --> borde inferior medio; c3 --> borde inferior derecho;
>
> Cada uno de estos pedazos es una nueva imagen. Entonces, posteriormente lo
> que hago es meter estas imágenes como divs posicionados absolutamente
dentro
> de un div padre (la misma técnica que para bordes redondeados, pero en 3d
y
> con 9 en vez de 4). Esto lo hago para conseguir que mi menú se
redimensione.
> Entonces el div padre tiene un background negro y le posiciones los nueve
> divs con imágenes de fondo. Así consigo que se me redimensione sin notar
> nada extraño hasta cierto punto (lógicamente, si la pantalla es muy muy
> pequeña, se verá como los bordes no dan disminuído de tamaño, pero eso
sería
> un caso extremo).
>
> Ahora os pegaré fragmentos de mi código XHTML y CSS para entender mejor el
> caso:
>
> <-- XHTML -->
>
> 
>
>
>
>
>
>Primero
>Segundo
>Tercero
>Cuarto
>
>
>
>   
>
> <-- CSS -->
>
> #lista { position: absolute;
>   width: 12%;
>   top: 5%;
>   left: 1%;
>   padding: 2.3em 0;
>   background: black; }
>
> /* Posicionando las imágenes del borde para que coincidan con los bordes
> reales del div lista (las imagenes cortadas tienen un borde blanco) */
>
> #a1{ position: absolute;
>  background: url(../imagenes/a1.jpg)
> no-repeat;
>  width: 43px;
>  height: 43px;
>  top: 0%;
>  left: 0%;
>  z-index: 101; }
>
> #a2{ position: absolute;
>   background: url(../imagenes/a2.jpg)
> repeat-x;
>   width: 90%;
>   height: 43px;
>   top: 0%;
>   z-index: 100; }
>
> #a3{ position: absolute;
>  top: 0%;
>  right: -5%;
>  background: url(../imagenes/a3.jpg)
> no-repeat;
>  width: 43px;
>  height: 43px;
>  z-index: 101; }
>
> /* Primera línea lograda */
> /* Segunda línea */
>
> #b1{ position: absolute;
>   top: 43px;
>   bottom: 0%;
>

[Ovillo] Problema con bordes redondeados tridimen sionales en un menú

2005-07-27 Por tema Fran Rives 
Hola, este es el primer mensaje que escribo a esta lista, pero enhorabuena 
por lo buena que es. 


Mi problema es el siguiente. Digamos que aunque CSS es una gran herramienta 
para presentación, presenta ciertas limitaciones. El modelo de cajas 
cuadradas con únicamente un color y en 2d, no me permite disponer de todo lo 
que me gustaría. Por eso me planteé conseguir una presentación estilo 
Photoshop (como hacen en CSS zen garden, sin perder semántica), pero con una 
diferencia. Yo quiero que mi presentación se redimensione conforme 
disminuyo/aumento la pantalla del navegador, o conforme cambio de resolución 
o de monitor, algo que los de Css zen garden no han conseguido (pese a que 
se autoproclamen triple A).


Entonces, yéndome un poco más hacia mi caso en particular, yo quiero meter 
un menú a la izquierda de mi página. Dentro de ese menú quiero meter los 
enlaces hacia las distinas secciones (estos enlaces los he puesto con outset 
normal e inset en hover, pero eso es otra historia). Este menú con los 
enlaces quiero que sea un rectángulo tridimensional con bordes redondeados y 
efectos 3d y sombras (esto lo he hecho con photoshop, aplicando varios 
estilos de capa a un rectángulo normal negro).


El problema viene con la redimensión que le quiero aplicar a este menú. Para 
ello he cortado a la imagen del photoshop en 9 pedazos, cada uno de ellos 
representando un borde (lógicamente el centro de la imagen lo he quitado). 
Así: a1 --> borde superior izquierdo; a2 --> borde superior medio(me hace 
falta porque el rectángulo es 3d); a3 --> borde superior derecho; b1 --> 
borde izquierdo medio; b2 --> borde derecho medio; c1 --> borde inferior 
izquierdo; c2 --> borde inferior medio; c3 --> borde inferior derecho;


Cada uno de estos pedazos es una nueva imagen. Entonces, posteriormente lo 
que hago es meter estas imágenes como divs posicionados absolutamente dentro 
de un div padre (la misma técnica que para bordes redondeados, pero en 3d y 
con 9 en vez de 4). Esto lo hago para conseguir que mi menú se redimensione. 
Entonces el div padre tiene un background negro y le posiciones los nueve 
divs con imágenes de fondo. Así consigo que se me redimensione sin notar 
nada extraño hasta cierto punto (lógicamente, si la pantalla es muy muy 
pequeña, se verá como los bordes no dan disminuído de tamaño, pero eso sería 
un caso extremo).


Ahora os pegaré fragmentos de mi código XHTML y CSS para entender mejor el 
caso:


<-- XHTML -->


  
  
  
  
  
  Primero
  Segundo
  Tercero
  Cuarto
  
  
  
 

<-- CSS -->

#lista { position: absolute;
 width: 12%;
 top: 5%;
 left: 1%;
 padding: 2.3em 0;
 background: black; }

/* Posicionando las imágenes del borde para que coincidan con los bordes 
reales del div lista (las imagenes cortadas tienen un borde blanco) */


#a1{ position: absolute;
background: url(../imagenes/a1.jpg) 
no-repeat;

width: 43px;
height: 43px;
top: 0%;
left: 0%;
z-index: 101; }

#a2{ position: absolute;
 background: url(../imagenes/a2.jpg) 
repeat-x;

 width: 90%;
 height: 43px;
 top: 0%;
 z-index: 100; }

#a3{ position: absolute;
top: 0%;
right: -5%;
background: url(../imagenes/a3.jpg) 
no-repeat;

width: 43px;
height: 43px;
z-index: 101; }

/* Primera línea lograda */
/* Segunda línea */

#b1{ position: absolute;
 top: 43px;
 bottom: 0%;
 background: url(../imagenes/b1.jpg);
 width: 20px;
 left: 0%; }

#b2{ position: absolute;
 top: 43px;
 bottom: 0%;
 right: 0%;
 width: 20px;
 background: url(../imagenes/b2.jpg) 
repeat-y; }


a

Re: [Ovillo] reemplazo de textos : manual

2005-07-27 Por tema kemie guaida 

Oscar, este link me funciona perfectamente:
http://www.edenahp.com/v4/link.php?seccion=tutorial&tid=13
si tienes alguna duda en especifico con gusto te ayudo :)


kemie
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Re: Re[2]: [Ovillo] Márgenes mágicos

2005-07-27 Por tema Manuel J. Recena Soto 
Hola Raúl:

Muchísimas gracias. No me había dado cuenta de que la imagen es un elemento 
en línea que tiene por encima y por debajo dos elementos de caja. Ha sido 
decirle a la imagen que se comporte como un bloque y perfecto.

Mil gracias!

un saludo

On Tue, 26 Jul 2005 20:53:36 +0200, Raúl Martín wrote
> Hola ,
> 
> Creo que el problema es la separación entre img.portadaLibro y
> footer.
> Si es así, tienes una imagen, que es un elemento de línea y
> después un elemento de bloque. No se si esta catalogado o si la
> especificación habla sobre esto, la verdad que no reparo en ello.
> Pero creo que el problema tiene que ver con el line-Height y su
> padding inferior (mas bien en la distinta interpretación de los
> navegadores).
> 
> La solución que será lo que te interese, pon display:block en
> img.portadaLibro.
> 
> 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://ovillo.org/mailman/listinfo/ovillo


--
Manuel J. Recena Soto
* www.manuelrecena.com
* [EMAIL PROTECTED]
* +34 609710280 (ES)

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

RE: [Ovillo] FONDO TRASPARENTE PARA UNA CELDA en CSS IMAGE BACKGROUND

2005-07-27 Por tema CURRO 
Hola!

Gracias... No entendí jyubbien lo que me comentabas de la celda (si/no) e
hice un "apaño".
Lo del PNG me parece interesante!. Es que este trabajo es para un sistema
cerrado que tiene un explorador propio... No comercializado para internet...
Sino para circuitos cerrados de TV y tira bajo HTML 4 y CSS 1. (Pues eso,
imaginate que castaña... Sin cache... Ni ná de ná)

Un abrazo y muchisimas gracias por tu consejo!

Sois la ostia troncos!
 

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Alejandro Lillo
Enviado el: martes, 26 de julio de 2005 16:01
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] FONDO TRASPARENTE PARA UNA CELDA en CSS IMAGE
BACKGROUND

> Gracias de antemano. ¿Alguien sabe si puedo colocar en la hoja de 
> estilos css un background-image, una imagen gif semitrasparaqnte que 
> me permita ver el fondo de la página?...

Primero que nada, un gif no puede ser semitransparente. Un PNG sí, pero
todos los conocemos lo bien que se lleva el alpha del png y el navegador
favorito de los usuarios.

La única manera de hacer un gif semitransparente, que se me ocurra, sería
haciendo el truquito de la rejilla, un cuadro lo pintas y el otro lo dejas
transparente.

> Para más información: La pantalla tiene una tabla de su tamaño con una 
> imagen de background. encima de ella estan el resto de tablas que 
> engloban los contenidos, y en las celdas de los enlaces quiero dejar 
> un color plano en semitrasparencia que me permita ver el fondo a 
> traves de la opacidad del background de dicho enlace.

Primero: dices que tienes una tabla que ocupa todo el viewport, con una
imagen de fondo. Entonces... ¿porqué no pones la imagen como fondo del BODY?

Por lo demás, se puede dar un fondo semitransparente vía CSS. No forma parte
de las recomendaciones del W3C con lo que tu código no validará, pero si lo
necesitas aquí explica como hacerlo:

http://www.mandarindesign.com/opacity.html


--
Alejandro Lillo
www.nordic-design.net
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo




___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo