[Ovillo] Utilidad para limpiar tablas

2006-04-10 Por tema eemece2
Hola a todos,

Quería consejo sobre utilidades/programas que limpien el codigo de tablas 
importadas de programas tipo Excel y demas.
Es decir, que quiten todos los atributos de los tags.

Un saludo,
Edu-eemece2
___
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] Contenido extendido hasta abajo

2005-09-15 Por tema eemece2
Hola lista,

A ver si me iluminais un poquito. Tengo un layout con un mainbody que 
contiene un sidebar a la izquierda, y flotado a la derecha, un content.
De esta manera el div mainbody sera tan largo como el mas largo entre sidebar 
y content ( a parte de margenes).

Pero yo quiero ahora que si el sidebar es mas alto que el content, este ultimo 
se extienda la misma altura que el sidebar. Lo quiero porque tengo una imagen 
de fondo del content alineada bottom right, y en este caso queda a mitad de 
altura.

La tecnica de usar una imagen de fondo para mainbody no me vale en este caso 
pues ya la utilizo para diferenciar  el fondo del sidebar y del content.

Y creo que me valdria el min-height en el content, pero claro, IE :-(

Muchas gracias por leerme y un saludo,
Edu-eemece2
___
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] Box Model Hack con voice-family

2005-08-30 Por tema eemece2
Hola a todos,

Estoy haciendo un ejemplo del hack para el box model en IE5 con la tecnica del 
voice-family, y me encuentro con que me deja sin aplicar en IE5 el grupo de 
reglas posterior al hack. En concreto tal como esta el ejemplo no me aplica las 
de #boxMal. Si, en cambio, las paso antes de las reglas de #box, si me las 
aplica.

¿Tengo que tener en cuenta algo mas que el :

  voice-family: \}\;
  voice-family:inherit;

Yo pensaba que al acabar con el } se reseteaba el comportamiento del IE5.

 El ejemplo es este:


!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; xml:lang=es lang=es
head
 title/title
 style type=text/css
 /*![CDATA[*/

 
 #box{
  background-color: #ccc;
  padding:20px;
  height: 140px;
  width: 140px;
  voice-family: \}\;
  voice-family:inherit;
  width: 100px;
  height: 100px;
 } 

 #boxMal{
  background-color: #fcc;
  padding:20px;
  width: 100px;
  height: 100px;
 } 

 /*]]*/
 /style
/head

body
body
div id=box
BOX/div
div id=boxMal
BOX MAL/div
/body
/html
___
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] Box Model Hack con voice-family

2005-08-30 Por tema eemece2
Gracias Martí,

Pero yo supongo que cuando se cierran las llaves  }, IE5 vuelve a leer las
siguientes reglas, en mi ejemplo #boxMal{...}
Si IE5 ignora desde el hack hasta el final del archivo pues poca utilidad
tendra el hack, pues solo lo podremos aplicar una sola vez en el archivo
CSS.

Y, como supongo, me ha funcionado otras veces que he usado este hack. Pero
en este caso, no se porque, no aplica las reglas posteriores.

Un saludo,
Edu

- Original Message - 
From: mmundo [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, August 30, 2005 1:16 PM
Subject: Re: [Ovillo] Box Model Hack con voice-family


Añado... (ya que la sintaxis CSS es correcta)

IE5.x/Win aplica las declaraciones definidas antes del hack
voice-family (140px) y Mozilla y familia aplican las que se
encuentran a continuación (100px).

La base de este hack es precisamente que IE5.x/Win deja de leer a
partir de la declaración voice-family (porqué no lo comprende).

Deberás añadir una regla específica para Opera (si quieres mantener la
compatibilidad) basada en el selector html  body.


Martí Mundó.
--





El 30/08/05, mmundo[EMAIL PROTECTED] escribió:
 http://tantek.com/CSS/Examples/boxmodelhack.html



 El 30/08/05, eemece2[EMAIL PROTECTED] escribió:
  Hola a todos,
 
  Estoy haciendo un ejemplo del hack para el box model en IE5 con la
tecnica del voice-family, y me encuentro con que me deja sin aplicar en IE5
el grupo de reglas posterior al hack. En concreto tal como esta el ejemplo
no me aplica las de #boxMal. Si, en cambio, las paso antes de las reglas de
#box, si me las aplica.
 
  ¿Tengo que tener en cuenta algo mas que el :
 
voice-family: \}\;
voice-family:inherit;
 
  Yo pensaba que al acabar con el } se reseteaba el comportamiento del
IE5.
 
   El ejemplo es este:
 
 
  !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; xml:lang=es lang=es
  head
   title/title
   style type=text/css
   /*![CDATA[*/
 
 
   #box{
background-color: #ccc;
padding:20px;
height: 140px;
width: 140px;
voice-family: \}\;
voice-family:inherit;
width: 100px;
height: 100px;
   }
 
   #boxMal{
background-color: #fcc;
padding:20px;
width: 100px;
height: 100px;
   }
 
   /*]]*/
   /style
  /head
 
  body
  body
  div id=box
  BOX/div
  div id=boxMal
  BOX MAL/div
  /body
  /html
  ___
  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] Box Model Hack con voice-family

2005-08-30 Por tema eemece2
Hola otra vez Martí,

No lei detenidamente tu enlace de tantek.com, pero ahora ya he visto en el
que la regla para Opera actua ademas para evitar que la siguiente regla
despues del hack no se quede en el 'limbo' alguna vez.

Me aplico el cuento.

No se si en las anteriores webs si esto habra sido el tipico problema
fantasma que no acabas de encontrar :-D

Gracias y un saludo,
Edu

- Original Message - 
From: mmundo [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, August 30, 2005 1:16 PM
Subject: Re: [Ovillo] Box Model Hack con voice-family


Añado... (ya que la sintaxis CSS es correcta)

IE5.x/Win aplica las declaraciones definidas antes del hack
voice-family (140px) y Mozilla y familia aplican las que se
encuentran a continuación (100px).

La base de este hack es precisamente que IE5.x/Win deja de leer a
partir de la declaración voice-family (porqué no lo comprende).

Deberás añadir una regla específica para Opera (si quieres mantener la
compatibilidad) basada en el selector html  body.


Martí Mundó.
--





El 30/08/05, mmundo[EMAIL PROTECTED] escribió:
 http://tantek.com/CSS/Examples/boxmodelhack.html



 El 30/08/05, eemece2[EMAIL PROTECTED] escribió:
  Hola a todos,
 
  Estoy haciendo un ejemplo del hack para el box model en IE5 con la
tecnica del voice-family, y me encuentro con que me deja sin aplicar en IE5
el grupo de reglas posterior al hack. En concreto tal como esta el ejemplo
no me aplica las de #boxMal. Si, en cambio, las paso antes de las reglas de
#box, si me las aplica.
 
  ¿Tengo que tener en cuenta algo mas que el :
 
voice-family: \}\;
voice-family:inherit;
 
  Yo pensaba que al acabar con el } se reseteaba el comportamiento del
IE5.
 
   El ejemplo es este:
 
 
  !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; xml:lang=es lang=es
  head
   title/title
   style type=text/css
   /*![CDATA[*/
 
 
   #box{
background-color: #ccc;
padding:20px;
height: 140px;
width: 140px;
voice-family: \}\;
voice-family:inherit;
width: 100px;
height: 100px;
   }
 
   #boxMal{
background-color: #fcc;
padding:20px;
width: 100px;
height: 100px;
   }
 
   /*]]*/
   /style
  /head
 
  body
  body
  div id=box
  BOX/div
  div id=boxMal
  BOX MAL/div
  /body
  /html
  ___
  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


[Ovillo] RollOver con una sola imagen

2005-08-25 Por tema eemece2
Hola a todos,

¿Teneis enlaces donde hablen de la tecnica que utilizan en la siguiente web?:

http://www.superfluousbanter.org/

para hacer rollovers de imagenes con una sola imagen de fondo, que contiene las 
dos versiones, normal y hover

y una pregunta: ¿porque en IE cuando pasamos el raton parece que recarga la 
imagen, pues esta unas decimas de segundo sin mostrar nada de la imagen de 
fondo?

Se supone que la tecnica consigue evitar esto, no?

En caso contrario, que tecnicas hay para que no pase esto en IE?

