Re: [Ovillo] Usabilidad de las capas con esquinas redondeadas

2007-08-31 Por tema Silvia Caparrós
Hola TiNcHo,

Para usar este código necesitaría saber como has definido las class y el
div, si no no lo puedo usar,
¿Tiene que ver con niftycube.js o algo de eso?



-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de stripTM
Enviado el: jueves, 30 de agosto de 2007 23:10
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Usabilidad de las capas con esquinas redondeadas

TiNcHo escribió:
 Hola!
   Mira yo uso este metodo.. no te pongo la pagina porque no la encuentro
en este momento pero te paso el codigo

 en html

 b class=xtopb class=xb1/bb class=xb2/bb
class=xb3/bb class=xb4/b/b
 div class=xboxcontent

 blablaalb contenido

 /div
 b class=xbottomb class=xb4/bb class=xb3/bb
class=xb2/bb class=xb1/b/b

   
...

 Esto me valida perfectamente y no usas nada de javascript, no hace mucho
que estoy con css y tal vez no es de los mas semantico pero hasta la llegada
de css3 funciona perfecto.
   
No, no es nada semantico, jejjee, además ¿b? ya que sólo va a servir 
para presentación mejor un span que el único estilo asociado que lleva 
es el display: inline

-- 
Saludos -=stripTM=-

___
Lista de distribución Ovillo
Para 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] Usabilidad de las capas con esquinas redondeadas

2007-08-31 Por tema Silvia Caparrós
Ahora sí,

Lo acabo de probar y está muy bien, muchas gracias ;)
Voy a ver como lo encajo con mi web.. 

:)

Aprovecho para darle las gracias también a Montserrat 
Ese enlace es muy interesante.

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de TiNcHo
Enviado el: jueves, 30 de agosto de 2007 16:17
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Usabilidad de las capas con esquinas redondeadas

Hola!
  Mira yo uso este metodo.. no te pongo la pagina porque no la encuentro en
este momento pero te paso el codigo

en html

b class=xtopb class=xb1/bb class=xb2/bb class=xb3/bb
class=xb4/b/b
div class=xboxcontent

blablaalb contenido

/div
b class=xbottomb class=xb4/bb class=xb3/bb
class=xb2/bb class=xb1/b/b

y en css:


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #009900; border-right:1px solid
#009900;}
.xb1 {margin:0 5px; background:#009900;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {padding: 2px 5px 2px 5px; display:block; border:0 solid
#009900; border-width:0 1px;}

Esto me valida perfectamente y no usas nada de javascript, no hace mucho que
estoy con css y tal vez no es de los mas semantico pero hasta la llegada de
css3 funciona perfecto.

Espero te sirva el dato

Saludos

Martin


 
___
  www.buggiano.com
La calidez de un estilo inmobiliario
  Pdo. de La Costa, Buenos Aires 
-Argentina-

- Mensaje original 
De: Silvia Caparrós [EMAIL PROTECTED]
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: jueves 30 de agosto de 2007, 4:17:52
Asunto: [Ovillo] Usabilidad de las capas con esquinas redondeadas

Hola a todos,

 

Encontré este código para hacer que una capa tenga las esquinas redondeadas.


 

div style= background-color: #ccc; height:50px;

 -moz-border-radius: 8px;

 -webkit-border-radius: 5px;

 border: 1px solid #000;

 padding: 10px; 

 

Mi pregunta es, ¿hay alguno mejor? este parece no funcionar en el IE ( ni en
el 7 ni en el 6), sólo lo vi bien en Firefox.

¿Es conveniente usar este tipo de estilo en las capas? ¿A alguien se le
ocurre una manera más optima?

Muchísimas gracias a todos

 



...
Aviso Legal

Este mensaje electrónico contiene información de Tormo  Asociados que es
privada y confidencial, siendo para uso exclusivo de la persona (s) o
entidades arriba mencionadas. Si usted no es el destinatario señalado, le
informamos que cualquier divulgación, copia, distribución  o uso de los
contenidos está prohibida. Si usted ha recibido este mensaje por error, por
favor borre su contenido lo antes posible.

 

___
Lista de distribución Ovillo
Para 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





  Los referentes más importantes en compra/ venta de autos se juntaron:
Demotores y Yahoo!
Ahora comprar o vender tu auto es más fácil. Vistá ar.autos.yahoo.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] Usabilidad de las capas con esquinas redondeadas