Gracias y un saludo,
Edu
___
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] Herramientas de Diseño y Estándares

2005-08-11 Por tema eemece2
Hola,

A mi personalmente me para un poco la implementacion en los navegadores de
SVG. A pesar de ser un estandar, en la practica, el que en los navegadores
se tenga que instalar un plugin limita bastante la cosa. Como todo, es la
pescadilla qie se muerde la cola, pero que no vaya integrado en los
navegadores lo coloca en una posicion de partida mucho peor que el Flash.

Yo de momento le veo futuro en principio como minimo como formato vectorial
simplemente, ya sea representado por el plugin de Adobe, cualquier otro
plugin SVG, o incluso mediante ActionScript en un Flash. La posibilidad de
crear los SVG cada vez con mas programas vectoriales, y el ser XML, supongo
que le hara el formato vectorial equivalente ahora al JPG y en el futuro al
PNG.

Y en cuanto a la interactividad, no puedo opinar mucho, pues no lo conozco
demasiado, pero aunque tenga muchas posibilidades, supongo que le costara
mucho alcanzar al Flash. No se si su avance dependera de Adobe, o de
nosotros los desarrolladores.

Supongo que Adobe seguira apostando por SVG como formato, seguira con la
difusion de su plugin, y ademas facilitara a los diseñadores/desarrolladores
de flash/ActionScript el uso archivos en formato SVG dentro de Flash. Y
acabara con ese muro que habia hasta ahora entre el mundo Macromedia y el
formato SVG en cuanto a importaciones/ exportaciones. Aunque igual alguno
opinais que esto pondria en peligro al SVG ... o al Flash ...

Saludos,
Edu

- Original Message - 
From: Jairo Enrique Serrano Castañeda [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, August 10, 2005 6:05 PM
Subject: Re: [Ovillo] Herramientas de Diseño y Estándares


nos desviamos del tema un poquito... pero es bueno debatir!

la pregunta original en otras palabras era:

Podemos apostar por SVG ahora que Macromedia es de Adobe?
donde quedara el apoyo a los estándares?
según he leído, Adobe re-potenciará su mercado ofreciendo PDF/FLASH...
nos espera un obscuro futuro?

Saludos compañeros!

El 10/08/05, andres karp[EMAIL PROTECTED] escribió:
 En plataforma Mac yo uso el Smultron que esta muy bien y ahora estoy
 probando con el Nvu, para ver si puedo dejar de usar Dreamweaver.

 saludos Andres
 El 09/08/2005, a las 23:46, Ale Muñoz escribió:

 
  ¿Y en plataforma Mac?
 
  Yo[1] estoy *totalmente* enamorado de skEdit[2]...
 
 
  a!e
 
  [1]: http://www.sofanaranja.com/2005/07/21/herramientas-
  imprescindibles-skedit/
  [2]: http://www.skti.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
 

 ___
 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

___
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] Centrado con margin negativo cuando el body e s pequeño

2005-08-04 Por tema eemece2
Hola a todos (menos los suertudos :-),

la duda va sobre el centrado en el body de un div de dimensiones fijas.
Si se usa la tecnica de usar margen negativo de la mitad del tamaño del div y 
ademas un top o left de 50%

height:400px;
margin-top: 200px;
top: 50%

la cosa funciona, salvo cuando reducimos la dimension del body/ventana, y 
entonces dejamos de ver la parte de arriba del div, con el problema de que el 
scroll no nos permite subir para verlo.

¿ alguna solucion ? , o quizas otra tecnica de centrado vertical de un div que 
no de este problema ?

El problema se puede ver por ejem, en esa url:

http://www.vashnevdesign.com/

a 800x600 cabe todo, pero si reducimos la ventana algo mas, ya no podemos ver 
la parte superior.

en esta otra vemos la tecnica usada:

http://www.tierradenomadas.com/tw003.phtml  ver: Caja centrada (margen 
líquido-contenido sólido)
http://www.tierradenomadas.com/tw003a2.html ejemplo 

Gracias y un saludo,
Edu
___
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] z-index de position:relative/absolute

2005-06-10 Por tema eemece2
Hola Raúl,

Gracias, has dado en el clavo. No habia puesto position:relative.
No tenia ni idea de que ocurre esto que comentas del posicionamiento.

Un saludo,
Edu

- Original Message - 
From: Raúl Martín [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, June 10, 2005 4:51 PM
Subject: Re: [Ovillo] z-index de position:relative/absolute


 Hola eemece2,


  Cuando dices por defecto, te refieres a no escribir nada...
  si no escribes position:relative; no vas a poder usar top, left..
  y tampoco z-index. Si esto ya lo tenias echo no hay nada que yo
  conozca que impida usar el z-index con dos  capas mientras las
  dos estén posicionadas. Si tu has definido un  position en la
  capa, esta se ve afectada por el z-index.
  El problema es cuando se usa el z-indez sin tener posicionado
  alguna de las capas.

  Hoy mismo en uno de mis diseños he tenido que jugar con el
  z-index y aunque no lo tengo delante, creo recordar que las 3
  capas que se entorpecías dos eran absolutas y una relativa. y sin
  problema.




 Friday, June 10, 2005, 1:33:33 PM, you wrote:

 e Hola a todos,

 e Tengo un problema con una pagina en la que quiero que una
 e imagen posicionada de manera absoluta con position:absolute , quede
 e por debajo de un menu posicionado por defecto como
 e position:relative.

 e Entre dos position:absolute si he conseguido que uno u otro
 e queden encima, con z-index, pero no consigo que un relative quede
 e por encima de un absolute.

 e ¿Es posible hacerlo?

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




 Saludos.

 _

  Todo lo que no aprendí,
 no se me ha olvidado.
 _



 ___
 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] XHTML con ASP.NET y Visual Studio?

2005-06-01 Por tema eemece2
Buenas!

En cuanto al javascript creado, usa la propiedad 'all' propietaria de IE.
En http://aspnet.4guysfromrolla.com/articles/051204-1.aspx habla de ello y
da la Url de unos controles de validacion alternativos 'DomValidators', que
usan js 'de calidad', peero que tiene el problema de que siguen utilizando
codigo html que no valida, pues usan atributos no estandar.

Asi que hay que modificar los controles, por ejemplo modificando los metodos
render, y utilizando dhtml no intrusivo, y mas cosas. Osea, un lio.

Un saludo,
Edu

- Original Message - 
From: Javier Mendiara Cañardo [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, June 01, 2005 10:26 AM
Subject: Re: [Ovillo] XHTML con ASP.NET y Visual Studio?


Lo mismo me ocurre con las JavaServer Faces, el homólogo de los
Webforms en Java. Además el entorno que uso, Rational Application
Developer (sobre Eclipse) de IBM, te genera HTML en los documentos
XHTML a su antojo, haciendo explotar cada compilación JSP nueva cada
vez que se te introduce algo sin darte cuenta.

Con respecto a las evaluaciones en cliente, no las he usado, y no sé
cómo es el javascript  que crea. Lo único que puedo decir que el motor
de render de páginas web que usa la herramienta en windows es el de
IE, y en linux, Mozilla

Parece que hasta en este punto por la lucha de tecnologías Java y .NET
está igualada.


El 31/05/05, eemece2[EMAIL PROTECTED] escribió:
 Hola Daniel,

 Yo utilizo una mezcla (para xhtml transitional) de:
 - crear controles nuevos para sustituir algunos controles de asp.net
 - utilizar clases derivadas de algunos otros controles, sobreescribiendo
el
 metodo render y/o algun otro.
 - no usar algunos controles de asp.net que son bastante puñeteros (utlizan
 javascript, etc) linkButton, por ejemplo.

 Pero como decian, te tienes que estar pegando constantemente con asp.net.
 Cuando salga ASP.NET 2.0 sera totalmente compatible (eso dicen) con xhtml.
 Es decir que generara el codigo que le digamos (transitional, strict, etc)

 Tienes que tener en cuenta tambien el renderizado adaptativo ( diferente
 html para segun que navegador/plataforma). Lo cual no se corresponde nada
 con la manera de desarrollar que usamos de separación
contenido/presentacion
 (y uso de hojas de estilo diferentes para cada dispositivo). Ademas de que
 considera a IE como moderno y al resto como antiguos :-(
 Y tambien en el tema de navegadores no IE, por ejemplo con la validacion
en
 cliente (los controles de validacion) en no IE no funcionan, por culpa del
 javascript propietario IE.

 Y mas cosas que no me acuerdo, o no quiero acordarme :-)

 algun enlace interesante:
 http://webstandards.org/buzz/archive/2004_10.html#a000452

http://www.liquid-internet.co.uk/content/dynamic/pages/series1article1.aspx
 http://aspnet.4guysfromrolla.com/articles/050504-1.aspx
 http://aspnet.4guysfromrolla.com/articles/051204-1.aspx

 Un saludo,
 Edu



-- 
AaDiOsS
___
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] listas con bullets (o numeros) y con display:block

2005-05-31 Por tema eemece2
El caso es que ahora, despues de retocar el ejemplo, me doy cuenta de que el
problema, creo, es que al no tener el a el display:block no puedo poner un
'hover' que coja toda la caja ( todo el li). Si puedo en FF, pero no puedo
en IE, que no acepta el li:hover.

Se que de esto se ha hablado mas de una vez, pero no se si tiene solucion,
aparte de cambiando el xhtml metiendo spans o algo asi.
Hay solución, o alguna alternativa?

El codigo como lo tengo ahora es este:

!DOCTYPE html
PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
html
head
title/title
meta http-equiv=Content-Type content=text/html;charset=iso-8859-1 /
style type=text/css
/*![CDATA[*/
#navcontainer
{
background: #f0e7d7;
width: 30%;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ol {
 list-style-position: inside;
 text-align: left;
 padding: 0px;
 margin: 0 auto;
 width: 70%;
}
li {
 background-color: #eee;
 border: 1px solid #A0A0A0;
 display: list-item;
 padding: 0.5em 0 0.5em 2em;
 border-width: 1px;
 border-color: #ffe #aaab9c #ccc #fff;
 border-style: solid;
 color: #777;
 text-decoration: none;
 background: #f7f2ea;
}

li:hover {
 background-color: #f0e7d7;
}
li a {
color: #777;
text-decoration: none;
}
li a:hover {
 color: #80;
background: #f0e7d7;
border-color: #aaab9c #fff #fff #ccc;
}
/*]]*/
/style
/head
body
div id=navcontainer
ol
 lia href=#link1/a/li
 lia href=#link2/a/li
 lia href=#link3/a/li
/ol
/div
/body
/html

 FIN CODIGO ///

Gracias,
Edu.



- Original Message - 
From: eemece2 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, May 31, 2005 3:10 PM
Subject: Re: [Ovillo] listas con bullets (o numeros) y con display:block


 Gracias a los tres, Kemie, Alberto y Raul,

 Pues ya no se. Me he debido de liar. Pero con vuestras indicaciones ya
esta.
 Y como ejemplo de lo que queria, partiendo del de Albaro y con la ayuda de
 Kemie, pongo el codigo:

 !DOCTYPE html
 PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
 http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
 html
 head
 title/title
 meta http-equiv=Content-Type content=text/html;charset=iso-8859-1 /
 style type=text/css
 /*![CDATA[*/
 ol {
  list-style-position: inside;
  width:200px;
 }
 li {
  background-color: #eee;
  border: 1px solid #A0A0A0;
 display: list-item;
 }
 li a {
  background-color: #eee;
 }
 /*]]*/
 /style
 /head

 body
 ol
  lia href=#link1/a/li
  lia href=#link2/a/li
  lia href=#link3/a/li
 /ol
 /body
 /html


 - Original Message - 
 From: Raul Martin [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Tuesday, May 31, 2005 2:53 PM
 Subject: RE: [Ovillo] listas con bullets (o numeros) y con display:block


 
  Hola,
 A mi solo me da problemas si pongo el display block en el LI, como
era
 de esperar.
  ¿Seguro que no has puesto un display block tambien en el li y no solo en
 el a?.
 
 Saludos.
 
  On 31/May/2005 14:22:03, eemece2 wrote:
   Buenas a todos,
  
   No consigo hacer una lista ol o ul mostrando los numeros o los
 bullets respectivamente, y ademas usando display:block en los a.
   El objetivo es hacer una lista vertical con todos los elementos
metidos
 en cajas de las mismas dimensiones, por ejemplo, como:
  
   http://css.maxdesign.com.au/listamatic/vertical08.htm
   o
   http://css.maxdesign.com.au/listamatic/vertical13.htm
  
   pero viendose los numeros o bullets (dentro de las cajas)
  
   No me vale el esconderlos y poner una imagen de fondo, pues tambien
debe
 de valer para listas ordenadas, viendose sus numeros.
  
   Normalmente, desaparecen los numeros o bullets.
   Parece que los display:block son los que dan los problemas.
  
   Bueno, si teneis alguna tecnica, o sabeis de algun enlace sobre esto,
 sera muy bien recibido :-)
  
   Gracias,
   Edu.
  
  
   ___
   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

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

Re: [Ovillo] listas con bullets (o numeros) y con display:block

2005-05-31 Por tema eemece2
 
/  _  _\
|||
\ \__/ /
/\

- Original Message - 
From: kemie guaida [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, May 31, 2005 9:40 PM
Subject: Re: [Ovillo] listas con bullets (o numeros) y con display:block


http://www.xs4all.nl/~peterned/csshover.html
:)

saludos

...:| kemie |:...
.:| www.monolinea.com http://www.monolinea.com |:.



eemece2 wrote:

Hay solución, o alguna alternativa?



___
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] Hojas de estilo para handheld

2005-05-30 Por tema eemece2
Hola,

Primero perdon por el formato del mensaje, no se porque llego todo junto sin
saltos de linea.

Por lo que he visto, me parece que hay que sobreescribir todas las reglas de
la hoja principal (screen) que se quieren cambiar, pues se aplica tambien
esta hoja principal cuando estamos en handheld (eso creo), no se porque.

Asi que segun esto no podrias usar una hoja de estilos sencillita, con pocas
reglas, para handheld.

Viendo www.opera.com lo que hace es usar import url(...) en la hoja
principal de screen, y no en la hoja handheld, pero se supone que cuando
este en handheld tambien la importara pues procesa tambien la hoja
principal, no?

Bueno, tengo que revisarlo mas, porque todavia no le he cogido el truco.
Si alguno ya controla esto, una ayudita, please!

Un saludo,
Edu.

- Original Message - 
From: eemece2 [EMAIL PROTECTED]
To: Ovillo@lists.ovillo.org
Sent: Friday, May 27, 2005 12:36 PM
Subject: [Ovillo] Hojas de estilo para handheld



Hola a todos,

Estoy intentando utilizar hojas de estilo para handhelds y tengo una duda,
en concreto con el codigo siguiente:

link rel=stylesheet media=screen href=Styles/global.css
type=text/css/link
link rel=stylesheet media=screen title=Estilo1
href=Styles/Estilo1.css type=text/css/link
link rel=alternate stylesheet media=screen title=Estilo2
href=Styles/Estilo2.css type=text/css/link
link rel=stylesheet href=Styles/handheld.css type=text/css
media=handheld/link

De esta manera, el global.css se procesa siempre en screen (pantalla de mi
PC), tenga seleccionado la Hoja Estilos1.css, o la alternativa Estilos2.css.

Esto supongo que es el comportamiento normal, creo que porque no le pongo un
title=... al link de la hoja global.css, y me viene bien para poner los
reglas comunes.
Lo que no me parece muy logico, es que cuando veo la web desde Opera con
'small screen' (simulando una PDA), me aplica la hoja handheld.css pero
tambien la hoja global.css, a pesar que especifico que es para
media=screen.
Como no tengo ahora la posibilidad de utilizar una PDA real con soporte de
CSS tengo la duda de si es que lo estoy haciendo mal, o si es Opera, o si es
que no hay tu tia, y la hoja global.css (la que no lleva title) se aplica en
todos los media.Bueno, pues eso.

Gracias por vuestro tiempo.
Un saludo,
Edu.
___
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] Hojas de estilo para handheld

2005-05-27 Por tema eemece2

Hola a todos,