2007-08-31 Por tema Silvia Caparrós
Gracias Tei,
Es esa justo la que me mandó Rodrigo, de la que hablaba antes.


-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Tei
Enviado el: jueves, 30 de agosto de 2007 12:53
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Usabilidad de las capas con esquinas redondeadas

On 8/30/07, Silvia Caparrós [EMAIL PROTECTED] wrote:
 Muchas gracias Rodrigo,

 He estado probándolo y no está mal, la pena es que requiera tanto código.
Es
 muy complicadillo para tan sólo un elemento gráfico como una esquina
 redondeada, creo que al final recurriré a usar una imagen de fondo como he
 hecho otras veces.

Puedes usar una solucion no basada en js como esta  (pero que
requieres imagenes):
http://www.html.it/articoli/niftycube/nifty12.html

Es de lo primero que aparece googleando round corners CSS.
___
Lista de distribución Ovillo
Para 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] Usabilidad de las capas con esquinas redondeadas

2007-08-30 Por tema Rodrigo Álvarez Virgós
Hola, Silvia
 Encontré este código para hacer que una capa tenga las esquinas 
 redondeadas.

 [...]

 Mi pregunta es, ¿hay alguno mejor? este parece no funcionar en el IE ( 
 ni en
 el 7 ni en el 6), sólo lo vi bien en Firefox.
Las esquinas redondeadas son un recurso que incorporará css 3, pero 
hasta entonces hay que jugar con elementos no semánticos (habitualmente 
div's) dándoles un background a cada uno hasta que logras montar la 
caja. Si quieres una solución más sencilla, puedes echarle un vistazo a 
Nifty Corners [1]

La propiedad -moz-border la incluye Mozilla como adelanto a css 3, pero 
ninguna propiedad -moz es estándar.

[1] http://www.html.it/articoli/niftycube/index.html

Un saludo
Rodrigo
___
Lista de distribución Ovillo
Para 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] Usabilidad de las capas con esquinas redondeadas

2007-08-30 Por tema Silvia Caparrós
Muchas gracias Rodrigo,

He estado probándolo y no está mal, la pena es que requiera tanto código. Es
muy complicadillo para tan sólo un elemento gráfico como una esquina
redondeada, creo que al final recurriré a usar una imagen de fondo como he
hecho otras veces. 

Hasta que llegue el CSS 3 a casa de todos está muy bien tu solución, supongo
que para verlo en cuatro líneas aún hay que esperar un poquito.. aquí
estaremos para verlo.

 
Un saludo a todos

-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Rodrigo Álvarez Virgós
Enviado el: jueves, 30 de agosto de 2007 9:59
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Usabilidad de las capas con esquinas redondeadas

Hola, Silvia
 Encontré este código para hacer que una capa tenga las esquinas 
 redondeadas.

 [...]

 Mi pregunta es, ¿hay alguno mejor? este parece no funcionar en el IE ( 
 ni en
 el 7 ni en el 6), sólo lo vi bien en Firefox.
Las esquinas redondeadas son un recurso que incorporará css 3, pero 
hasta entonces hay que jugar con elementos no semánticos (habitualmente 
div's) dándoles un background a cada uno hasta que logras montar la 
caja. Si quieres una solución más sencilla, puedes echarle un vistazo a 
Nifty Corners [1]

La propiedad -moz-border la incluye Mozilla como adelanto a css 3, pero 
ninguna propiedad -moz es estándar.

[1] http://www.html.it/articoli/niftycube/index.html

Un saludo
Rodrigo
___
Lista de distribución Ovillo
Para 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] Usabilidad de las capas con esquinas redondeadas