Estoy intentando utilizar hojas de estilo para handhelds y tengo una duda, en 
concreto con el codigo siguiente:
link rel=stylesheet media=screen href=Styles/global.css 
type=text/css/link
link rel=stylesheet media=screen title=Estilo1 href=Styles/Estilo1.css 
type=text/css/link
link rel=alternate stylesheet media=screen title=Estilo2 
href=Styles/Estilo2.css type=text/css/link
link rel=stylesheet href=Styles/handheld.css type=text/css 
media=handheld/linkDe esta manera, el global.css se procesa siempre en 
screen (pantalla de mi PC), tenga seleccionado la Hoja Estilos1.css, o la 
alternativa Estilos2.css.Esto supongo que es el comportamiento normal, creo que 
porque no le pongo un title=... al link de la hoja global.css, y me viene 
bien para poner los reglas comunes.Lo que no me parece muy logico, es que 
cuando veo la web desde Opera con 'small screen' (simulando una PDA), me aplica 
la hoja handheld.css pero tambien la hoja global.css, a pesar que especifico 
que es para media=screen.Como no tengo ahora la posibilidad de utilizar una 
PDA real con soporte de CSS tengo la duda de si es que lo estoy haciendo mal, o 
si es Opera, o si es que no hay tu tia, y la hoja global.css (la que no lleva 
title) se aplica en todos los media.Bueno, pues eso. Gracias por vuestro 
tiempo.Un saludo,Edu.
___
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] S.Operativos Windows para verificar webs

2005-05-26 Por tema eemece2
Hola a todos,

Supongamos un Maquero de toda la vida.
Este maquero, arto de que no saber muy bien como se ven, en las plataformas 
Windows/IE, las webs que diseña en MAC, decide comprar un PC Compatible para 
comprobar el diseño de sus webs con Windows.

Y ahora viene la duda:
¿Es necesario, util, interesante, imprescindible, o una chorrada, el instalar 
varios sistemas operativos Windows (por ejm. w2000, XP, 98) en el equipo con la 
intención de probar sus webs en esos sistemas operativos.?

¿Hay diferencias significativas en como IE 5.x, IE 6 visualizan las webs hechas 
con xhtml/css y/o Flash y demas pluggins?
y lo mismo pero con otros navegadores.


Usaludo,
Edu

___
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] S.Operativos Windows para verificar webs

2005-05-26 Por tema eemece2
Hola!

¿el remote access de browsercam es pagando, no?
¿el virtual PC hace exactamente lo mismo en lo que nos ocupa: visualizavion
en navegadores IE con sus problemas y todo, y tal?

son preguntas eh! :-)

Un saludo,
Edu

- Original Message - 
From: Miguel Ángel Hervás [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, May 26, 2005 5:28 PM
Subject: Re: [Ovillo] S.Operativos Windows para verificar webs


En un principio pensé lo mismo que tu, me compré un PC para poder
testar las páginas que hacía con el Mac. Con el tiempo y la llegada de
xhtml y CSS2 las diferencias se redujeron - los estándares van ganando
terreno, cada vez me conceto menos con XP.
De todas formas queda mucho por hacer, sigue habiendo muchos sitios que
se construyen con tablas y en html 4, así que si quieres ahorrarte el
comprar una maquina nueva y tienes un Mac OSx con cierta potencia,
puedes instalar el Virtual PC que convierte tu maquina en un auténtico
PC compatible con el que comprobar si lo que haces es legible para la
mayoría de los usuarios.

El 26/05/2005, a las 14:24, Kaktum escribió:

 Hola a [EMAIL PROTECTED]

 Gracias por plantear la cuestión, Edu!!
 El del Mac soy yo.
 Me gusta usar el Mac para hacer webs, pero siempre me encuentro con
 problemas en versiones de IE de PC). Por eso he decidido hacerme con
 un PC para testear dichos problemas.

 El 28/05/2005, a las 1:04, Shmuel Gershon escribió:

 Y http://browsercam.com/ no le serviria mejor?


 He usado browsercam.com para varios proyectos y está muy bien, pero no
 puedo testear las webs en condiciones. Sólo obtienes un pantallazo
 del navegador, y en muchos casos no llegas a ver contenido  por haber
 scroll.

 Un saludo!!

 Kaktum



 ___
 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









 ***

 Este mensaje, y en su caso, cualquier fichero anexo al mismo, puede
contener informacion
 confidencial, siendo para uso exclusivo del destinatario, quedando
prohibida su divulgacion
 copia o distribucion a terceros sin la autorizacion expresa del remitente.
 Si Vd. ha recibido este mensaje erroneamente, se ruega lo notifique al
remitente y proceda
 a su borrado.
 Gracias por su colaboracion.

 This message, and in the case of any file annexed to it, can have
confidential information,
 and it is exclusively for the use of the addresse of the message. It is
strictly forbidden
 to spread a copy or distribute to third parties, without the express order
of the sender.
 If you have received this message mistakenly, we request you to notify to
the sender, and
 please be sure to erase it.
 Thank you for your collaboration.


 ***







___
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] Paginación

2005-05-18 Por tema eemece2
Hola a todos,

Quería consejo sobre como tratar los enlaces/hyperlinks para gestionar una 
paginación de registros.
es decir, los tipicos:

1 2 3 4  17,  primero, anterior, siguiente, ultimo

en cuanto al xhtml y el css.

teniendo en cuenta accesibilidad, semantica y demas cosas que se me pasen.

Un saludo!
Edu.
___
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] Tabla compleja: ¿Accesible?

2005-05-06 Por tema eemece2
Hola Borja,

No hay mucha diferencia, pero la idea es mas o menos asi:

div id=contenedor title=Ficha del animal
dl id=fotos
   dtImagen/dt
   ddimg src=buho.jpg//dd

   dtDistribución/dt
   ddimg src=distrib_buho.jpg//dd

  dtHábitat/dt
  ddimg src=habitat.jpg alt=Imagen Hábitat//dd
/dl

   dl id=textos
  dtNombre científico/dt
  dd Buho buho/dd

  dtOrden/dt
  ddStrigiformes/dd

  dtFamilia/dt
  ddStrigidos/dd
/dl
/div

y luego aplicamos estilos doferentes a fotos y textos:
Los que tu aplicas a izquierda y fotos los aplicas todos a fotos,
y los que tu aplicas a derecha y textos, a textos.

Aunque quizas puedas tener algun problema y necesitar los divs, entonces yo
haria:


div id=contenedor title=Ficha del animal
diid=fotos
dl
   dtImagen/dt
   ddimg src=buho.jpg//dd

   dtDistribución/dt
   ddimg src=distrib_buho.jpg//dd

  dtHábitat/dt
  ddimg src=habitat.jpg alt=Imagen Hábitat//dd
/dl
   /div

   div id=textos
dl
  dtNombre científico/dt
  dd Buho buho/dd

  dtOrden/dt
  ddStrigiformes/dd

  dtFamilia/dt
  ddStrigidos/dd
/dl
  /div
/div

y los estilos a los dl los aplicas asi:

#fotos dl {...}
#textos dl {...}


Pero ya digo, que solo son detalles, y puedes tener que modificarlo segun el
resultado final que quieras.
Ah!, y que no soy un experto, y puedo pifiarla facilmente!

Un saludo!
Edu

- Original Message - 
From: Kaktum [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, May 05, 2005 10:31 AM
Subject: Re: [Ovillo] Tabla compleja: ¿Accesible?


Hola Edu!

No acabo de entender lo que quieres decir.
A mi me interesa mostrar de distinta forma la lista de definicion para
las fotos y la de los textos, por lo que he usado ids distintas.
Los ids izquierda y derecha los puse para estructurar mi contenido, de
forma que pueda tener los dl de fotos por un lado y los de texto por
otro.
Si hago como tú dices no consigo que el dl de textos se vaya arriba,
y es lo que yo quiero.
Mi idea es mostrar los datos lo más parecido a la primera tabla que
puse  en el primer mensaje.

Un saludo:

Borja

El 04/05/2005, a las 22:09, eemece2 escribió:

 Hola Borja,

 Asi por encima, creo que podrias agrupar los div y los dl

 de:

 div id=izquierda
 dl id=fotos
 a:

 dl id=fotos

 y los estilos que le aplicas a izquierda y fotos se los aplicas todos a
 fotos.
 lo mismo con derecha.
 Y asi quitas los ids izquierda y derecha, que no se refieren al
 contenido o
 estructura sino a la presentación.
 (si en un furturo decides ponerlo al reves seria incongruente)

 Y por otro lado en:
 #fotos dl{
 }
 estas dando estilo a los dl DENTRO del id foto, con lo que no hace
 nada.
 Puedes poner:
 #fotos{
 }

 lo mismo con :
 #textos dl{
 }

 Seran las prisas, como yo, que pongo li...li/


___
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] Tabla compleja: ¿Accesible?

2005-05-06 Por tema eemece2
Hola Otra vez Borja,

El codigo completo con xhtml y css, con esos cambios pequeños :

!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
titleFicha del animal/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
/
style
#contenedor {
width: 100%;
font-family: sans-serif;
}

#fotos {
float: left;
  width: 50%;
  border: 1px solid #cc;

}
#fotos dt{
  margin-bottom:2.4em;
  padding: -2.4em;
  width: 100%;
  font-weight:bold;
   border: 1px solid #66;
  background-color: #99CC66;
}

#fotos dd{
  width: 100%;
  border: 1px solid #cc;
  margin-left: 0%;
  margin-top: -2.4em;
  padding: -3.4em;
  background-color: #FF;
}

#textos{
float: left;
width: 40%;
margin-left: 1em;
  border: 1px solid #cc;

}
#textos dt{
  margin-bottom: 2.4em;
  padding: -2.4em;
  width: 30%;
  margin-left: 0%;
  border: 1px solid #66;
  background-color: #99CC66;
  font-weight:bold;
}
#textos dd{
  width: 70%;
  border: 1px solid #cc;
  margin-left: 31%;
  margin-top: -3.5em;
  padding: -2.4em;
  background-color: #FF;
}
/style
/head

body
div id=contenedor title=Ficha del animal
dl id=fotos
   dtImagen/dt
   ddimg src=buho.jpg//dd

   dtDistribución/dt
   ddimg src=distrib_buho.jpg//dd

  dtHábitat/dt
  ddimg src=habitat.jpg alt=Imagen Hábitat//dd
/dl

   dl id=textos
  dtNombre científico/dt
  dd Buho buho/dd

  dtOrden/dt
  ddStrigiformes/dd

  dtFamilia/dt
  ddStrigidos/dd
/dl
/div
/body
/html

Un saludo,
Edu

___
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] Extension FireFox para simular PDA ?

2005-05-06 Por tema eemece2
Buenas a todos,

¿Conoceis alguno una extensión para FireFox que haga lo mismo que la opción 
'View/Small Screen' de Opera?
Con la que se ve la web aprox. como en una PDA.

Gracias y un saludo,
Edu
___
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] margenes solo entre elementos

2005-05-04 Por tema eemece2
Gracias Alejandro,

Jeje. Bueno, debia de estar dormido, no solo en los li/, tambien en el
ul/
Que no conste en acta, por favor. :-)

Saludos,
Edu

- Original Message - 
From: Alejandro Cuesta [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, May 04, 2005 10:43 AM
Subject: Re: [Ovillo] margenes solo entre elementos


 Hay una pseudo clase para el primer elemento:
 first-child [1], que es CSS2 y no funciona en todos
 los navegadores. Para el último creo que no hay.

 Por cierto, eso de li...li/, espero sea un error
 al teclear. ;)

 - Alex -

 [1] Pseudo clases en W3Schools:
 http://www.w3schools.com/css/css_pseudo_classes.asp




 --- Eduardo Martinez Cobos- Mobatek
 [EMAIL PROTECTED] escribió:
  Buenas a todos,
 
  Una duda:
 
  ¿Es posible definir un valor de margin-top o
  margin-bottom no cero para
  elementos (li) de una lista vertical, pero que no
  se apliquen al primer y
  ultimo elemento ( top y bottom respectivamente)?
 
  Obviamente no me gustaría tener que marcar con
  clases el primer y ultimo
  elemento:
 
  ul
  li class=fisrtpatatinli/
  li patatan li/
  li class=last sacaboli/
  ul/
 
  Gracias y un saludo,
  Edu
  ___
  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
 



 __
 Renovamos el Correo Yahoo!
 Nuevos servicios, más seguridad
 http://correo.yahoo.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

___
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] Tabla compleja: ¿Accesible?

2005-05-04 Por tema eemece2
Hola Raul y todos,

Si no me equivoco, tus estilos son para un xhtml como este:

dl
  dtNombre científico/dt
  ddBuho Real/dd
/dl
dl
  dtOrden/dt
  ddStrigiformes Strigiformes Strigiformes Strigiformes Strigiformes /dd
/dl
dl
  dtFamilia/dt
  ddStrigidos/dd
/dl

¿no?

¿No corresponde el dl a una lista de definiciones? de manera que en una
sola lista se incluyen varias definiciones dt dd  tipo...

dl
  dtNombre científico/dt
  ddBuho Real/dd

  dtOrden/dt
  ddStrigiformes Strigiformes Strigiformes Strigiformes Strigiformes /dd

  dtFamilia/dt
  ddStrigidos/dd
/dl

En este ultimo caso, usando tus estilos, los dt se amontonan arriba.

Pooor comentarrlo...  :-)

Un saludo,
Edu

- Original Message - 
From: Raúl Martín [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, May 04, 2005 8:51 PM
Subject: Re[2]: [Ovillo] Tabla compleja: ¿Accesible?


 Hola eemece2,

  pos yo pondría el mas alto - height - (la descripción) con position
relative
  (el position no es necesario pero clarfica) y el  mas pequeño (en
  pricipio solo tendrá una linea, en este caso nos viene feten) el
  dt en position absolute, con un ancho (ya que lo utilizáis me
  aprovecho). Para que el dd salve este espacio nos valed
  con un margin-left.

  dl
  dt.../dt
  dd/dd
  /dl


  dl{ width: 30em;/*no se que fontsize utilizamos asi que estos 20 nos
valen*/
  background;#333 url(linea.gif) repeat-y 10em 0;} /*fauxColum*/

  dt{position:absolute;
 width:10em;
 top:0;left:0;}/*para que quede claro donde van*/

  dd{position:relative;/*pa que se sepa que esto ocupa espacio*/
 margin-left:10em;}


/*No esta compilao :), sorry si me equivoque*/

  a mi me parece lo mas practico ;)




 Wednesday, May 4, 2005, 8:28:40 PM, you wrote:

 e Hola Camilo,

 e Tienes razón, si llevase varios animales juntos, una tabla puede ser
mas
 e correcto.

 e Respecto a lo del css-margen negativo es la unica manera que se me
ocurre
 e (si quieres que se parezca a una tabla).
 e soy todo oidos si sabes alguna alternativa :-)

 e Un saludo,
 e Edu

 e - Original Message - 
 e From: Camilo Kawerín [EMAIL PROTECTED]
 e To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 e Sent: Wednesday, May 04, 2005 7:22 PM
 e Subject: Re: [Ovillo] Tabla compleja: ¿Accesible?


  Hola
 
  eemece2 escribió:
   Aupa Borja!
  
   ¿has intentado hacerlo sin tablas, en concreto con listas de
 e definición?:
  
  http://www.w3.org/TR/2002/WD-xhtml2-20020805/mod-list.html#sec_10.1.
   semanticamente sera mas correcto.
   Mas o menos:
  
dl
 dtNombre científico/dt
 ddBuho Real/dd
  
 dtOrden/dt
 ddStrigiformes/dd
  
 dtFamilia/dt
 ddStrigidos/dd
   /dl
  Yo creo que si en la página tendrías una lista con varios animales, lo
  correcto sería una tabla. Si se trata de cada página debe ser una ficha
  de un solo animal, pues entonces sí creo que la lista de definición
  sería mejor.
 
  
   Claro que lograr la misma apariencia visual sera complicado, pero
 e bueno...
  
   .. usando un margin negativo en dd puedes simular un poco la forma de