2007-08-30 Por tema Tei
On 8/30/07, Silvia Caparrós [EMAIL PROTECTED] wrote:
 Muchas gracias Rodrigo,

 He estado probándolo y no está mal, la pena es que requiera tanto código. Es
 muy complicadillo para tan sólo un elemento gráfico como una esquina
 redondeada, creo que al final recurriré a usar una imagen de fondo como he
 hecho otras veces.

Puedes usar una solucion no basada en js como esta  (pero que
requieres imagenes):
http://www.html.it/articoli/niftycube/nifty12.html

Es de lo primero que aparece googleando round corners CSS.
___
Lista de distribución Ovillo
Para 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] Usabilidad de las capas con esquinas redondeadas

2007-08-30 Por tema Rodrigo Álvarez Virgós
Hola, Tei
 Muchas gracias Rodrigo,

 He estado probándolo y no está mal, la pena es que requiera tanto código. Es
 muy complicadillo para tan sólo un elemento gráfico como una esquina
 redondeada, creo que al final recurriré a usar una imagen de fondo como he
 hecho otras veces.
 

 Puedes usar una solucion no basada en js como esta  (pero que
 requieres imagenes):
 http://www.html.it/articoli/niftycube/nifty12.html

 Es de lo primero que aparece googleando round corners CSS.
No te hacía falta googlear, podrías haber visto el enlace en el primer 
mail que le mandé a Silvia
___
Lista de distribución Ovillo
Para 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] Usabilidad de las capas con esquinas redondeadas

2007-08-30 Por tema Tei
On 8/30/07, Rodrigo Álvarez Virgós [EMAIL PROTECTED] wrote:
 Hola, Tei
  Muchas gracias Rodrigo,
 
  He estado probándolo y no está mal, la pena es que requiera tanto código. 
  Es
  muy complicadillo para tan sólo un elemento gráfico como una esquina
  redondeada, creo que al final recurriré a usar una imagen de fondo como he
  hecho otras veces.
 
 
  Puedes usar una solucion no basada en js como esta  (pero que
  requieres imagenes):
  http://www.html.it/articoli/niftycube/nifty12.html
 
  Es de lo primero que aparece googleando round corners CSS.
 No te hacía falta googlear, podrías haber visto el enlace en el primer
 mail que le mandé a Silvia

WOOPS!
es que me he equivocado de enlace :D

me referia a esta pagina:
http://kalsey.com/2003/07/rounded_corners_in_css/

..te habra parecido, super curioso que pusiera tu enlace :D,  hee LOL.
___
Lista de distribución Ovillo
Para 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] Usabilidad de las capas con esquinas redondeadas

2007-08-30 Por tema Montserrat Vázquez Hernando
Este magazine está muy bien y en este artículo, aparte de otras muchas 
cosas, trata el tema que pides:

http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

Saludos,

Tei wrote:

On 8/30/07, Rodrigo Álvarez Virgós [EMAIL PROTECTED] wrote:
  

Hola, Tei


Muchas gracias Rodrigo,

He estado probándolo y no está mal, la pena es que requiera tanto código. Es
muy complicadillo para tan sólo un elemento gráfico como una esquina
redondeada, creo que al final recurriré a usar una imagen de fondo como he
hecho otras veces.



Puedes usar una solucion no basada en js como esta  (pero que
requieres imagenes):
http://www.html.it/articoli/niftycube/nifty12.html

Es de lo primero que aparece googleando round corners CSS.
  

No te hacía falta googlear, podrías haber visto el enlace en el primer
mail que le mandé a Silvia



WOOPS!
es que me he equivocado de enlace :D