la
   tabla, mas o menos :
  
   body{
font-size: medium;
   }
   dl{
width: 25em;
   }
   dt{
margin-bottom:0.4em;
padding: 0.2em;
width: 10em;
   }
   dd{
margin-left: 10em;
margin-top: -1.8em;
background-color: #eee;
padding: 0.2em;
   }
  
  ¿Y porqué no...?
 
  dl{
  width: 25em;
  }
  dt{
  *float: left;*
  margin-bottom:0.4em;
  padding: 0.2em;
  width: 10em;
  }
  dd{
  *float: right;*
  background-color: #eee;
  padding: 0.2em;
  width: 15em;
  }
 
  No lo probé, pero creo que lograría el efecto con menos complicaciones
  que el margen negativo (que suele provocar indigestión a IE).
  ___
  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:
 e http://ovillo.org/mailman/listinfo/ovillo

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




 Saludos.

 _

  Todo lo que no aprendí,
 no se me ha olvidado.
 _



 ___
 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

Re: [Ovillo] Tabla compleja: ¿Accesible?

2005-05-04 Por tema eemece2
Hola Borja,

Asi por encima, creo que podrias agrupar los div y los dl

de:

div id=izquierda
dl id=fotos
a:

dl id=fotos

y los estilos que le aplicas a izquierda y fotos se los aplicas todos a
fotos.
lo mismo con derecha.
Y asi quitas los ids izquierda y derecha, que no se refieren al contenido o
estructura sino a la presentación.
(si en un furturo decides ponerlo al reves seria incongruente)

Y por otro lado en:
#fotos dl{
}
estas dando estilo a los dl DENTRO del id foto, con lo que no hace nada.
Puedes poner:
#fotos{
}

lo mismo con :
#textos dl{
}

Seran las prisas, como yo, que pongo li...li/



Un saludo,
Edu

- Original Message - 
From: Kaktum [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, May 04, 2005 8:27 PM
Subject: Re: [Ovillo] Tabla compleja: ¿Accesible?


Mi gran problema es que la tabla que quiero hacer contiene imagenes y
textos, y presentados de manera lineal no son muy estéticos.
Con todo lo que me habeis dicho se me ha ocurrido crear dentro del mi
div contenedor  otros div con anchos en % (Ya que quiero un
diseño liquido 100%) en los que presentaré los datos con listas de
definición, de manera que pueda simular una tabla. Por ejemplo, puedo
poner las fotos en la izquierda y los textos en la derecha. Además asi
podria controlar independientemente con el CSS los atributos de los
dl dt y dd para la parte de fotos y para la parte de texto.

La cosa quedaría algo así

Código del HTML:

!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
titleFicha del animal/title
meta http-equiv=Content-Type content=text/html; charset=iso-8859-1
/
style
#contenedor {
width: 100%;
font-family: sans-serif;
}

#izquierda {
float: left;
width: 50%;
}

#derecha {
float: left;
width: 40%;
margin-left: 1em;
}

#fotos dl{
  width: 100%;
  border: 1px solid #cc;

}
#fotos dt{
  margin-bottom:2.4em;
  padding: -2.4em;
  width: 100%;
  font-weight:bold;
   border: 1px solid #66;
  background-color: #99CC66;
}

#fotos dd{
  width: 100%;
  border: 1px solid #cc;
  margin-left: 0%;
  margin-top: -2.4em;
  padding: -3.4em;
  background-color: #FF;
}

#textos dl{
  width: 100%;
  border: 1px solid #cc;

}
#textos dt{
  margin-bottom: 2.4em;
  padding: -2.4em;
  width: 30%;
  margin-left: 0%;
  border: 1px solid #66;
  background-color: #99CC66;
  font-weight:bold;
}
#textos dd{
  width: 70%;
  border: 1px solid #cc;
  margin-left: 31%;
  margin-top: -3.5em;
  padding: -2.4em;
  background-color: #FF;
}
/style
/head

body
div id=contenedor title=Ficha del animal
   h2Ficha del animal/h2

div id=izquierda
dl id=fotos
   dtImagen/dt
ddimg src=buho.jpg//dd

dtDistribución/dt
ddimg src=distrib_buho.jpg//dd

  dtHábitat/dt
  ddimg src=habitat.jpg alt=Imagen Hábitat//dd
/dl
/div

div id=derecha
   dl id=textos
 dtNombre científico/dt
 dd Buho buho/dd

 dtOrden/dt
 ddStrigiformes/dd

 dtFamilia/dt
 ddStrigidos/dd
/dl
   /div
  /div
/body
/html



¿Está bien hecho?

Gracias a [EMAIL PROTECTED] por la ayuda. Un saludo:

Borja Sanz
kaktum

___
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] IE y demás navegadores.

2005-04-25 Por tema eemece2
Buenas,

Una consulta sobre el punto 5 : no generar etiquetas xhtml propietarias on
the fly con javascript,

En el caso de usar una solución de compromiso, que adapta una codigo con esa
tecnica para que valide como xhtml transitional...

¿Con que problemas me puedo encontrar en el futuro?
¿Puede que el uso de setAttribute getAttribute de problemas con atributos no
estandares?


Gracias y un saludo,
Edu

- Original Message - 
From: Diego Martín Lafuente [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, April 25, 2005 3:46 PM
Subject: Re: [Ovillo] IE y demás navegadores.


Hola a todos los listeros,

 Esto es terminantemente simple:

 1. No desarrollar para IE ni para Firefox, desarrollar para los
estándares.
 2. Usar la forma más simple de maquetar.
 3. Diseñar con la semántica en la cabeza.
 4. Hackear y abusar del CSS, luego con las actualizaciones se
puede optimizar sólo 1 archivo a optimizar todo un sitio.
 5. No usar etiquetas de HTML o XHTML propietarias, ni generarlas
on the fly con javascript.

Básate en esos 5 puntos y no tendrás muchos problemas.



On 25/04/2005, at 12:20, Maikel Naigt wrote:

 ente, prefiero evitar los hacks y tener en mente qué es
 lo que no le gusta a tal o cual navegador para dar un pequeño giro al
 diseño y que de esta manera encaje sin problemas. También es verdad
 que uso como navegador de pruebas el FireFox y, una vez que tengo el
 diseño terminado paso a probarlo en el resto de navegadores. Al tener
 presente aquellos atributos/valores que son comunes en todos ellos no
 suelen darme más que algún problemilla de desajuste bastante puntual.
 Imagino que si quisiera desarrollar algún diseño con alguna
 caracterísitica especial que llevara el CSS al límite tendría que
 echar mano de hacks.


___
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] cols rows de textarea y CSS

2005-04-25 Por tema eemece2
 Hola lista,

 Si tenenos un texarea sin los atributos en linea 'cols' y 'rows' no valida
xhtml transitional.
Si ponemos 'cols' y 'rows' y ademas aplicamos un estilo al textarea con
valores para height y width si valida, pero pasa de los valores cols y rows
y usa los del CSS.

 ¿Esto debe ir asi, o estoy haciendo algo mal?

 ¿No va un poco en contra de lo habitual  (separación contenido y
 presentación) que tengamos que poner los atributos cols y rows en linea (en
 el tag, en el xhtml)?. Porque son necesarios estos atributos?

 Espero vuestra 'iluminación' :-)

 Muchas gracias y saludos,
 Edu


___
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] cols rows de textarea y CSS

2005-04-25 Por tema eemece2
Hola Juan,

Pues no lo pillo.
No veo la diferencia.
Segun pienso, si ponemos en el CSS las dimensiones en caracteres (ems), es
mas o menos lo mismo que el rows y cols, no?

Saludos,
Edu

- Original Message - 
From: Juan G. Hurtado [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Monday, April 25, 2005 7:47 PM
Subject: Re: [Ovillo] cols rows de textarea y CSS


 Saludos,

 no creo que los atributos cols y rows tengan nada que ver con la
 presentación de tu documento. Ten en cuenta que con eso especificas la
 cantidad de lineas, y el espacio de cada una de ellas. Para mi eso forma
 parte más del contenido que de la presentación, ya que no especificas un
 alto ni un ancho, sino un número de cols y un número de rows.

 No se si me explico bien. De todas formas es solo mi punto de vista. Si
 bien es cierto que esto de cols y rows es un poco ambiguo.

 -- 
 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

___
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] Iconos de validación mas pequeños

2005-04-22 Por tema eemece2
Buenas a todos,

Hace tiempo vi en algun sitio unos diseños de iconos de validación xhtml,
css, etc, mas pequeños que los que da el w3c,
por ej. en http://validator.w3.org/

Queria consultaros si sabeis donde puedo encontralos,
y tambien si considerais correcto el uso de unos iconos diferentes a los
estandar.

Digo yo que su unica función es permitir al visitante verificar la
validación, potenciando asi el uso de estandares, no?

Un saludo,
Edu

- Original Message - 
From: Marc el XrV [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Friday, April 22, 2005 11:22 AM
Subject: Re: [Ovillo] javascript noscript


 Supongo que estarás usando algún XHTML y por eso te peta el validador.

 La idea del XHTML es tener el contenido por un lado, el diseño por otro y
por
 supuesto la programación tambien aparte (javascript no intrusivo).

 Para no tener que hacer uso de la etiqueta NOSCRIPT, lo que tienes que
hacer
 es no usar javascript directamente en la página y sí poner el contenido
del
 noscript ahí, te pongo un ejemplo sencillo de, por ejemplo un reloj:

 head
   script type=text/javascript
 window.onload=function(){
   var reloj=document.getElementById(reloj);
   var fecha=(new Date()).toLocaleString();
   reloj.innerHTML = fecha;
 }
   /script
 /head
 body
   div id=relojNo te puedo mostrar la hora/div
 /body

 pues eso si te validaría, ya que no hay ninguna etiqueta obsoleta y el
 javascript está fuera del flujo de la página.

 saludos
 Marc Palau

 -- Original Message ---
 From: Igor Ormaetxebarria [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Fri, 22 Apr 2005 11:08:53 +0200
 Subject: [Ovillo] javascript noscript

  Hola otra vez a todos,
  ¿donde puedo encontrar las etiquetas validas para un javascript con
  noscript o algo por el estilo? es que el validador me da error en el
  noscript.
 
  un saludo,
  Igor (txurdi)
 
  ___
  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
 --- End of Original Message ---

 ___
 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] validacion xhtml // validacion en cliente de formularios (con asp.net)

2005-04-22 Por tema eemece2
Buenas,

Tengo una consulta que espero que alguno de vosotros que use asp.net me
pueda responder:

Llevo un tiempo pegandome con asp.net y xhtml/css. Y ahora que estoy
empezando a validar sigo con los problemas.
(Ya se, soy masoquista por usar asp.net :-(

Me toca ahora pegarme con la validación de formularios  (en este caso de sus
campos, aparte del xhtml) del lado del cliente (con js)
En su momento cambie los controles de validación de asp.net por los
DOMvalidators::

http://aspnet.4guysfromrolla.com/articles/051204-1.aspx

Que funcionan no solo en IE, sino tambien en FF y demas.

EL problema es que en los tags 'span' que utiliza para los validadores (sus
etiquetas de error y su comportamiento) usa atributos no estandares, que no
validan.

Por eso estoy buscando una solución. Un metodo de validación en lado-cliente
que valide como xhtml. ¿Conoceis alguna?

A falta de algo ya hecho, estoy pensando como modificarlo para que utilice
dhtml no intrusivo, de modo que eliminemos esos atributos.
Como en esos atributos esta almacenado el control a validar, el mensaje de
error, la funcion de validación, etc, mi idea era marcar simplemente el
validador con una clase, por ej, 'validador required' de donde sacamos la
funcion de validación, y el resto, asi:

- mensaje de error: el contenido del span, oculto inicialmente por css
- control a validar: obtenido cogiendo con js el control anterior al
validador (mediante la estructura del documento -DOM-)

* aqui una duda que tengo es si seria correcto añadir con js atributos no
estandares, aunque valide la pagina por no estar en el documento inicial.-

Bueno, me he liado un poco, pero creo que se ve por donde voy. Espero :-)

Gracias y un saludo,
Edu

___
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] alternativas al javascript

2005-04-21 Por tema eemece2
Hola,

Otra idea al vuelo (quizas poco reflexionada):

Puedes generar una lista de enlaces para cada opcion, y con dhtml no
intrusivo, cuando carga la pagina, sustituyes la lista (ul) por un popup,
o por un pseudo menu js.
Quizas se complique un poco, pero bueno, ahi esta la idea...

Un saludo,
Edu

- Original Message - 
From: Eva González [EMAIL PROTECTED]
To: Ovillo@lists.ovillo.org
Sent: Thursday, April 21, 2005 4:44 PM
Subject: [Ovillo] alternativas al javascript




 Tengo un problema que no se si alguien podrá resolverme.
 Tenemos una aplicación en .net que tiene un campo en el que el cliente
tiene
 que elegir un artículo entre X que no sabemos cuántos serán. (pero
 muchos seguro)
 Como primera opción hemos puesto que elija el artículo desde una pop
 up, pero al usuario le daremos la alternativa de si su navegador no
 acepta javasript lo verá como un enlace que vaya a un href. , donde
 elija el artículo. (el típico return false;)
 El problema viene cuando al elegir el artículo queremos que se grabe
 en la pantalla anterior. No sabemos cómo hacerlo sin usar javascript.
 Gracias de antemano.

 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://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] alternativas al javascript

2005-04-21 Por tema eemece2
Perdon, queria decir una lista o conjunto de selectores 'radioButton' no de
enlaces.

Aunqu pensando...cual es el problema? ¿que es muy larga la lista para
ponerla en la misma pagina?

Saludos

- Original Message - 
From: eemece2 [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Thursday, April 21, 2005 5:42 PM
Subject: Re: [Ovillo] alternativas al javascript


 Hola,

 Otra idea al vuelo (quizas poco reflexionada):

 Puedes generar una lista de enlaces para cada opcion, y con dhtml no
 intrusivo, cuando carga la pagina, sustituyes la lista (ul) por un
popup,
 o por un pseudo menu js.
 Quizas se complique un poco, pero bueno, ahi esta la idea...

 Un saludo,
 Edu

 - Original Message - 
 From: Eva González [EMAIL PROTECTED]
 To: Ovillo@lists.ovillo.org
 Sent: Thursday, April 21, 2005 4:44 PM
 Subject: [Ovillo] alternativas al javascript


 
 
  Tengo un problema que no se si alguien podrá resolverme.
  Tenemos una aplicación en .net que tiene un campo en el que el cliente
 tiene
  que elegir un artículo entre X que no sabemos cuántos serán. (pero
  muchos seguro)
  Como primera opción hemos puesto que elija el artículo desde una pop
  up, pero al usuario le daremos la alternativa de si su navegador no
  acepta javasript lo verá como un enlace que vaya a un href. , donde
  elija el artículo. (el típico return false;)
  El problema viene cuando al elegir el artículo queremos que se grabe
  en la pantalla anterior. No sabemos cómo hacerlo sin usar javascript.
  Gracias de antemano.
 
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://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] Cargando... con js

2005-04-20 Por tema eemece2
hola Kemie,

Muchas gracias.

Respecto al primer enlace, el problema es que utiliza el evento onLad de la
pagina para saber cuando esta cargada la imagen (y el resto).
En el caso que nos ocupa :-) pretendo hacer una carga solamente de una
nueva imagen, sin que se recarge la pagina, por lo que el evento anterior no
vale.

Y respecto al segundo enlace, visto por encima, usa la atributo 'complete'
de Image, y he estado buscando y no veo que sea estandar.
Conoceis ese atributo?, es estandar?

Saludos,
Edu

- Original Message - 
From: kemie guaida [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, April 20, 2005 12:11 PM
Subject: Re: [Ovillo] Cargando... con js


 Perdon si estoy diciendo algo que va fuera de lugar, no he estado
 siguiendo esta conversacion con mucha atencion, pero  estoy usando este
 codigo en uno de mis sitios, y tal vez cumple con lo que buscas:
 http://clagnut.com/sandbox/imagefades/

 tambien esta este loader de stilleye.com
 http://www.stilleye.com/#scripts

 espero que sea de alguna ayuda...

 kemie

 ...:| kemie |:...
 .:| www.monolinea.com http://www.monolinea.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

___
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] Cargando... con js

2005-04-20 Por tema eemece2
Choan, va muy bien en FF, IE y Netscape
¿Como se te ha ocurrido usar el  img.onload ?

Pero por fastidiar un poquito :-)
En Opera no acaban de mostrar las imagenes, supongo que porque el evento no
lo tiene implementado Opera. Digo yo.
Lo curioso es que alguna de vez en cuando si la muestra