me referia a esta pagina:
http://kalsey.com/2003/07/rounded_corners_in_css/

..te habra parecido, super curioso que pusiera tu enlace :D,  hee LOL.
___
Lista de distribución Ovillo
Para 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] Usabilidad de las capas con esquinas redondeadas

2007-08-30 Por tema TiNcHo
Hola!
  Mira yo uso este metodo.. no te pongo la pagina porque no la encuentro en 
este momento pero te paso el codigo

en html

b class=xtopb class=xb1/bb class=xb2/bb class=xb3/bb 
class=xb4/b/b
div class=xboxcontent

blablaalb contenido

/div
b class=xbottomb class=xb4/bb class=xb3/bb class=xb2/bb 
class=xb1/b/b

y en css:


.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {border-left:1px solid #009900; border-right:1px solid 
#009900;}
.xb1 {margin:0 5px; background:#009900;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {padding: 2px 5px 2px 5px; display:block; border:0 solid #009900; 
border-width:0 1px;}

Esto me valida perfectamente y no usas nada de javascript, no hace mucho que 
estoy con css y tal vez no es de los mas semantico pero hasta la llegada de 
css3 funciona perfecto.

Espero te sirva el dato

Saludos

Martin


 
___
  www.buggiano.com
La calidez de un estilo inmobiliario
  Pdo. de La Costa, Buenos Aires 
-Argentina-

- Mensaje original 
De: Silvia Caparrós [EMAIL PROTECTED]
Para: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Enviado: jueves 30 de agosto de 2007, 4:17:52
Asunto: [Ovillo] Usabilidad de las capas con esquinas redondeadas

Hola a todos,

 

Encontré este código para hacer que una capa tenga las esquinas redondeadas.


 

div style= background-color: #ccc; height:50px;

 -moz-border-radius: 8px;

 -webkit-border-radius: 5px;

 border: 1px solid #000;

 padding: 10px; 

 

Mi pregunta es, ¿hay alguno mejor? este parece no funcionar en el IE ( ni en
el 7 ni en el 6), sólo lo vi bien en Firefox.

¿Es conveniente usar este tipo de estilo en las capas? ¿A alguien se le
ocurre una manera más optima?

Muchísimas gracias a todos

 



...
Aviso Legal

Este mensaje electrónico contiene información de Tormo  Asociados que es
privada y confidencial, siendo para uso exclusivo de la persona (s) o
entidades arriba mencionadas. Si usted no es el destinatario señalado, le
informamos que cualquier divulgación, copia, distribución  o uso de los
contenidos está prohibida. Si usted ha recibido este mensaje por error, por
favor borre su contenido lo antes posible.

 

___
Lista de distribución Ovillo
Para 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





  Los referentes más importantes en compra/ venta de autos se juntaron:
Demotores y Yahoo!
Ahora comprar o vender tu auto es más fácil. Vistá ar.autos.yahoo.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


Re: [Ovillo] Usabilidad de las capas con esquinas redondeadas

2007-08-30 Por tema stripTM
TiNcHo escribió:
 Hola!
   Mira yo uso este metodo.. no te pongo la pagina porque no la encuentro en 
 este momento pero te paso el codigo

 en html

 b class=xtopb class=xb1/bb class=xb2/bb class=xb3/bb 
 class=xb4/b/b
 div class=xboxcontent

 blablaalb contenido

 /div
 b class=xbottomb class=xb4/bb class=xb3/bb 
 class=xb2/bb class=xb1/b/b

   
...

 Esto me valida perfectamente y no usas nada de javascript, no hace mucho que 
 estoy con css y tal vez no es de los mas semantico pero hasta la llegada de 
 css3 funciona perfecto.
   
No, no es nada semantico, jejjee, además ¿b? ya que sólo va a servir 
para presentación mejor un span que el único estilo asociado que lleva 
es el display: inline

-- 
Saludos -=stripTM=-

___
Lista de distribución Ovillo
Para 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