Un saludo,
Edu

- Original Message - 
From: Choan C. Gálvez [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Wednesday, April 20, 2005 1:47 PM
Subject: Re: [Ovillo] Cargando... con js


He modificado el test que mencionaba en mi correo anterior
http://dev.lacalabaza.net/temp/cargando/

Ahora **sí** funciona como debería, incluso con imágenes de poco peso.

Si saco un rato, describiré su funcionamiento.

Salud,
Choan

Choan C. Gálvez escribió:
 eemece2 escribió:

 Buenas,

 Pues no he conseguido hacer funcionar lo del 'lowsrc'
 Y ninguno de los ejemplos que he visto en Internet me funciona.


 ¿Te refieres al enlace que te he pasado? No sé si has visto mis privados.

 En cualquier caso, hago público este test:
 http://dev.lacalabaza.net/temp/cargando/

 Hay un problemilla... las imágenes que he utilizado pesan bien poquito,
 así que el efecto no es apreciable (excepto en Opera, que las dibuja de
 arriba a abajo). Si alguien tiene imágenes gordas a mano para probarlo,
 que lo haga y nos cuente.

 El otro problemilla es que hoy no me explico muy bien, así que la
 información que hay en el documento es más bien inexistente.

 Salud,
 Choan

 Y en ningun navegador.
 No se me pasa. ¿Os funcionan a vosotros?

 Edu
 - Original Message - From: Choan C. Gálvez
 [EMAIL PROTECTED]
 To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 Sent: Wednesday, April 20, 2005 11:11 AM
 Subject: Re: [Ovillo] Cargando... con js


 Carlos Campderros/Ubuntu/UPC escribió:

 He hecho pruebas cambiando primero a una imagen muy poco pesada
 indicando
 la carga y luego a la adecuada pero no me va.
 Sale directamente la segunda:
 img.src = cargando.gif;
 img.src = laBuena.jpg;



 y si pones una lowsrc? (lowsrc es el atributo para indicar una imagen


 menos

 pesada, o a baja resolucion de la actual)

 img.lowsrc = cargando.gif;
 img.src = laBuena.jpg;

 no lo he probado, pero diría q debería funcionar



 ¿En qué navegador?

 http://www.quirksmode.org/oddsandends/lowsrc.html

 Salud,
 Choan
--
La violencia es el último recurso del incompetente.
 -- Isaac Asimov

___
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] Cargando... con js

2005-04-19 Por tema eemece2
Hola a todos,

Estoy intentando hacer una pequeña galeria de imagenes donde uso DHTML no
intrusivo.
La idea es evitar la recarga de toda la pagina cada vez que se pulsa en un
thumbnail para ver la imagen completa.
Lo que hago es poner el evento onclick a los hiperlinks adecuados (los
thumbs) para que cambien el 'src' de la imagen principal.
(decir que tambien tiene el 'href' por si no hay soporte js, para que sea
accesible)

El problemilla que tengo ahora es que al pinchar en un 'thumbnail' y cargar
la imagen, el usuario puede pensar que no ha ocurrido nada, aunque este
cargando la imagen.

Quería consultaros si sabeis como se puede hacer una especie de precarga ,
aunque solo sea mostrando un texto de cargando

Por lo que he visto no hay evento onLoad para las imagenes.
Existe la propiedad 'complete' que indica cuando una imagen se ha cargado,
pero que yo sepa, es propietaria de IE.
He hecho pruebas cambiando primero a una imagen muy poco pesada indicando la
carga y luego a la adecuada pero no me va.
Sale directamente la segunda:
img.src = cargando.gif;
img.src = laBuena.jpg;

Bueno, pues eso, teneis alguna sugerencia?

Saludos,
Edu.

PD: Creo que lei en un post que en esta lista no es Off Topic el
Javascript.
Si no es asi lo siento.

___
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] Cargando... con js

2005-04-19 Por tema eemece2
Muchas gracias Choan,

Tiene muy buena pinta. Me estudiare bien el codigo

!Que suerte la tuya de poder aburrirte un poco!
Yo estoy hasta las cejas. Un saludo,
Edu

- Original Message - 
From: Choan C. Gálvez [EMAIL PROTECTED]
To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Sent: Tuesday, April 19, 2005 4:26 PM
Subject: Re: [Ovillo] Cargando... con js


eemece2 escribió:
 Estoy intentando hacer una pequeña galeria de imagenes donde uso DHTML no
 intrusivo.
 La idea es evitar la recarga de toda la pagina cada vez que se pulsa en un
 thumbnail para ver la imagen completa.
 Lo que hago es poner el evento onclick a los hiperlinks adecuados (los
 thumbs) para que cambien el 'src' de la imagen principal.
 (decir que tambien tiene el 'href' por si no hay soporte js, para que sea
 accesible)

 El problemilla que tengo ahora es que al pinchar en un 'thumbnail' y
cargar
 la imagen, el usuario puede pensar que no ha ocurrido nada, aunque este
 cargando la imagen.

 Quería consultaros si sabeis como se puede hacer una especie de precarga ,
 aunque solo sea mostrando un texto de cargando

Date un paseíto por http://www.couloir.org/2005_1_0.php y verás que
muestra un Loading photo mientras carga la imagen (aunque en este caso
sí se pasa de un documento a otro para cambiar de foto).

Hay algo parecido en http://www.clagnut.com/blog/1299/

Un saludo,
Choan

PS: Preveo una tarde bastante aburrida, si te apetece comentarlo por
messenger, choan_galvez(at)hotmail.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

___
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] Enlaces debajo de pixels transparentes de un GIF

2005-04-13 Por tema eemece2
Hola Lista,

Tengo un problemilla con un div en el cual pongo una imagen de fondo con
CSS.
El caso es que la imagen es un GIF con una buena parte transparente.
El div/GIF se coloca sobre la cabecera de la pagina.
Y ocurre que debajo de la parte transparente del GIF coincide el final del
menu principal (mainNav)

Problema:
Los enlaces del menu que caen debajo del GIF en su zona transparente no son
accesibles/pulsables.

He probado con z-index en el estilo de los enlaces a del menu pero no
consigo solucionarlo.

Estoy haciendo algo mal?
Como puedo solucionarlo sin hacer cachitos el GIF?

El codigo, simplificando, es asi:

xhtml:

div id=mainNav
ulli/ul
div id=logo/

css:

#logo {
background: url(../i/logo.gif) no-repeat;
position:absolute;
height: 135px;
witdh: 300px;
top:0px;
right: -100px;
}

El GIF (logo.gif) ,por diversas razones, no puede ser el fondo del mainNav

Un saludo a todos,
Edu

___
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] editor WYSWYG

2005-04-12 Por tema eemece2
Hola,

Yo h eutilizado primero el FCK (solo en pruebas) y luego me pase al tinyMCE.
El primero estaba bastante bien, pero por un problema concreto de perdida de
foco cuando el CSS inicialmente me ocultaba un textarea, me pase al tinyMCE.
En este segundo creo que es un poco menos intuitivo, o facil, el
personalizar la barra de herramientas ( creo, eh!)

De todas maneras estoy todavia con un problema con los estilos del area de
edición con tinyMCE:

- Con IE me coge correctamente el CSS que tiene configurado como parametro
(editor_content.css, que lo puedes cambiar, el enlace, digo)
- Pero con FireFox no hay manera de personalizar el CSS que tuquieres que
coja.

Igual es una chorrada y es problema mio
Quizas alguno conoceis como se puede hacer para que use el CSS que tu
quieras

Un slaudo,

- Original Message - 
From: Jose Antonio Riquelme [EMAIL PROTECTED]
To: Ovillo@ovillo.org
Sent: Tuesday, April 12, 2005 4:31 PM
Subject: [Ovillo] editor WYSWYG


Hola amigos,

tengo dos cuestiones:

conoceis un editor What You See What You Get que sea compatible con
mozilla? Se que hay muchos pero necesito cambiar el que uso en mis
paginas y intentar usar algunos de los que he visto me causaría un
trauma de lo complicado que es.

la otra pregunta es, en base a la anterior, saber si existe alguno al
que le pueda asociar un css y pueda modificar el texto y ver en tiempo
de escritura el formato final. Esta segunda cuestión esta por encima
de traumas :)

Saludos.
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://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