[Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Eva García
Buenos días a tos@s,

Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde tengo
la cabecera con su menú, debajo tengo un slide dentro de un section y
debajo quiero maquetar tres cajas que digamos son tres contenidos
destacados. Lo típico de poner tres cajas en horizontal con su foto,
título, breve texto y botón link para ampliar la información. La duda que
me surge es si cada caja la tengo que poner dentro de una etiqueta
section o si por el contrario tengo que crear una etiqueta section para
aglutinar las tres cajas y después cada una de estas etiquetarla como
article ¿Sería correcto esto?

section
article
h3Títtulo/h3
...
/article

article
h3Títtulo/h3
...
/article

article
h3Títtulo/h3
...
/article
/section

Seguidamente de esto tengo un listado de noticias y un listado de opiniones
de clientes ¿tendría que utilizar la misma estructura?

Gracias!!
___
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] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Marina Gallardo
Yo no sé cómo lo ven los demás, pero quizás el section tendría que estar
dentro del article no?

2013/2/27 Eva García evag...@gmail.com

 Buenos días a tos@s,

 Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde tengo
 la cabecera con su menú, debajo tengo un slide dentro de un section y
 debajo quiero maquetar tres cajas que digamos son tres contenidos
 destacados. Lo típico de poner tres cajas en horizontal con su foto,
 título, breve texto y botón link para ampliar la información. La duda que
 me surge es si cada caja la tengo que poner dentro de una etiqueta
 section o si por el contrario tengo que crear una etiqueta section para
 aglutinar las tres cajas y después cada una de estas etiquetarla como
 article ¿Sería correcto esto?

 section
 article
 h3Títtulo/h3
 ...
 /article

 article
 h3Títtulo/h3
 ...
 /article

 article
 h3Títtulo/h3
 ...
 /article
 /section

 Seguidamente de esto tengo un listado de noticias y un listado de opiniones
 de clientes ¿tendría que utilizar la misma estructura?

 Gracias!!
 ___
 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] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema marcos méndez filesi
el tema es complicado y hay opiniones para todos los gustos. Las
especificaciones no son claras.

Entonces, mi consejo:

1) No uses section para maquetar. Si lo que necesitas es un contenedor,
emplea un div.

2) Usa el section para separar partes conceptuales de una web que no tengan
su propia etiqueta semántica (header, nav o aside).

3) Ante la duda, NO uses section.

Por ejemplo, si esas tres cajas hacen referencia a algo relacionado con el
listado que viene después, NO las enmarques con un section.

Pero, si esas tres cajas no tienen nada que ver con lo que viene después o
viene antes, sí puedes enmarcarlas con un section.

Un poco de info complementaria

http://www.impressivewebs.com/html5-section/
http://html5doctor.com/the-section-element/


El 27 de febrero de 2013 10:18, Eva García evag...@gmail.com escribió:

 Buenos días a tos@s,

 Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde tengo
 la cabecera con su menú, debajo tengo un slide dentro de un section y
 debajo quiero maquetar tres cajas que digamos son tres contenidos
 destacados. Lo típico de poner tres cajas en horizontal con su foto,
 título, breve texto y botón link para ampliar la información. La duda que
 me surge es si cada caja la tengo que poner dentro de una etiqueta
 section o si por el contrario tengo que crear una etiqueta section para
 aglutinar las tres cajas y después cada una de estas etiquetarla como
 article ¿Sería correcto esto?

 section
 article
 h3Títtulo/h3
 ...
 /article

 article
 h3Títtulo/h3
 ...
 /article

 article
 h3Títtulo/h3
 ...
 /article
 /section

 Seguidamente de esto tengo un listado de noticias y un listado de opiniones
 de clientes ¿tendría que utilizar la misma estructura?

 Gracias!!
 ___
 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




-- 
Marcos Méndez Filesi
http://www.mmfilesi.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] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Carlos Núñez
Te paso un extracto que sigo como referencia:

Uso de div/ en HTML5 orientado a SEO
La etiqueta div no ha muerto, sigue ahí y sigue significando lo que siempre
ha significado: conjunto de elementos. En ningún momento se ha transformado
a una etiqueta tonta que puedas usar libremente para ayudarte con el CSS
ni ha sido sustituida totalmente por la etiqueta section/.

Por lo tanto nuestro deber es usarla como ayuda a la estructura de página:
como base para crear el layout de de nuestras páginas, siempre y cuando no
exista otra etiqueta de conjunto que represente mejor este papel... En
otras palabras, div es la herramienta para unir elementos cuando no podemos
asociar significado semántico a este conjunto.

Uso de section/ en HTML5 orientado a SEO
El uso de seción es muy parecido al de div pero aportando la carga de
significado mínima posible al contenido. Englobando distintos elmentos
dentro de una etiqueta section/ lo que estamos haciendo es declarar que
todo su contenido está relacionado y forma parte de un mismo significado o
elemento.

La diferencia es sutil pero muy importante: cuando creamos bloques cuyo
contenido forma un todo usaremos section/, cuando estos bloques responden
más a diseño o a necesidades de estructura usaremos div/gt.

Esta diferenciación también provoca que en todas estas maquetas que usan
200 divs para conseguir que con pocos conociemientos de CSS el diseño tome
forma no pasan a estar bien hechas, pero si que podemos decir que en html5
estan menos mal (dado que al menos hemos marcado con sections los
conjuntos que si que tienen significado sin liar tanto a los buscadores).

Uso de article/ en HTML5 orientado a SEO
Por último la etiqueta article/ es el siguiente paso a la hora de
declarar que un cojunto de elmentos en nuestra página tiene significado. En
este caso el paso dado es el dar a entender que ese conjunto tiene
significado claro incluso si lo sacamos totalmente de la página. Es decir,
al incluir algo dentro dentro de la etiqueta article/ lo que estamos
diciéndole a los buscadores es que dentro de este article podrá encontrar
contenidos únicos con su propio significado.

Esto nos lleva casi siempre a que en páginas normales nuestro contenido
será el único article/ de la página y en páginas con listados de
elementos tendremos un article/ por cada elmento del listado (que si
queremos identificar bien, tendrá un link con rel=bookmark hacia el
contenido real).

Para que la etiqueta article termine de entenderse comentar que idealmente
esta al ser un contenido con significado propio podría contener en su
interior etiquetas header/, section/, aside/ y footer/ ya que... al
ser contenido propio, ¿porque no pueden tener sus mismas carácteristicas?

Uso de aside/ en HTML5 orientado a SEO
Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta
section/ venida a menos. Y es que aside sirve para indicar que ese bloque
es solo un añadido a los bloques que tiene al lado. Son datos extra sin lo
que podríamos pasar perfectamente pero que hemos decidido añadir en el
documento.

Así pues, un aside/ como hijo de la etiqueta body/ nos dice que se
trata de un contenido añadido por temas que no tienen nada que ver con el
contenido de página (normalmetne esas columnas laterales llenas de tags y
banners). Cuando lo incluimos dentro de un article/ nos indica que esa
información complementa el artículo pero no forma parte de él (listas de
datos, testimoniales, banners relacionados, etc...).

 Carlos.

El 27 de febrero de 2013 10:31, Marina Gallardo
marinagalla...@gmail.comescribió:

 Yo no sé cómo lo ven los demás, pero quizás el section tendría que estar
 dentro del article no?

 2013/2/27 Eva García evag...@gmail.com

  Buenos días a tos@s,
 
  Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde
 tengo
  la cabecera con su menú, debajo tengo un slide dentro de un section y
  debajo quiero maquetar tres cajas que digamos son tres contenidos
  destacados. Lo típico de poner tres cajas en horizontal con su foto,
  título, breve texto y botón link para ampliar la información. La duda que
  me surge es si cada caja la tengo que poner dentro de una etiqueta
  section o si por el contrario tengo que crear una etiqueta section
 para
  aglutinar las tres cajas y después cada una de estas etiquetarla como
  article ¿Sería correcto esto?
 
  section
  article
  h3Títtulo/h3
  ...
  /article
 
  article
  h3Títtulo/h3
  ...
  /article
 
  article
  h3Títtulo/h3
  ...
  /article
  /section
 
  Seguidamente de esto tengo un listado de noticias y un listado de
 opiniones
  de clientes ¿tendría que utilizar la misma estructura?
 
  Gracias!!
  ___
  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] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Eva García
Esas tres cajas no tienen nada que ver con el contenido que viene después.
Son tres cajas donde en cada un título, descripción y link a una página
interna. Es un bloque independiente de los demás, así que por lo que me
comentais esas tres cajas irían dentro de un section. Y ahora la siguiente
duda ¿debería de marcar cada caja con la etiqueta article?

Gracias por el texto Carlos, ya lo había visto googleando ;-)



El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com escribió:

 Te paso un extracto que sigo como referencia:

 Uso de div/ en HTML5 orientado a SEO
 La etiqueta div no ha muerto, sigue ahí y sigue significando lo que siempre
 ha significado: conjunto de elementos. En ningún momento se ha transformado
 a una etiqueta tonta que puedas usar libremente para ayudarte con el CSS
 ni ha sido sustituida totalmente por la etiqueta section/.

 Por lo tanto nuestro deber es usarla como ayuda a la estructura de página:
 como base para crear el layout de de nuestras páginas, siempre y cuando no
 exista otra etiqueta de conjunto que represente mejor este papel... En
 otras palabras, div es la herramienta para unir elementos cuando no podemos
 asociar significado semántico a este conjunto.

 Uso de section/ en HTML5 orientado a SEO
 El uso de seción es muy parecido al de div pero aportando la carga de
 significado mínima posible al contenido. Englobando distintos elmentos
 dentro de una etiqueta section/ lo que estamos haciendo es declarar que
 todo su contenido está relacionado y forma parte de un mismo significado o
 elemento.

 La diferencia es sutil pero muy importante: cuando creamos bloques cuyo
 contenido forma un todo usaremos section/, cuando estos bloques responden
 más a diseño o a necesidades de estructura usaremos div/gt.

 Esta diferenciación también provoca que en todas estas maquetas que usan
 200 divs para conseguir que con pocos conociemientos de CSS el diseño tome
 forma no pasan a estar bien hechas, pero si que podemos decir que en html5
 estan menos mal (dado que al menos hemos marcado con sections los
 conjuntos que si que tienen significado sin liar tanto a los buscadores).

 Uso de article/ en HTML5 orientado a SEO
 Por último la etiqueta article/ es el siguiente paso a la hora de
 declarar que un cojunto de elmentos en nuestra página tiene significado. En
 este caso el paso dado es el dar a entender que ese conjunto tiene
 significado claro incluso si lo sacamos totalmente de la página. Es decir,
 al incluir algo dentro dentro de la etiqueta article/ lo que estamos
 diciéndole a los buscadores es que dentro de este article podrá encontrar
 contenidos únicos con su propio significado.

 Esto nos lleva casi siempre a que en páginas normales nuestro contenido
 será el único article/ de la página y en páginas con listados de
 elementos tendremos un article/ por cada elmento del listado (que si
 queremos identificar bien, tendrá un link con rel=bookmark hacia el
 contenido real).

 Para que la etiqueta article termine de entenderse comentar que idealmente
 esta al ser un contenido con significado propio podría contener en su
 interior etiquetas header/, section/, aside/ y footer/ ya que... al
 ser contenido propio, ¿porque no pueden tener sus mismas carácteristicas?

 Uso de aside/ en HTML5 orientado a SEO
 Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta
 section/ venida a menos. Y es que aside sirve para indicar que ese bloque
 es solo un añadido a los bloques que tiene al lado. Son datos extra sin lo
 que podríamos pasar perfectamente pero que hemos decidido añadir en el
 documento.

 Así pues, un aside/ como hijo de la etiqueta body/ nos dice que se
 trata de un contenido añadido por temas que no tienen nada que ver con el
 contenido de página (normalmetne esas columnas laterales llenas de tags y
 banners). Cuando lo incluimos dentro de un article/ nos indica que esa
 información complementa el artículo pero no forma parte de él (listas de
 datos, testimoniales, banners relacionados, etc...).

  Carlos.

 El 27 de febrero de 2013 10:31, Marina Gallardo
 marinagalla...@gmail.comescribió:

  Yo no sé cómo lo ven los demás, pero quizás el section tendría que estar
  dentro del article no?
 
  2013/2/27 Eva García evag...@gmail.com
 
   Buenos días a tos@s,
  
   Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde
  tengo
   la cabecera con su menú, debajo tengo un slide dentro de un section y
   debajo quiero maquetar tres cajas que digamos son tres contenidos
   destacados. Lo típico de poner tres cajas en horizontal con su foto,
   título, breve texto y botón link para ampliar la información. La duda
 que
   me surge es si cada caja la tengo que poner dentro de una etiqueta
   section o si por el contrario tengo que crear una etiqueta section
  para
   aglutinar las tres cajas y después cada una de estas etiquetarla como
   article ¿Sería correcto esto?
  
   section
   article
   h3Títtulo/h3
   ...
   /article
  
 

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Carlos Núñez
De nada, lo vi en su momento y me pareció interesante y lógico.

El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com escribió:

 Esas tres cajas no tienen nada que ver con el contenido que viene después.
 Son tres cajas donde en cada un título, descripción y link a una página
 interna. Es un bloque independiente de los demás, así que por lo que me
 comentais esas tres cajas irían dentro de un section. Y ahora la siguiente
 duda ¿debería de marcar cada caja con la etiqueta article?

 Gracias por el texto Carlos, ya lo había visto googleando ;-)



 El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com escribió:

  Te paso un extracto que sigo como referencia:
 
  Uso de div/ en HTML5 orientado a SEO
  La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
 siempre
  ha significado: conjunto de elementos. En ningún momento se ha
 transformado
  a una etiqueta tonta que puedas usar libremente para ayudarte con el
 CSS
  ni ha sido sustituida totalmente por la etiqueta section/.
 
  Por lo tanto nuestro deber es usarla como ayuda a la estructura de
 página:
  como base para crear el layout de de nuestras páginas, siempre y cuando
 no
  exista otra etiqueta de conjunto que represente mejor este papel... En
  otras palabras, div es la herramienta para unir elementos cuando no
 podemos
  asociar significado semántico a este conjunto.
 
  Uso de section/ en HTML5 orientado a SEO
  El uso de seción es muy parecido al de div pero aportando la carga de
  significado mínima posible al contenido. Englobando distintos elmentos
  dentro de una etiqueta section/ lo que estamos haciendo es declarar que
  todo su contenido está relacionado y forma parte de un mismo significado
 o
  elemento.
 
  La diferencia es sutil pero muy importante: cuando creamos bloques cuyo
  contenido forma un todo usaremos section/, cuando estos bloques
 responden
  más a diseño o a necesidades de estructura usaremos div/gt.
 
  Esta diferenciación también provoca que en todas estas maquetas que usan
  200 divs para conseguir que con pocos conociemientos de CSS el diseño
 tome
  forma no pasan a estar bien hechas, pero si que podemos decir que en
 html5
  estan menos mal (dado que al menos hemos marcado con sections los
  conjuntos que si que tienen significado sin liar tanto a los buscadores).
 
  Uso de article/ en HTML5 orientado a SEO
  Por último la etiqueta article/ es el siguiente paso a la hora de
  declarar que un cojunto de elmentos en nuestra página tiene significado.
 En
  este caso el paso dado es el dar a entender que ese conjunto tiene
  significado claro incluso si lo sacamos totalmente de la página. Es
 decir,
  al incluir algo dentro dentro de la etiqueta article/ lo que estamos
  diciéndole a los buscadores es que dentro de este article podrá encontrar
  contenidos únicos con su propio significado.
 
  Esto nos lleva casi siempre a que en páginas normales nuestro contenido
  será el único article/ de la página y en páginas con listados de
  elementos tendremos un article/ por cada elmento del listado (que si
  queremos identificar bien, tendrá un link con rel=bookmark hacia el
  contenido real).
 
  Para que la etiqueta article termine de entenderse comentar que
 idealmente
  esta al ser un contenido con significado propio podría contener en su
  interior etiquetas header/, section/, aside/ y footer/ ya que...
 al
  ser contenido propio, ¿porque no pueden tener sus mismas carácteristicas?
 
  Uso de aside/ en HTML5 orientado a SEO
  Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta
  section/ venida a menos. Y es que aside sirve para indicar que ese
 bloque
  es solo un añadido a los bloques que tiene al lado. Son datos extra sin
 lo
  que podríamos pasar perfectamente pero que hemos decidido añadir en el
  documento.
 
  Así pues, un aside/ como hijo de la etiqueta body/ nos dice que se
  trata de un contenido añadido por temas que no tienen nada que ver con el
  contenido de página (normalmetne esas columnas laterales llenas de tags y
  banners). Cuando lo incluimos dentro de un article/ nos indica que esa
  información complementa el artículo pero no forma parte de él (listas de
  datos, testimoniales, banners relacionados, etc...).
 
   Carlos.
 
  El 27 de febrero de 2013 10:31, Marina Gallardo
  marinagalla...@gmail.comescribió:
 
   Yo no sé cómo lo ven los demás, pero quizás el section tendría que
 estar
   dentro del article no?
  
   2013/2/27 Eva García evag...@gmail.com
  
Buenos días a tos@s,
   
Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde
   tengo
la cabecera con su menú, debajo tengo un slide dentro de un
 section y
debajo quiero maquetar tres cajas que digamos son tres contenidos
destacados. Lo típico de poner tres cajas en horizontal con su foto,
título, breve texto y botón link para ampliar la información. La duda
  que
me surge es si cada caja la tengo que poner dentro de una etiqueta
section o si por el 

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Olivier Blázquez
Si no tienen nada que ver con el contenido que viene después, igual
deberías meterlas dentro de un aside, en vez de un section.

Yo entiendo el section como la sección de un periódico (Nacional, por
ejemplo), y dentro iría cada noticia dentro de un article. O como la
sección de una tienda y dentro de cada sección, un producto (article)
**
*
*



El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com escribió:

 Esas tres cajas .
 Son tres cajas donde en cada un título, descripción y link a una página
 interna. Es un bloque independiente de los demás, así que por lo que me
 comentais esas tres cajas irían dentro de un section. Y ahora la siguiente
 duda ¿debería de marcar cada caja con la etiqueta article?

 Gracias por el texto Carlos, ya lo había visto googleando ;-)



 El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com escribió:

  Te paso un extracto que sigo como referencia:
 
  Uso de div/ en HTML5 orientado a SEO
  La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
 siempre
  ha significado: conjunto de elementos. En ningún momento se ha
 transformado
  a una etiqueta tonta que puedas usar libremente para ayudarte con el
 CSS
  ni ha sido sustituida totalmente por la etiqueta section/.
 
  Por lo tanto nuestro deber es usarla como ayuda a la estructura de
 página:
  como base para crear el layout de de nuestras páginas, siempre y cuando
 no
  exista otra etiqueta de conjunto que represente mejor este papel... En
  otras palabras, div es la herramienta para unir elementos cuando no
 podemos
  asociar significado semántico a este conjunto.
 
  Uso de section/ en HTML5 orientado a SEO
  El uso de seción es muy parecido al de div pero aportando la carga de
  significado mínima posible al contenido. Englobando distintos elmentos
  dentro de una etiqueta section/ lo que estamos haciendo es declarar que
  todo su contenido está relacionado y forma parte de un mismo significado
 o
  elemento.
 
  La diferencia es sutil pero muy importante: cuando creamos bloques cuyo
  contenido forma un todo usaremos section/, cuando estos bloques
 responden
  más a diseño o a necesidades de estructura usaremos div/gt.
 
  Esta diferenciación también provoca que en todas estas maquetas que usan
  200 divs para conseguir que con pocos conociemientos de CSS el diseño
 tome
  forma no pasan a estar bien hechas, pero si que podemos decir que en
 html5
  estan menos mal (dado que al menos hemos marcado con sections los
  conjuntos que si que tienen significado sin liar tanto a los buscadores).
 
  Uso de article/ en HTML5 orientado a SEO
  Por último la etiqueta article/ es el siguiente paso a la hora de
  declarar que un cojunto de elmentos en nuestra página tiene significado.
 En
  este caso el paso dado es el dar a entender que ese conjunto tiene
  significado claro incluso si lo sacamos totalmente de la página. Es
 decir,
  al incluir algo dentro dentro de la etiqueta article/ lo que estamos
  diciéndole a los buscadores es que dentro de este article podrá encontrar
  contenidos únicos con su propio significado.
 
  Esto nos lleva casi siempre a que en páginas normales nuestro contenido
  será el único article/ de la página y en páginas con listados de
  elementos tendremos un article/ por cada elmento del listado (que si
  queremos identificar bien, tendrá un link con rel=bookmark hacia el
  contenido real).
 
  Para que la etiqueta article termine de entenderse comentar que
 idealmente
  esta al ser un contenido con significado propio podría contener en su
  interior etiquetas header/, section/, aside/ y footer/ ya que...
 al
  ser contenido propio, ¿porque no pueden tener sus mismas carácteristicas?
 
  Uso de aside/ en HTML5 orientado a SEO
  Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta
  section/ venida a menos. Y es que aside sirve para indicar que ese
 bloque
  es solo un añadido a los bloques que tiene al lado. Son datos extra sin
 lo
  que podríamos pasar perfectamente pero que hemos decidido añadir en el
  documento.
 
  Así pues, un aside/ como hijo de la etiqueta body/ nos dice que se
  trata de un contenido añadido por temas que no tienen nada que ver con el
  contenido de página (normalmetne esas columnas laterales llenas de tags y
  banners). Cuando lo incluimos dentro de un article/ nos indica que esa
  información complementa el artículo pero no forma parte de él (listas de
  datos, testimoniales, banners relacionados, etc...).
 
   Carlos.
 
  El 27 de febrero de 2013 10:31, Marina Gallardo
  marinagalla...@gmail.comescribió:
 
   Yo no sé cómo lo ven los demás, pero quizás el section tendría que
 estar
   dentro del article no?
  
   2013/2/27 Eva García evag...@gmail.com
  
Buenos días a tos@s,
   
Estoy empezando a usar HTML5 y me surge una duda. Tengo una Web donde
   tengo
la cabecera con su menú, debajo tengo un slide dentro de un
 section y
debajo quiero maquetar tres cajas que digamos son tres contenidos
destacados. Lo 

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Eva García
Para que veis más clara la estructura de la Web os comento que es una
tienda online, donde debajo del slide hay tres cajas que son tres enlaces a
tres categorías de productos. Cada caja lleva una imagen, el título de la
categoría, una breve descripción de la categoría y un link a esa categoría.
Debajo van las noticias y debajo opiniones de clientes. La duda que
planteaba es como maquetar esas cajas con enlaces a las categorías
principales. Por lo que he leido entiendo que todo iría dentro de un único
section y no se si cada caja etiquetarla con un article o un div

Que lío esto del HTML5!!!

Gracias de nuevo!


El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.comescribió:

 Si no tienen nada que ver con el contenido que viene después, igual
 deberías meterlas dentro de un aside, en vez de un section.

 Yo entiendo el section como la sección de un periódico (Nacional, por
 ejemplo), y dentro iría cada noticia dentro de un article. O como la
 sección de una tienda y dentro de cada sección, un producto (article)
 **
 *
 *



 El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com escribió:

  Esas tres cajas .
  Son tres cajas donde en cada un título, descripción y link a una página
  interna. Es un bloque independiente de los demás, así que por lo que me
  comentais esas tres cajas irían dentro de un section. Y ahora la
 siguiente
  duda ¿debería de marcar cada caja con la etiqueta article?
 
  Gracias por el texto Carlos, ya lo había visto googleando ;-)
 
 
 
  El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
 escribió:
 
   Te paso un extracto que sigo como referencia:
  
   Uso de div/ en HTML5 orientado a SEO
   La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
  siempre
   ha significado: conjunto de elementos. En ningún momento se ha
  transformado
   a una etiqueta tonta que puedas usar libremente para ayudarte con el
  CSS
   ni ha sido sustituida totalmente por la etiqueta section/.
  
   Por lo tanto nuestro deber es usarla como ayuda a la estructura de
  página:
   como base para crear el layout de de nuestras páginas, siempre y cuando
  no
   exista otra etiqueta de conjunto que represente mejor este papel... En
   otras palabras, div es la herramienta para unir elementos cuando no
  podemos
   asociar significado semántico a este conjunto.
  
   Uso de section/ en HTML5 orientado a SEO
   El uso de seción es muy parecido al de div pero aportando la carga de
   significado mínima posible al contenido. Englobando distintos elmentos
   dentro de una etiqueta section/ lo que estamos haciendo es declarar
 que
   todo su contenido está relacionado y forma parte de un mismo
 significado
  o
   elemento.
  
   La diferencia es sutil pero muy importante: cuando creamos bloques cuyo
   contenido forma un todo usaremos section/, cuando estos bloques
  responden
   más a diseño o a necesidades de estructura usaremos div/gt.
  
   Esta diferenciación también provoca que en todas estas maquetas que
 usan
   200 divs para conseguir que con pocos conociemientos de CSS el diseño
  tome
   forma no pasan a estar bien hechas, pero si que podemos decir que en
  html5
   estan menos mal (dado que al menos hemos marcado con sections los
   conjuntos que si que tienen significado sin liar tanto a los
 buscadores).
  
   Uso de article/ en HTML5 orientado a SEO
   Por último la etiqueta article/ es el siguiente paso a la hora de
   declarar que un cojunto de elmentos en nuestra página tiene
 significado.
  En
   este caso el paso dado es el dar a entender que ese conjunto tiene
   significado claro incluso si lo sacamos totalmente de la página. Es
  decir,
   al incluir algo dentro dentro de la etiqueta article/ lo que estamos
   diciéndole a los buscadores es que dentro de este article podrá
 encontrar
   contenidos únicos con su propio significado.
  
   Esto nos lleva casi siempre a que en páginas normales nuestro contenido
   será el único article/ de la página y en páginas con listados de
   elementos tendremos un article/ por cada elmento del listado (que si
   queremos identificar bien, tendrá un link con rel=bookmark hacia el
   contenido real).
  
   Para que la etiqueta article termine de entenderse comentar que
  idealmente
   esta al ser un contenido con significado propio podría contener en su
   interior etiquetas header/, section/, aside/ y footer/ ya
 que...
  al
   ser contenido propio, ¿porque no pueden tener sus mismas
 carácteristicas?
  
   Uso de aside/ en HTML5 orientado a SEO
   Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta
   section/ venida a menos. Y es que aside sirve para indicar que ese
  bloque
   es solo un añadido a los bloques que tiene al lado. Son datos extra sin
  lo
   que podríamos pasar perfectamente pero que hemos decidido añadir en el
   documento.
  
   Así pues, un aside/ como hijo de la etiqueta body/ nos dice que se
   trata de un contenido añadido por temas que no tienen nada que ver con
 el
   

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema marcos méndez filesi
a) Como comenta Olivier, depende de su función en el conjunto de la web. Si
contienen enlaces a cosas sin importancia, que de no estar no pasaría nada,
irían en un aside genérico (donde tienes el section) y lo demás con divs.

b) Si son un elemento fundamental de la navegación, lo mismo, pero con un
nav en vez de un aside.

c) Si son piezas de información, cada una independiente, es decir, con
entidad por sí misma, entonces el global sería el section y los de dentro
el article (como los tienes).

El ejemplo de Olivier del periódico está bien pensado. Por poner otros
casos:

1) En una página con un chat complementario (como algunos foros), el chat
iría en un section.

2) En una página comercial, cada artículo sería un article, el catálogo un
section y si hubiera un apartado con el boletín de la tienda, ese sería
otro section.

3) En un foro, cada thread sería un section y cada post un article.




El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com escribió:

 Esas tres cajas no tienen nada que ver con el contenido que viene después.
 Son tres cajas donde en cada un título, descripción y link a una página
 interna. Es un bloque independiente de los demás, así que por lo que me
 comentais esas tres cajas irían dentro de un section. Y ahora la siguiente
 duda ¿debería de marcar cada caja con la etiqueta article?

 Gracias por el texto Carlos, ya lo había visto googleando ;-)



 El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com escribió:

  Te paso un extracto que sigo como referencia:
 
  Uso de div/ en HTML5 orientado a SEO
  La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
 siempre
  ha significado: conjunto de elementos. En ningún momento se ha
 transformado
  a una etiqueta tonta que puedas usar libremente para ayudarte con el
 CSS
  ni ha sido sustituida totalmente por la etiqueta section/.
 
  Por lo tanto nuestro deber es usarla como ayuda a la estructura de
 página:
  como base para crear el layout de de nuestras páginas, siempre y cuando
 no
  exista otra etiqueta de conjunto que represente mejor este papel... En
  otras palabras, div es la herramienta para unir elementos cuando no
 podemos
  asociar significado semántico a este conjunto.
 
  Uso de section/ en HTML5 orientado a SEO
  El uso de seción es muy parecido al de div pero aportando la carga de
  significado mínima posible al contenido. Englobando distintos elmentos
  dentro de una etiqueta section/ lo que estamos haciendo es declarar que
  todo su contenido está relacionado y forma parte de un mismo significado
 o
  elemento.
 
  La diferencia es sutil pero muy importante: cuando creamos bloques cuyo
  contenido forma un todo usaremos section/, cuando estos bloques
 responden
  más a diseño o a necesidades de estructura usaremos div/gt.
 
  Esta diferenciación también provoca que en todas estas maquetas que usan
  200 divs para conseguir que con pocos conociemientos de CSS el diseño
 tome
  forma no pasan a estar bien hechas, pero si que podemos decir que en
 html5
  estan menos mal (dado que al menos hemos marcado con sections los
  conjuntos que si que tienen significado sin liar tanto a los buscadores).
 
  Uso de article/ en HTML5 orientado a SEO
  Por último la etiqueta article/ es el siguiente paso a la hora de
  declarar que un cojunto de elmentos en nuestra página tiene significado.
 En
  este caso el paso dado es el dar a entender que ese conjunto tiene
  significado claro incluso si lo sacamos totalmente de la página. Es
 decir,
  al incluir algo dentro dentro de la etiqueta article/ lo que estamos
  diciéndole a los buscadores es que dentro de este article podrá encontrar
  contenidos únicos con su propio significado.
 
  Esto nos lleva casi siempre a que en páginas normales nuestro contenido
  será el único article/ de la página y en páginas con listados de
  elementos tendremos un article/ por cada elmento del listado (que si
  queremos identificar bien, tendrá un link con rel=bookmark hacia el
  contenido real).
 
  Para que la etiqueta article termine de entenderse comentar que
 idealmente
  esta al ser un contenido con significado propio podría contener en su
  interior etiquetas header/, section/, aside/ y footer/ ya que...
 al
  ser contenido propio, ¿porque no pueden tener sus mismas carácteristicas?
 
  Uso de aside/ en HTML5 orientado a SEO
  Por ultimo nos queda la etiqueta aside que viene a ser una etiqueta
  section/ venida a menos. Y es que aside sirve para indicar que ese
 bloque
  es solo un añadido a los bloques que tiene al lado. Son datos extra sin
 lo
  que podríamos pasar perfectamente pero que hemos decidido añadir en el
  documento.
 
  Así pues, un aside/ como hijo de la etiqueta body/ nos dice que se
  trata de un contenido añadido por temas que no tienen nada que ver con el
  contenido de página (normalmetne esas columnas laterales llenas de tags y
  banners). Cuando lo incluimos dentro de un article/ nos indica que esa
  información complementa el artículo pero 

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema marcos méndez filesi
entonces yo haría un nav + 3divs.

y no te olvides de añadir esto pá que funcionen los tags con la tostadora:

!-- Script Media Queries y semánticos para el Explorer--
!--[if lte IE 8]
script src=//html5shiv.googlecode.com/svn/trunk/html5.js/script
script src=//
css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
/script
![endif]--

`+ en los estilos:


article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}


+ info, que me acabo de acordar que escribí sobre eso

http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/




El 27 de febrero de 2013 11:03, Eva García evag...@gmail.com escribió:

 Para que veis más clara la estructura de la Web os comento que es una
 tienda online, donde debajo del slide hay tres cajas que son tres enlaces a
 tres categorías de productos. Cada caja lleva una imagen, el título de la
 categoría, una breve descripción de la categoría y un link a esa categoría.
 Debajo van las noticias y debajo opiniones de clientes. La duda que
 planteaba es como maquetar esas cajas con enlaces a las categorías
 principales. Por lo que he leido entiendo que todo iría dentro de un único
 section y no se si cada caja etiquetarla con un article o un div

 Que lío esto del HTML5!!!

 Gracias de nuevo!


 El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.com
 escribió:

  Si no tienen nada que ver con el contenido que viene después, igual
  deberías meterlas dentro de un aside, en vez de un section.
 
  Yo entiendo el section como la sección de un periódico (Nacional, por
  ejemplo), y dentro iría cada noticia dentro de un article. O como la
  sección de una tienda y dentro de cada sección, un producto (article)
  **
  *
  *
 
 
 
  El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com escribió:
 
   Esas tres cajas .
   Son tres cajas donde en cada un título, descripción y link a una página
   interna. Es un bloque independiente de los demás, así que por lo que me
   comentais esas tres cajas irían dentro de un section. Y ahora la
  siguiente
   duda ¿debería de marcar cada caja con la etiqueta article?
  
   Gracias por el texto Carlos, ya lo había visto googleando ;-)
  
  
  
   El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
  escribió:
  
Te paso un extracto que sigo como referencia:
   
Uso de div/ en HTML5 orientado a SEO
La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
   siempre
ha significado: conjunto de elementos. En ningún momento se ha
   transformado
a una etiqueta tonta que puedas usar libremente para ayudarte con
 el
   CSS
ni ha sido sustituida totalmente por la etiqueta section/.
   
Por lo tanto nuestro deber es usarla como ayuda a la estructura de
   página:
como base para crear el layout de de nuestras páginas, siempre y
 cuando
   no
exista otra etiqueta de conjunto que represente mejor este papel...
 En
otras palabras, div es la herramienta para unir elementos cuando no
   podemos
asociar significado semántico a este conjunto.
   
Uso de section/ en HTML5 orientado a SEO
El uso de seción es muy parecido al de div pero aportando la carga de
significado mínima posible al contenido. Englobando distintos
 elmentos
dentro de una etiqueta section/ lo que estamos haciendo es declarar
  que
todo su contenido está relacionado y forma parte de un mismo
  significado
   o
elemento.
   
La diferencia es sutil pero muy importante: cuando creamos bloques
 cuyo
contenido forma un todo usaremos section/, cuando estos bloques
   responden
más a diseño o a necesidades de estructura usaremos div/gt.
   
Esta diferenciación también provoca que en todas estas maquetas que
  usan
200 divs para conseguir que con pocos conociemientos de CSS el diseño
   tome
forma no pasan a estar bien hechas, pero si que podemos decir que en
   html5
estan menos mal (dado que al menos hemos marcado con sections los
conjuntos que si que tienen significado sin liar tanto a los
  buscadores).
   
Uso de article/ en HTML5 orientado a SEO
Por último la etiqueta article/ es el siguiente paso a la hora de
declarar que un cojunto de elmentos en nuestra página tiene
  significado.
   En
este caso el paso dado es el dar a entender que ese conjunto tiene
significado claro incluso si lo sacamos totalmente de la página. Es
   decir,
al incluir algo dentro dentro de la etiqueta article/ lo que
 estamos
diciéndole a los buscadores es que dentro de este article podrá
  encontrar
contenidos únicos con su propio significado.
   
Esto nos lleva casi siempre a que en páginas normales nuestro
 contenido
será el único article/ de la página y en páginas con listados de
elementos tendremos un article/ por cada elmento del listado (que
 si
queremos identificar bien, tendrá un link con rel=bookmark hacia el
contenido real).
   
Para que la etiqueta 

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Eva García
Hola Marcos,

Gracias por la ayuda. Ya he metido por el código que me indicas. Sobre lo
del nav que me comentas me surge una duda. Ya tengo un nav con el menú
principal ¿puedo tener más de un nav en el código?

Gracias de nuevo!



El 27 de febrero de 2013 11:12, marcos méndez filesi
mmfil...@gmail.comescribió:

 entonces yo haría un nav + 3divs.

 y no te olvides de añadir esto pá que funcionen los tags con la tostadora:

 !-- Script Media Queries y semánticos para el Explorer--
 !--[if lte IE 8]
 script src=//html5shiv.googlecode.com/svn/trunk/html5.js/script
 script src=//
 css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
 /script
 ![endif]--

 `+ en los estilos:


 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section,
 summary {
 display: block;
 }


 + info, que me acabo de acordar que escribí sobre eso

 http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/




 El 27 de febrero de 2013 11:03, Eva García evag...@gmail.com escribió:

  Para que veis más clara la estructura de la Web os comento que es una
  tienda online, donde debajo del slide hay tres cajas que son tres
 enlaces a
  tres categorías de productos. Cada caja lleva una imagen, el título de la
  categoría, una breve descripción de la categoría y un link a esa
 categoría.
  Debajo van las noticias y debajo opiniones de clientes. La duda que
  planteaba es como maquetar esas cajas con enlaces a las categorías
  principales. Por lo que he leido entiendo que todo iría dentro de un
 único
  section y no se si cada caja etiquetarla con un article o un div
 
  Que lío esto del HTML5!!!
 
  Gracias de nuevo!
 
 
  El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.com
  escribió:
 
   Si no tienen nada que ver con el contenido que viene después, igual
   deberías meterlas dentro de un aside, en vez de un section.
  
   Yo entiendo el section como la sección de un periódico (Nacional, por
   ejemplo), y dentro iría cada noticia dentro de un article. O como la
   sección de una tienda y dentro de cada sección, un producto (article)
   **
   *
   *
  
  
  
   El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com
 escribió:
  
Esas tres cajas .
Son tres cajas donde en cada un título, descripción y link a una
 página
interna. Es un bloque independiente de los demás, así que por lo que
 me
comentais esas tres cajas irían dentro de un section. Y ahora la
   siguiente
duda ¿debería de marcar cada caja con la etiqueta article?
   
Gracias por el texto Carlos, ya lo había visto googleando ;-)
   
   
   
El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
   escribió:
   
 Te paso un extracto que sigo como referencia:

 Uso de div/ en HTML5 orientado a SEO
 La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
siempre
 ha significado: conjunto de elementos. En ningún momento se ha
transformado
 a una etiqueta tonta que puedas usar libremente para ayudarte con
  el
CSS
 ni ha sido sustituida totalmente por la etiqueta section/.

 Por lo tanto nuestro deber es usarla como ayuda a la estructura de
página:
 como base para crear el layout de de nuestras páginas, siempre y
  cuando
no
 exista otra etiqueta de conjunto que represente mejor este papel...
  En
 otras palabras, div es la herramienta para unir elementos cuando no
podemos
 asociar significado semántico a este conjunto.

 Uso de section/ en HTML5 orientado a SEO
 El uso de seción es muy parecido al de div pero aportando la carga
 de
 significado mínima posible al contenido. Englobando distintos
  elmentos
 dentro de una etiqueta section/ lo que estamos haciendo es
 declarar
   que
 todo su contenido está relacionado y forma parte de un mismo
   significado
o
 elemento.

 La diferencia es sutil pero muy importante: cuando creamos bloques
  cuyo
 contenido forma un todo usaremos section/, cuando estos bloques
responden
 más a diseño o a necesidades de estructura usaremos div/gt.

 Esta diferenciación también provoca que en todas estas maquetas que
   usan
 200 divs para conseguir que con pocos conociemientos de CSS el
 diseño
tome
 forma no pasan a estar bien hechas, pero si que podemos decir que
 en
html5
 estan menos mal (dado que al menos hemos marcado con sections los
 conjuntos que si que tienen significado sin liar tanto a los
   buscadores).

 Uso de article/ en HTML5 orientado a SEO
 Por último la etiqueta article/ es el siguiente paso a la hora de
 declarar que un cojunto de elmentos en nuestra página tiene
   significado.
En
 este caso el paso dado es el dar a entender que ese conjunto tiene
 significado claro incluso si lo sacamos totalmente de la página. Es
decir,
 al incluir algo dentro dentro de la etiqueta article/ lo que
  estamos
 diciéndole a los 

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Edgardo Raúl Galletto
Claro que puedes tener mas de un nav. Para eso están diseñados. Con un id 
puedes individualizar el main_nav y y con otro un second_nav. Es muy típico 
esto.
Edgardo Raúl Galletto
www.webmoderna.com.ar 
i...@webmoderna.com.ar 
0351-153272337
Enviado desde mi MiMente® con mi poder de Ciberpatia.

-Original Message-
From: Eva García evag...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Wed, 27 Feb 2013 12:53:17 
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

Hola Marcos,

Gracias por la ayuda. Ya he metido por el código que me indicas. Sobre lo
del nav que me comentas me surge una duda. Ya tengo un nav con el menú
principal ¿puedo tener más de un nav en el código?

Gracias de nuevo!



El 27 de febrero de 2013 11:12, marcos méndez filesi
mmfil...@gmail.comescribió:

 entonces yo haría un nav + 3divs.

 y no te olvides de añadir esto pá que funcionen los tags con la tostadora:

 !-- Script Media Queries y semánticos para el Explorer--
 !--[if lte IE 8]
 script src=//html5shiv.googlecode.com/svn/trunk/html5.js/script
 script src=//
 css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
 /script
 ![endif]--

 `+ en los estilos:


 article,
 aside,
 details,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 nav,
 section,
 summary {
 display: block;
 }


 + info, que me acabo de acordar que escribí sobre eso

 http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/




 El 27 de febrero de 2013 11:03, Eva García evag...@gmail.com escribió:

  Para que veis más clara la estructura de la Web os comento que es una
  tienda online, donde debajo del slide hay tres cajas que son tres
 enlaces a
  tres categorías de productos. Cada caja lleva una imagen, el título de la
  categoría, una breve descripción de la categoría y un link a esa
 categoría.
  Debajo van las noticias y debajo opiniones de clientes. La duda que
  planteaba es como maquetar esas cajas con enlaces a las categorías
  principales. Por lo que he leido entiendo que todo iría dentro de un
 único
  section y no se si cada caja etiquetarla con un article o un div
 
  Que lío esto del HTML5!!!
 
  Gracias de nuevo!
 
 
  El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.com
  escribió:
 
   Si no tienen nada que ver con el contenido que viene después, igual
   deberías meterlas dentro de un aside, en vez de un section.
  
   Yo entiendo el section como la sección de un periódico (Nacional, por
   ejemplo), y dentro iría cada noticia dentro de un article. O como la
   sección de una tienda y dentro de cada sección, un producto (article)
   **
   *
   *
  
  
  
   El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com
 escribió:
  
Esas tres cajas .
Son tres cajas donde en cada un título, descripción y link a una
 página
interna. Es un bloque independiente de los demás, así que por lo que
 me
comentais esas tres cajas irían dentro de un section. Y ahora la
   siguiente
duda ¿debería de marcar cada caja con la etiqueta article?
   
Gracias por el texto Carlos, ya lo había visto googleando ;-)
   
   
   
El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
   escribió:
   
 Te paso un extracto que sigo como referencia:

 Uso de div/ en HTML5 orientado a SEO
 La etiqueta div no ha muerto, sigue ahí y sigue significando lo que
siempre
 ha significado: conjunto de elementos. En ningún momento se ha
transformado
 a una etiqueta tonta que puedas usar libremente para ayudarte con
  el
CSS
 ni ha sido sustituida totalmente por la etiqueta section/.

 Por lo tanto nuestro deber es usarla como ayuda a la estructura de
página:
 como base para crear el layout de de nuestras páginas, siempre y
  cuando
no
 exista otra etiqueta de conjunto que represente mejor este papel...
  En
 otras palabras, div es la herramienta para unir elementos cuando no
podemos
 asociar significado semántico a este conjunto.

 Uso de section/ en HTML5 orientado a SEO
 El uso de seción es muy parecido al de div pero aportando la carga
 de
 significado mínima posible al contenido. Englobando distintos
  elmentos
 dentro de una etiqueta section/ lo que estamos haciendo es
 declarar
   que
 todo su contenido está relacionado y forma parte de un mismo
   significado
o
 elemento.

 La diferencia es sutil pero muy importante: cuando creamos bloques
  cuyo
 contenido forma un todo usaremos section/, cuando estos bloques
responden
 más a diseño o a necesidades de estructura usaremos div/gt.

 Esta diferenciación también provoca que en todas estas maquetas que
   usan
 200 divs para conseguir que con pocos conociemientos de CSS el
 diseño
tome
 forma no pasan a estar bien hechas, pero si que podemos decir que
 en

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema marcos méndez filesi
Sí, al menos deberían ir en navs:

a) La(s) barra(s) de navegación

b) Formulario buscar

c) Las breadcrumbs...

en fin, cualquier elemento importante de navegación de la arquitectura
interactiva de un sitio. No un enlace suelto aquí o allá, sino los cuadros
de mano...


El 27 de febrero de 2013 12:53, Eva García evag...@gmail.com escribió:

 Hola Marcos,

 Gracias por la ayuda. Ya he metido por el código que me indicas. Sobre lo
 del nav que me comentas me surge una duda. Ya tengo un nav con el menú
 principal ¿puedo tener más de un nav en el código?

 Gracias de nuevo!



 El 27 de febrero de 2013 11:12, marcos méndez filesi
 mmfil...@gmail.comescribió:

  entonces yo haría un nav + 3divs.
 
  y no te olvides de añadir esto pá que funcionen los tags con la
 tostadora:
 
  !-- Script Media Queries y semánticos para el Explorer--
  !--[if lte IE 8]
  script src=//html5shiv.googlecode.com/svn/trunk/html5.js/script
  script src=//
  css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
  /script
  ![endif]--
 
  `+ en los estilos:
 
 
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  nav,
  section,
  summary {
  display: block;
  }
 
 
  + info, que me acabo de acordar que escribí sobre eso
 
  http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/
 
 
 
 
  El 27 de febrero de 2013 11:03, Eva García evag...@gmail.com escribió:
 
   Para que veis más clara la estructura de la Web os comento que es una
   tienda online, donde debajo del slide hay tres cajas que son tres
  enlaces a
   tres categorías de productos. Cada caja lleva una imagen, el título de
 la
   categoría, una breve descripción de la categoría y un link a esa
  categoría.
   Debajo van las noticias y debajo opiniones de clientes. La duda que
   planteaba es como maquetar esas cajas con enlaces a las categorías
   principales. Por lo que he leido entiendo que todo iría dentro de un
  único
   section y no se si cada caja etiquetarla con un article o un div
  
   Que lío esto del HTML5!!!
  
   Gracias de nuevo!
  
  
   El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.com
   escribió:
  
Si no tienen nada que ver con el contenido que viene después, igual
deberías meterlas dentro de un aside, en vez de un section.
   
Yo entiendo el section como la sección de un periódico (Nacional,
 por
ejemplo), y dentro iría cada noticia dentro de un article. O como
 la
sección de una tienda y dentro de cada sección, un producto
 (article)
**
*
*
   
   
   
El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com
  escribió:
   
 Esas tres cajas .
 Son tres cajas donde en cada un título, descripción y link a una
  página
 interna. Es un bloque independiente de los demás, así que por lo
 que
  me
 comentais esas tres cajas irían dentro de un section. Y ahora la
siguiente
 duda ¿debería de marcar cada caja con la etiqueta article?

 Gracias por el texto Carlos, ya lo había visto googleando ;-)



 El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
escribió:

  Te paso un extracto que sigo como referencia:
 
  Uso de div/ en HTML5 orientado a SEO
  La etiqueta div no ha muerto, sigue ahí y sigue significando lo
 que
 siempre
  ha significado: conjunto de elementos. En ningún momento se ha
 transformado
  a una etiqueta tonta que puedas usar libremente para ayudarte
 con
   el
 CSS
  ni ha sido sustituida totalmente por la etiqueta section/.
 
  Por lo tanto nuestro deber es usarla como ayuda a la estructura
 de
 página:
  como base para crear el layout de de nuestras páginas, siempre y
   cuando
 no
  exista otra etiqueta de conjunto que represente mejor este
 papel...
   En
  otras palabras, div es la herramienta para unir elementos cuando
 no
 podemos
  asociar significado semántico a este conjunto.
 
  Uso de section/ en HTML5 orientado a SEO
  El uso de seción es muy parecido al de div pero aportando la
 carga
  de
  significado mínima posible al contenido. Englobando distintos
   elmentos
  dentro de una etiqueta section/ lo que estamos haciendo es
  declarar
que
  todo su contenido está relacionado y forma parte de un mismo
significado
 o
  elemento.
 
  La diferencia es sutil pero muy importante: cuando creamos
 bloques
   cuyo
  contenido forma un todo usaremos section/, cuando estos bloques
 responden
  más a diseño o a necesidades de estructura usaremos div/gt.
 
  Esta diferenciación también provoca que en todas estas maquetas
 que
usan
  200 divs para conseguir que con pocos conociemientos de CSS el
  diseño
 tome
  forma no pasan a estar bien hechas, pero si que podemos decir que
  en
 html5
  estan menos mal (dado que al menos hemos marcado con sections
 los
  conjuntos que si que tienen 

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Edgardo Raúl Galletto
Totalmente de acuerdo con Marquitos Mendez! Saludos campeón!
Edgardo Raúl Galletto
www.webmoderna.com.ar 
i...@webmoderna.com.ar 
0351-153272337
Enviado desde mi MiMente® con mi poder de Ciberpatia.

-Original Message-
From: marcos méndez filesi mmfil...@gmail.com
Sender: ovillo-boun...@lists.ovillo.org
Date: Wed, 27 Feb 2013 13:01:03 
To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
Subject: Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

Sí, al menos deberían ir en navs:

a) La(s) barra(s) de navegación

b) Formulario buscar

c) Las breadcrumbs...

en fin, cualquier elemento importante de navegación de la arquitectura
interactiva de un sitio. No un enlace suelto aquí o allá, sino los cuadros
de mano...


El 27 de febrero de 2013 12:53, Eva García evag...@gmail.com escribió:

 Hola Marcos,

 Gracias por la ayuda. Ya he metido por el código que me indicas. Sobre lo
 del nav que me comentas me surge una duda. Ya tengo un nav con el menú
 principal ¿puedo tener más de un nav en el código?

 Gracias de nuevo!



 El 27 de febrero de 2013 11:12, marcos méndez filesi
 mmfil...@gmail.comescribió:

  entonces yo haría un nav + 3divs.
 
  y no te olvides de añadir esto pá que funcionen los tags con la
 tostadora:
 
  !-- Script Media Queries y semánticos para el Explorer--
  !--[if lte IE 8]
  script src=//html5shiv.googlecode.com/svn/trunk/html5.js/script
  script src=//
  css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
  /script
  ![endif]--
 
  `+ en los estilos:
 
 
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  hgroup,
  nav,
  section,
  summary {
  display: block;
  }
 
 
  + info, que me acabo de acordar que escribí sobre eso
 
  http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/
 
 
 
 
  El 27 de febrero de 2013 11:03, Eva García evag...@gmail.com escribió:
 
   Para que veis más clara la estructura de la Web os comento que es una
   tienda online, donde debajo del slide hay tres cajas que son tres
  enlaces a
   tres categorías de productos. Cada caja lleva una imagen, el título de
 la
   categoría, una breve descripción de la categoría y un link a esa
  categoría.
   Debajo van las noticias y debajo opiniones de clientes. La duda que
   planteaba es como maquetar esas cajas con enlaces a las categorías
   principales. Por lo que he leido entiendo que todo iría dentro de un
  único
   section y no se si cada caja etiquetarla con un article o un div
  
   Que lío esto del HTML5!!!
  
   Gracias de nuevo!
  
  
   El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.com
   escribió:
  
Si no tienen nada que ver con el contenido que viene después, igual
deberías meterlas dentro de un aside, en vez de un section.
   
Yo entiendo el section como la sección de un periódico (Nacional,
 por
ejemplo), y dentro iría cada noticia dentro de un article. O como
 la
sección de una tienda y dentro de cada sección, un producto
 (article)
**
*
*
   
   
   
El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com
  escribió:
   
 Esas tres cajas .
 Son tres cajas donde en cada un título, descripción y link a una
  página
 interna. Es un bloque independiente de los demás, así que por lo
 que
  me
 comentais esas tres cajas irían dentro de un section. Y ahora la
siguiente
 duda ¿debería de marcar cada caja con la etiqueta article?

 Gracias por el texto Carlos, ya lo había visto googleando ;-)



 El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
escribió:

  Te paso un extracto que sigo como referencia:
 
  Uso de div/ en HTML5 orientado a SEO
  La etiqueta div no ha muerto, sigue ahí y sigue significando lo
 que
 siempre
  ha significado: conjunto de elementos. En ningún momento se ha
 transformado
  a una etiqueta tonta que puedas usar libremente para ayudarte
 con
   el
 CSS
  ni ha sido sustituida totalmente por la etiqueta section/.
 
  Por lo tanto nuestro deber es usarla como ayuda a la estructura
 de
 página:
  como base para crear el layout de de nuestras páginas, siempre y
   cuando
 no
  exista otra etiqueta de conjunto que represente mejor este
 papel...
   En
  otras palabras, div es la herramienta para unir elementos cuando
 no
 podemos
  asociar significado semántico a este conjunto.
 
  Uso de section/ en HTML5 orientado a SEO
  El uso de seción es muy parecido al de div pero aportando la
 carga
  de
  significado mínima posible al contenido. Englobando distintos
   elmentos
  dentro de una etiqueta section/ lo que estamos haciendo es
  declarar
que
  todo su contenido está relacionado y forma parte de un mismo
significado
 o
  elemento.
 
  La diferencia es sutil pero muy importante: cuando creamos

Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

2013-02-27 Por tema Marina Gallardo
Y el formulario de buscar por qué consideráis que debe ir en nav?

2013/2/27 Edgardo Raúl Galletto edgardogalle...@gmail.com

 Totalmente de acuerdo con Marquitos Mendez! Saludos campeón!
 Edgardo Raúl Galletto
 www.webmoderna.com.ar
 i...@webmoderna.com.ar
 0351-153272337
 Enviado desde mi MiMente® con mi poder de Ciberpatia.

 -Original Message-
 From: marcos méndez filesi mmfil...@gmail.com
 Sender: ovillo-boun...@lists.ovillo.org
 Date: Wed, 27 Feb 2013 13:01:03
 To: Ovillo, la lista de CSS en castellanoovillo@lists.ovillo.org
 Reply-To: Ovillo, la lista de CSS en castellano ovillo@lists.ovillo.org
 
 Subject: Re: [Ovillo] Duda sobre etiquetado correcto en HTML5

 Sí, al menos deberían ir en navs:

 a) La(s) barra(s) de navegación

 b) Formulario buscar

 c) Las breadcrumbs...

 en fin, cualquier elemento importante de navegación de la arquitectura
 interactiva de un sitio. No un enlace suelto aquí o allá, sino los cuadros
 de mano...


 El 27 de febrero de 2013 12:53, Eva García evag...@gmail.com escribió:

  Hola Marcos,
 
  Gracias por la ayuda. Ya he metido por el código que me indicas. Sobre lo
  del nav que me comentas me surge una duda. Ya tengo un nav con el menú
  principal ¿puedo tener más de un nav en el código?
 
  Gracias de nuevo!
 
 
 
  El 27 de febrero de 2013 11:12, marcos méndez filesi
  mmfil...@gmail.comescribió:
 
   entonces yo haría un nav + 3divs.
  
   y no te olvides de añadir esto pá que funcionen los tags con la
  tostadora:
  
   !-- Script Media Queries y semánticos para el Explorer--
   !--[if lte IE 8]
   script src=//html5shiv.googlecode.com/svn/trunk/html5.js/script
   script src=//
   css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js
   /script
   ![endif]--
  
   `+ en los estilos:
  
  
   article,
   aside,
   details,
   figcaption,
   figure,
   footer,
   header,
   hgroup,
   nav,
   section,
   summary {
   display: block;
   }
  
  
   + info, que me acabo de acordar que escribí sobre eso
  
   http://www.mmfilesi.com/blog/las-etiquetas-semanticas-de-html5/
  
  
  
  
   El 27 de febrero de 2013 11:03, Eva García evag...@gmail.com
 escribió:
  
Para que veis más clara la estructura de la Web os comento que es una
tienda online, donde debajo del slide hay tres cajas que son tres
   enlaces a
tres categorías de productos. Cada caja lleva una imagen, el título
 de
  la
categoría, una breve descripción de la categoría y un link a esa
   categoría.
Debajo van las noticias y debajo opiniones de clientes. La duda que
planteaba es como maquetar esas cajas con enlaces a las categorías
principales. Por lo que he leido entiendo que todo iría dentro de un
   único
section y no se si cada caja etiquetarla con un article o un div
   
Que lío esto del HTML5!!!
   
Gracias de nuevo!
   
   
El 27 de febrero de 2013 10:57, Olivier Blázquez obe...@gmail.com
escribió:
   
 Si no tienen nada que ver con el contenido que viene después, igual
 deberías meterlas dentro de un aside, en vez de un section.

 Yo entiendo el section como la sección de un periódico (Nacional,
  por
 ejemplo), y dentro iría cada noticia dentro de un article. O como
  la
 sección de una tienda y dentro de cada sección, un producto
  (article)
 **
 *
 *



 El 27 de febrero de 2013 10:47, Eva García evag...@gmail.com
   escribió:

  Esas tres cajas .
  Son tres cajas donde en cada un título, descripción y link a una
   página
  interna. Es un bloque independiente de los demás, así que por lo
  que
   me
  comentais esas tres cajas irían dentro de un section. Y ahora la
 siguiente
  duda ¿debería de marcar cada caja con la etiqueta article?
 
  Gracias por el texto Carlos, ya lo había visto googleando ;-)
 
 
 
  El 27 de febrero de 2013 10:37, Carlos Núñez cha...@gmail.com
 escribió:
 
   Te paso un extracto que sigo como referencia:
  
   Uso de div/ en HTML5 orientado a SEO
   La etiqueta div no ha muerto, sigue ahí y sigue significando lo
  que
  siempre
   ha significado: conjunto de elementos. En ningún momento se ha
  transformado
   a una etiqueta tonta que puedas usar libremente para ayudarte
  con
el
  CSS
   ni ha sido sustituida totalmente por la etiqueta section/.
  
   Por lo tanto nuestro deber es usarla como ayuda a la estructura
  de
  página:
   como base para crear el layout de de nuestras páginas, siempre
 y
cuando
  no
   exista otra etiqueta de conjunto que represente mejor este
  papel...
En
   otras palabras, div es la herramienta para unir elementos
 cuando
  no
  podemos
   asociar significado semántico a este conjunto.
  
   Uso de section/ en HTML5 orientado a SEO
   El uso de seción es muy parecido al de div pero aportando la
  carga
   de
   significado mínima posible al contenido

Re: [Ovillo] duda responsive design

2012-11-12 Por tema Miguel Beltran R.
Muy buenos tips, gracias!!!

El 24 de octubre de 2012 15:24, Hernán Beati her...@saberweb.com.arescribió:

 Te conviene seguir el camino contrario, es decir, utilizar el concepto
 Mobile First (móvil primero) en el orden en que vincules las hojas CSS.

 La primera debería ser la versión a una columna, sin media queries, para
 que móviles que no procesan media queries se queden con el diseño a una
 columna.

 La segunda hoja CSS, deberías vincularla con una media querie con
 min-width:400px donde flotan dos columnas.

 La tercera hoja, con min-width:600px y flotas 3 columnas.

 Como tablets y PC soportan media queries, no tendrás problemas si usas un
 script compatibilizador para navegadores viejos, como el de:
 http://code.google.com/p/css3-mediaqueries-js/

 Te sugiero ver estas diapos:
 http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu

 Y una recopilación mía sobre el tema del año pasado (algunas cosas
 cambiaron, pero el concepto móvil primero continúa vigente):
 http://www.slideshare.net/hbeati/web-mvil-inclusiva-y-accesible

 Saludos!

 --
 Hernán Beati
 http://www.saberweb.com.ar




-- 

Lo bueno de vivir un dia mas
es saber que nos queda un dia menos de vida
___
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] duda responsive design

2012-10-26 Por tema marcos méndez filesi
Germán, perdona la demora, que llevo unos días perrunos perrunos...

Entonces, aquí te (os, si le interesa a alguien más) una entrada explicando
cómo cargar o no cosas mediante php

http://www.mmfilesi.com/blog/como-detectar-dispositivos-moviles-mediante-php/

Abrazos++



-- 
Marcos Méndez Filesi
http://www.mmfilesi.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] duda responsive design

2012-10-25 Por tema marcos méndez filesi
a) Trataré de explicar lo de las imágenes. Entonces, las que queremos que
se estiren les ponemos eso del width: 100%. A partir de ahí pueden pasar
dos cosas:

1. Si la imagen no tiene nada que le ciña la altura, que es lo mejor,
cuando se agranda o se achica, la altura corre pareja, por lo que no se
distorsiona.

2. Pero a veces, como hiciste con tu página, hay que hacer algún apaño si
las imágenes no son homogéneas, esto es, ocultar lo que sobra o definir una
altura máxima. En este caso, como no tiene por donde ampliar el alto
correspondiente, se distorsiona, por lo que es mejor hacer lo primero, un
div con overflow:hidden que oculte lo que sobra.

En síntesis: lo mejor de lo mejor, pues que las imágenes sean todas
homogéneas y así puedes hacer la solución 1 y te quitas de líos y es todo
más elástico. Si no, pues ya hay que decidir por el mal menor: recortar o
distorsionar.

No sé si me explico, que voy volado.

b) Respecto al Slider, sugiero que te lo cargues para resoluciones móviles.
¿Por qué? Pues porque en el móvil tienes una conexión fatal, vas leyendo en
el metro o el autobús, cada dato que te llega amenaza la tarifa plana y
esas imágenes de portada no son necesarias. Son un adorno muy chulo, pero
quizás no compense todos esos datos enviados si tenemos en cuenta el uso
que harán de la web cuando se conecten desde un móvil.

Ahora tengo que salir, en cuanto vuelva a la noche trato de explicar esto
mejor.

ABRAZOS++

-- 
Marcos Méndez Filesi
http://www.mmfilesi.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] duda responsive design

2012-10-24 Por tema germ...@telefonica.net

Ok marcos, ya probareacute; lo que me has comentado y te direacute; si ya me 
funciona, muchas gracias y un saludo:

Germaacute;n vaquer  Mensaje originalDe: mmfilesi@gmail.comFecha: 
24/10/2012 0:37Para: Ovillo, la lista de CSS en 
castellanoovillo@lists.ovillo.orgAsunto: Re: [Ovillo] duda responsive 
design+ cosas.*1)* Para prevenir que la imagen te escojone las caacute;psula 
(Empedrats...),como te ocurre con la segunda de la segunda fila, conviene que 
especifiquesuna altura maacute;xima a las imaacute;genes. Para eso puedes 
antilde;adir una clase a lasimaacute;genes.img_columna1 {width:100% 
!important;max-height: 
10em;overflow:hidden;margin:1em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;}*2)*
 En vez demeta name=viewport content=width=device-widthmejor 
asiacute;meta name=viewport content=width=device-width, 
initial-scale=1,user-scalable=yes*3)* Como estaacute;s con cajitas 
flotantes, te conviene que todas las columnasesteacute;n dentro de un div que 
las contenga y en ese es importante que antilde;adasoverflow:hidden, para que 
la tostadora del explorer haga las cosas bien.4) No veo que el disentilde;o 
sea responsive. No seacute; si es que auacute;n no hasempezado. Te dejo un 
enlace a una guiacute;a que espero te sirva de 
ayuda.http://www.mmfilesi.com/blog/tutorial-responsive-web-design-iSUERTE.El 23 
de octubre de 2012 23:56, german vaquer 
germ...@telefonica.netescribioacute;: Hola buenas! Estoy reconvirtiendo 
una web ya realizada en una web con disentilde;o responsivo para visualizar 
en cualquier dispositivo. El problema que tengo es en la siguiente 
paacute;gina de dicha web: 
http://www.pruebasgerman.com/companyo/entorn.html Aquiacute; tengo 9 
imaacute;genes con su respectivo texto, y quiero que todas me queden en la 
misma posicioacute;n que las 3 primeras y las 3 de la parte central, el resto 
de imaacute;genes se me salen de madre y se me descolocan y no seacute; el 
porqueacute;, puesto que el coacute;digo css es el mismo para todas las 
imaacute;genes. Alguna sugerencia?, he repasado el coacute;digo por si 
hubiese algo que me faltase, pero la verdad es que no he visto nada raro. y 
eso que le he dado bastantes vueltas. Gracias de antemano: saludos 
Germaacute;n Vaquer ___ Lista de 
distribucioacute;n Ovillo Para escribir a la lista, envia un correo a 
Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la 
siguiente direccioacute;n: http://lists.ovillo.org/mailman/listinfo/ovillo-- 
Marcos Meacute;ndez 
Filesihttp://www.mmfilesi.com/___Lista
 de distribucioacute;n OvilloPara escribir a la lista, envia un correo a 
Ovillo@lists.ovillo.orgPuedes modificar tus datos o desuscribirte en la 
siguiente direccioacute;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] duda responsive design

2012-10-24 Por tema Tamara Forza
Hola Marcos,

una pregunta, porque utilizas este metodo?

*2)* En vez de

 meta name=viewport content=width=device-width

 mejor así

 meta name=viewport content=width=device-width, initial-scale=1,
 user-scalable=yes


Cual es la diferencia y que aporta?

Muchas gracias de antemano,
Tamara
___
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] duda responsive design

2012-10-24 Por tema marcos méndez filesi
Hola Tamara,

con user-scalable permites que el usuario pueda ampliar o reducir la
pantalla. Puede tomar los valores no o yes;

con initial le decimos que empiece mostrando las cosas en escala 1/1
(respecto a la resolución del móvil).

+info

http://revolucion.mobi/2012/02/14/mostrar-sitios-para-moviles-en-escala-correcta/


http://tableless.com.br/manipulando-metatag-viewport/

http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/



Abrazos.

El 24 de octubre de 2012 09:04, Tamara Forza tamara.fo...@gmail.comescribió:

 Hola Marcos,

 una pregunta, porque utilizas este metodo?

 *2)* En vez de
 
  meta name=viewport content=width=device-width
 
  mejor así
 
  meta name=viewport content=width=device-width, initial-scale=1,
  user-scalable=yes
 
 
 Cual es la diferencia y que aporta?

 Muchas gracias de antemano,
 Tamara
 ___
 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




-- 
Marcos Méndez Filesi
http://www.mmfilesi.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] duda responsive design

2012-10-24 Por tema Martin Etxauri
Aupa

Para evitar este problema yo suelo usar display:inline-block en vez de float, y 
si les pones a los elementos vertical-align:top te quedan todos alineados 
arriba, y no sucede esto que pasa con los floats que se te meten en los huecos 
y se desarma todo.
Si quieres utilizar floats tendrás que poner, como han comentado, igual altura 
a todos los elementos.

Otra opción, si quieres que tengan todos la misma altura teniendo cada uno 
contenido de diferentes dimensiones y tienes claro que quieres que siempre haya 
tres elementos por fila, es utilizar un sistema de tablas generadas por css, 
esto es, a los elementos les pones display:table-cell y tienes que poner una 
div que recoja cada fila con display:table; de esta manera sea el contenido que 
sea todos quedarán de la misma altura... pero creo que esto no es lo que pedías 
:)

saludos

El 23/10/2012, a las 23:56, german vaquer escribió:

 Hola buenas!
 
 Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo 
 para visualizar en cualquier dispositivo. El problema que tengo es en la 
 siguiente página de dicha web:
 
 http://www.pruebasgerman.com/companyo/entorn.html
 
 Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me queden 
 en la misma posición que las 3 primeras y las 3 de la parte central, el resto 
 de imágenes se me salen de madre y se me descolocan y no sé el porqué, puesto 
 que el código css es el mismo para todas las imágenes. Alguna sugerencia?, he 
 repasado el código por si hubiese algo que me faltase, pero la verdad es que 
 no he visto nada raro. y eso que le he dado bastantes vueltas.
 
 Gracias de antemano: saludos
 
 Germán Vaquer
 ___
 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] duda responsive design

2012-10-24 Por tema Tamara Forza
Hola Marcos,

gracias por la respuesta. Pregunto porque estoy trabajando en hacer
responsive un sitio web muy simple, y hacendo pruebas con distintos
dispositivos móviles he encontrado unos cuantos problemas con iPads y
iPhones (no de ultima generación). El problema es que si en mi código
utilizo:

meta name=viewport content=width=device-width

Entonces el sitio web se ve correctamente en posición portrait pero al
girarlos en el landscape se queda con el mismo diseño simplemente un poco
mas grande. Algo que no pasa con el mismo navegador en dispositivos que
llevan Android.

He probado a utilizar: meta name=viewport content=width=device-width,
initial-scale=1

Con este código en posición landscape se me aplican correctamente los
estilos. Poniendo el iPad (o iPhone) en portait lo estilos escalan bien,
pero al volver a ponerlo en modo landscape los estilos se aplican
correctamente pero es necesario hacer un zoom para que la pagina se quede
correctamente. En este articulo explican el problema:
http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bug

No he probado utilizar user-scalable=yes, pero si no me equivoco es el
comportamiento por defecto. Por eso me pregunto por que incluirlo?

Ademas he leído que utilizar initial-scale=1 no es buena practica, por
eso lo han quitado desde la ultima versión de html5boilerplate (
http://html5boilerplate.com/).

Al final he optado por simplemente indicar que la pagina es apta para
distintos tamaños:
meta name=viewport content=width=device-width

Saluldos,
Tamara

2012/10/24 marcos méndez filesi mmfil...@gmail.com

 Hola Tamara,

 con user-scalable permites que el usuario pueda ampliar o reducir la
 pantalla. Puede tomar los valores no o yes;

 con initial le decimos que empiece mostrando las cosas en escala 1/1
 (respecto a la resolución del móvil).

 +info


 http://revolucion.mobi/2012/02/14/mostrar-sitios-para-moviles-en-escala-correcta/


 http://tableless.com.br/manipulando-metatag-viewport/


 http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/



 Abrazos.

 El 24 de octubre de 2012 09:04, Tamara Forza tamara.fo...@gmail.com
 escribió:

  Hola Marcos,
 
  una pregunta, porque utilizas este metodo?
 
  *2)* En vez de
  
   meta name=viewport content=width=device-width
  
   mejor así
  
   meta name=viewport content=width=device-width, initial-scale=1,
   user-scalable=yes
  
  
  Cual es la diferencia y que aporta?
 
  Muchas gracias de antemano,
  Tamara


___
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] duda responsive design

2012-10-24 Por tema marcos méndez filesi
Muchas gracias a ti por compartir estas experiencias...

curioso, sep.

a) No he probado utilizar user-scalable=yes

Aquí está la discusión en git sobre lo de la escala

https://github.com/h5bp/html5-boilerplate/issues/824

Y algunos como el tal sichuan no lo tienen claro:

I have tested on iOS5, after removing initial-scale=1.0, the default
zooming behavior cause quite a big text jump when rotating happens, and it
looks pretty undesirable

De hecho, según cuenta el propio alex gibson, en la última versión de iOS
ya se arregló el bug:

https://github.com/h5bp/mobile-boilerplate/issues/140

b)  ve correctamente en posición portrait pero al
 girarlos en el landscape se queda con el mismo diseño simplemente un
poco
 mas grande.

curioso... hay que investigar esto. Muchas gracias por la pista.

c) No he probado utilizar user-scalable=yes

Pos no lo había pensado, la verdad, lol...

ABRAZOS.

El 24 de octubre de 2012 10:58, Tamara Forza tamara.fo...@gmail.com
escribió:

 Hola Marcos,

 gracias por la respuesta. Pregunto porque estoy trabajando en hacer
 responsive un sitio web muy simple, y hacendo pruebas con distintos
 dispositivos móviles he encontrado unos cuantos problemas con iPads y
 iPhones (no de ultima generación). El problema es que si en mi código
 utilizo:

 meta name=viewport content=width=device-width

 Entonces el sitio web se ve correctamente en posición portrait pero al
 girarlos en el landscape se queda con el mismo diseño simplemente un
poco
 mas grande. Algo que no pasa con el mismo navegador en dispositivos que
 llevan Android.

 He probado a utilizar: meta name=viewport content=width=device-width,
 initial-scale=1

 Con este código en posición landscape se me aplican correctamente los
 estilos. Poniendo el iPad (o iPhone) en portait lo estilos escalan bien,
 pero al volver a ponerlo en modo landscape los estilos se aplican
 correctamente pero es necesario hacer un zoom para que la pagina se quede
 correctamente. En este articulo explican el problema:
 http://webdesignerwall.com/tutorials/iphone-safari-viewport-scaling-bug

 No he probado utilizar user-scalable=yes, pero si no me equivoco es el
 comportamiento por defecto. Por eso me pregunto por que incluirlo?

 Ademas he leído que utilizar initial-scale=1 no es buena practica, por
 eso lo han quitado desde la ultima versión de html5boilerplate (
 http://html5boilerplate.com/).

 Al final he optado por simplemente indicar que la pagina es apta para
 distintos tamaños:
 meta name=viewport content=width=device-width

 Saluldos,
 Tamara

 2012/10/24 marcos méndez filesi mmfil...@gmail.com

  Hola Tamara,
 
  con user-scalable permites que el usuario pueda ampliar o reducir la
  pantalla. Puede tomar los valores no o yes;
 
  con initial le decimos que empiece mostrando las cosas en escala 1/1
  (respecto a la resolución del móvil).
 
  +info
 
 
 
http://revolucion.mobi/2012/02/14/mostrar-sitios-para-moviles-en-escala-correcta/
 
 
  http://tableless.com.br/manipulando-metatag-viewport/
 
 
 
http://dev.opera.com/articles/view/an-introduction-to-meta-viewport-and-viewport/
 
 
 
  Abrazos.
 
  El 24 de octubre de 2012 09:04, Tamara Forza tamara.fo...@gmail.com
  escribió:
 
   Hola Marcos,
  
   una pregunta, porque utilizas este metodo?
  
   *2)* En vez de
   
meta name=viewport content=width=device-width
   
mejor así
   
meta name=viewport content=width=device-width, initial-scale=1,
user-scalable=yes
   
   
   Cual es la diferencia y que aporta?
  
   Muchas gracias de antemano,
   Tamara
 
 
 ___
 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




--
Marcos Méndez Filesi
http://www.mmfilesi.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] duda responsive design

2012-10-24 Por tema marcos méndez filesi
Sí, es una buena solución.

Había un problema pequeño de todas maneras con el inline-block que no
recuerdo ahora muy bien cuál era, pero estaba relacionado con los márgenes
que dejaba

http://stackoverflow.com/questions/4716151/css-removing-horizontal-space-in-list-menu-using-display-inline-property

Y por eso prefiero floats indicando la altura, pero vamos, que es una buena
solución tb.

Abrazos++

El 24 de octubre de 2012 10:21, Martin Etxauri t...@eragin.com escribió:

 Aupa

 Para evitar este problema yo suelo usar display:inline-block en vez de
 float, y si les pones a los elementos vertical-align:top te quedan todos
 alineados arriba, y no sucede esto que pasa con los floats que se te meten
 en los huecos y se desarma todo.
 Si quieres utilizar floats tendrás que poner, como han comentado, igual
 altura a todos los elementos.

 Otra opción, si quieres que tengan todos la misma altura teniendo cada uno
 contenido de diferentes dimensiones y tienes claro que quieres que siempre
 haya tres elementos por fila, es utilizar un sistema de tablas generadas
 por css, esto es, a los elementos les pones display:table-cell y tienes que
 poner una div que recoja cada fila con display:table; de esta manera sea el
 contenido que sea todos quedarán de la misma altura... pero creo que esto
 no es lo que pedías :)

 saludos

 El 23/10/2012, a las 23:56, german vaquer escribió:

  Hola buenas!
 
  Estoy reconvirtiendo una web ya realizada en una web con diseño
 responsivo para visualizar en cualquier dispositivo. El problema que tengo
 es en la siguiente página de dicha web:
 
  http://www.pruebasgerman.com/companyo/entorn.html
 
  Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
 queden en la misma posición que las 3 primeras y las 3 de la parte central,
 el resto de imágenes se me salen de madre y se me descolocan y no sé el
 porqué, puesto que el código css es el mismo para todas las imágenes.
 Alguna sugerencia?, he repasado el código por si hubiese algo que me
 faltase, pero la verdad es que no he visto nada raro. y eso que le he dado
 bastantes vueltas.
 
  Gracias de antemano: saludos
 
  Germán Vaquer
  ___
  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




-- 
Marcos Méndez Filesi
http://www.mmfilesi.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] duda responsive design

2012-10-24 Por tema german vaquer
Hola!
Marcos, he aplicado lo que me dijistes en los 2 correos, tanto en la clase 
columna1 y la clase imagen columna 1, y ahora ya se ve bien a resoluciones 
mayores de 1200px, pero si reduzco la pantalla a 800X600, se me vuelven a 
descolocar la disposición de las imágenes y su contenido.
http://www.pruebasgerman.com/companyo/entorn.html

Que tengo que hacer mediaqueries específicos para cada resolución para que 
me quede todo ok?.

Saludos i gracias a todos por vuestra ayuda.

Germán Vaquer

-Mensaje original- 
From: marcos méndez filesi
Sent: Wednesday, October 24, 2012 12:37 AM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] duda responsive design

+ cosas.

*1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
como te ocurre con la segunda de la segunda fila, conviene que especifiques
una altura máxima a las imágenes. Para eso puedes añadir una clase a las
imágenes

.img_columna1 {
width:100% !important;
max-height: 10em;
overflow:hidden;
margin:1em;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

*2)* En vez de

meta name=viewport content=width=device-width

mejor así

meta name=viewport content=width=device-width, initial-scale=1,
user-scalable=yes

*3)* Como estás con cajitas flotantes, te conviene que todas las columnas
estén dentro de un div que las contenga y en ese es importante que añadas
overflow:hidden, para que la tostadora del explorer haga las cosas bien.

4) No veo que el diseño sea responsive. No sé si es que aún no has
empezado. Te dejo un enlace a una guía que espero te sirva de ayuda.

http://www.mmfilesi.com/blog/tutorial-responsive-web-design-i

SUERTE.

El 23 de octubre de 2012 23:56, german vaquer 
germ...@telefonica.netescribió:

 Hola buenas!

 Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo
 para visualizar en cualquier dispositivo. El problema que tengo es en la
 siguiente página de dicha web:

 http://www.pruebasgerman.com/companyo/entorn.html

 Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
 queden en la misma posición que las 3 primeras y las 3 de la parte 
 central,
 el resto de imágenes se me salen de madre y se me descolocan y no sé el
 porqué, puesto que el código css es el mismo para todas las imágenes.
 Alguna sugerencia?, he repasado el código por si hubiese algo que me
 faltase, pero la verdad es que no he visto nada raro. y eso que le he dado
 bastantes vueltas.

 Gracias de antemano: saludos

 Germán Vaquer
 ___
 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




-- 
Marcos Méndez Filesi
http://www.mmfilesi.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] duda responsive design

2012-10-24 Por tema marcos méndez filesi
muchas gracias a ti por compartir el proceso.

Entonces, sí, la jugada podría ser esta.

a) Limitar el ancho. Que nunca sea más de 1200, para que los que tengan
resoluciones mayores no vean una página ilegible.

Para eso, en el body podemos añadir esto:

max-width: 1220px;

b) Luego vamos con las media querys. Entonces, podrías hacer esto:

En normal se ven las tres columnas, cada una con el 31% del ancho disponible

Un poco más chico, hasta 600, solo dos, cada una con aproximadamente el 49%
del ancho disponible

Ya con menos de 400, se desflotan las columnas1 y se ponen al 100.

Algo así:

Normal:

.columna1 {
float:left;
width:31%;
margin: 0.5%;
overflow:hidden;
height:33em;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

/* Responsive */

@media screen and (max-width:620px){
.columna1 {
width:45%;
float:left;
}
}
@media screen and (max-width:400px){
.columna1{
float:none;
width:100%;
margin:0 auto;
}
}






El 24 de octubre de 2012 16:11, german vaquer germ...@telefonica.netescribió:

 Hola!
 Marcos, he aplicado lo que me dijistes en los 2 correos, tanto en la clase
 columna1 y la clase imagen columna 1, y ahora ya se ve bien a resoluciones
 mayores de 1200px, pero si reduzco la pantalla a 800X600, se me vuelven a
 descolocar la disposición de las imágenes y su contenido.
 http://www.pruebasgerman.com/companyo/entorn.html

 Que tengo que hacer mediaqueries específicos para cada resolución para que
 me quede todo ok?.

 Saludos i gracias a todos por vuestra ayuda.

 Germán Vaquer

 -Mensaje original-
 From: marcos méndez filesi
 Sent: Wednesday, October 24, 2012 12:37 AM
 To: Ovillo, la lista de CSS en castellano
 Subject: Re: [Ovillo] duda responsive design

 + cosas.

 *1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
 como te ocurre con la segunda de la segunda fila, conviene que especifiques
 una altura máxima a las imágenes. Para eso puedes añadir una clase a las
 imágenes

 .img_columna1 {
 width:100% !important;
 max-height: 10em;
 overflow:hidden;
 margin:1em;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 }

 *2)* En vez de

 meta name=viewport content=width=device-width

 mejor así

 meta name=viewport content=width=device-width, initial-scale=1,
 user-scalable=yes

 *3)* Como estás con cajitas flotantes, te conviene que todas las columnas
 estén dentro de un div que las contenga y en ese es importante que añadas
 overflow:hidden, para que la tostadora del explorer haga las cosas bien.

 4) No veo que el diseño sea responsive. No sé si es que aún no has
 empezado. Te dejo un enlace a una guía que espero te sirva de ayuda.

 http://www.mmfilesi.com/blog/tutorial-responsive-web-design-i

 SUERTE.

 El 23 de octubre de 2012 23:56, german vaquer
 germ...@telefonica.netescribió:

  Hola buenas!
 
  Estoy reconvirtiendo una web ya realizada en una web con diseño
 responsivo
  para visualizar en cualquier dispositivo. El problema que tengo es en la
  siguiente página de dicha web:
 
  http://www.pruebasgerman.com/companyo/entorn.html
 
  Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
  queden en la misma posición que las 3 primeras y las 3 de la parte
  central,
  el resto de imágenes se me salen de madre y se me descolocan y no sé el
  porqué, puesto que el código css es el mismo para todas las imágenes.
  Alguna sugerencia?, he repasado el código por si hubiese algo que me
  faltase, pero la verdad es que no he visto nada raro. y eso que le he
 dado
  bastantes vueltas.
 
  Gracias de antemano: saludos
 
  Germán Vaquer
  ___
  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
 



 --
 Marcos Méndez Filesi
 http://www.mmfilesi.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




-- 
Marcos Méndez Filesi
http://www.mmfilesi.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] duda responsive design

2012-10-24 Por tema Hernán Beati
Te conviene seguir el camino contrario, es decir, utilizar el concepto
Mobile First (móvil primero) en el orden en que vincules las hojas CSS.

La primera debería ser la versión a una columna, sin media queries, para
que móviles que no procesan media queries se queden con el diseño a una
columna.

La segunda hoja CSS, deberías vincularla con una media querie con
min-width:400px donde flotan dos columnas.

La tercera hoja, con min-width:600px y flotas 3 columnas.

Como tablets y PC soportan media queries, no tendrás problemas si usas un
script compatibilizador para navegadores viejos, como el de:
http://code.google.com/p/css3-mediaqueries-js/

Te sugiero ver estas diapos:
http://www.slideshare.net/bryanrieger/rethinking-the-mobile-web-by-yiibu

Y una recopilación mía sobre el tema del año pasado (algunas cosas
cambiaron, pero el concepto móvil primero continúa vigente):
http://www.slideshare.net/hbeati/web-mvil-inclusiva-y-accesible

Saludos!

--
Hernán Beati
http://www.saberweb.com.ar


 a) Limitar el ancho. Que nunca sea más de 1200, para que los que tengan
 resoluciones mayores no vean una página ilegible.

 Para eso, en el body podemos añadir esto:

 max-width: 1220px;

 b) Luego vamos con las media querys. Entonces, podrías hacer esto:

 En normal se ven las tres columnas, cada una con el 31% del ancho
 disponible

 Un poco más chico, hasta 600, solo dos, cada una con aproximadamente el
 49%
 del ancho disponible

 Ya con menos de 400, se desflotan las columnas1 y se ponen al 100.

 Algo así:

 Normal:

 .columna1 {
 float:left;
 width:31%;
 margin: 0.5%;
 overflow:hidden;
 height:33em;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 }

 /* Responsive */

 @media screen and (max-width:620px){
 .columna1 {
 width:45%;
 float:left;
 }
 }
 @media screen and (max-width:400px){
 .columna1{
 float:none;
 width:100%;
 margin:0 auto;
 }
 }






 El 24 de octubre de 2012 16:11, german vaquer
 germ...@telefonica.netescribió:

 Hola!
 Marcos, he aplicado lo que me dijistes en los 2 correos, tanto en la
 clase
 columna1 y la clase imagen columna 1, y ahora ya se ve bien a
 resoluciones
 mayores de 1200px, pero si reduzco la pantalla a 800X600, se me vuelven
 a
 descolocar la disposición de las imágenes y su contenido.
 http://www.pruebasgerman.com/companyo/entorn.html

 Que tengo que hacer mediaqueries específicos para cada resolución para
 que
 me quede todo ok?.

 Saludos i gracias a todos por vuestra ayuda.

 Germán Vaquer

 -Mensaje original-
 From: marcos méndez filesi
 Sent: Wednesday, October 24, 2012 12:37 AM
 To: Ovillo, la lista de CSS en castellano
 Subject: Re: [Ovillo] duda responsive design

 + cosas.

 *1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
 como te ocurre con la segunda de la segunda fila, conviene que
 especifiques
 una altura máxima a las imágenes. Para eso puedes añadir una clase a las
 imágenes

 .img_columna1 {
 width:100% !important;
 max-height: 10em;
 overflow:hidden;
 margin:1em;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 }

 *2)* En vez de

 meta name=viewport content=width=device-width

 mejor así

 meta name=viewport content=width=device-width, initial-scale=1,
 user-scalable=yes

 *3)* Como estás con cajitas flotantes, te conviene que todas las
 columnas
 estén dentro de un div que las contenga y en ese es importante que
 añadas
 overflow:hidden, para que la tostadora del explorer haga las cosas bien.

 4) No veo que el diseño sea responsive. No sé si es que aún no has
 empezado. Te dejo un enlace a una guía que espero te sirva de ayuda.

 http://www.mmfilesi.com/blog/tutorial-responsive-web-design-i

 SUERTE.

 El 23 de octubre de 2012 23:56, german vaquer
 germ...@telefonica.netescribió:

  Hola buenas!
 
  Estoy reconvirtiendo una web ya realizada en una web con diseño
 responsivo
  para visualizar en cualquier dispositivo. El problema que tengo es en
 la
  siguiente página de dicha web:
 
  http://www.pruebasgerman.com/companyo/entorn.html
 
  Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
  queden en la misma posición que las 3 primeras y las 3 de la parte
  central,
  el resto de imágenes se me salen de madre y se me descolocan y no sé
 el
  porqué, puesto que el código css es el mismo para todas las imágenes.
  Alguna sugerencia?, he repasado el código por si hubiese algo que me
  faltase, pero la verdad es que no he visto nada raro. y eso que le he
 dado
  bastantes vueltas.
 
  Gracias de antemano: saludos
 
  Germán Vaquer
  ___
  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
 



 --
 Marcos Méndez Filesi
 http://www.mmfilesi.com/
 ___
 Lista de distribución Ovillo
 Para

Re: [Ovillo] duda responsive design

2012-10-24 Por tema german vaquer
Ok ya me funciona y me redimensionan las columnas sin descolocarse, gracias

Saludos: Germán Vaquer

-Mensaje original- 
From: marcos méndez filesi
Sent: Wednesday, October 24, 2012 4:40 PM
To: Ovillo, la lista de CSS en castellano
Subject: Re: [Ovillo] duda responsive design

muchas gracias a ti por compartir el proceso.

Entonces, sí, la jugada podría ser esta.

a) Limitar el ancho. Que nunca sea más de 1200, para que los que tengan
resoluciones mayores no vean una página ilegible.

Para eso, en el body podemos añadir esto:

max-width: 1220px;

b) Luego vamos con las media querys. Entonces, podrías hacer esto:

En normal se ven las tres columnas, cada una con el 31% del ancho disponible

Un poco más chico, hasta 600, solo dos, cada una con aproximadamente el 49%
del ancho disponible

Ya con menos de 400, se desflotan las columnas1 y se ponen al 100.

Algo así:

Normal:

.columna1 {
float:left;
width:31%;
margin: 0.5%;
overflow:hidden;
height:33em;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

/* Responsive */

@media screen and (max-width:620px){
.columna1 {
width:45%;
float:left;
}
}
@media screen and (max-width:400px){
.columna1{
float:none;
width:100%;
margin:0 auto;
}
}






El 24 de octubre de 2012 16:11, german vaquer 
germ...@telefonica.netescribió:

 Hola!
 Marcos, he aplicado lo que me dijistes en los 2 correos, tanto en la clase
 columna1 y la clase imagen columna 1, y ahora ya se ve bien a resoluciones
 mayores de 1200px, pero si reduzco la pantalla a 800X600, se me vuelven a
 descolocar la disposición de las imágenes y su contenido.
 http://www.pruebasgerman.com/companyo/entorn.html

 Que tengo que hacer mediaqueries específicos para cada resolución para que
 me quede todo ok?.

 Saludos i gracias a todos por vuestra ayuda.

 Germán Vaquer

 -Mensaje original-
 From: marcos méndez filesi
 Sent: Wednesday, October 24, 2012 12:37 AM
 To: Ovillo, la lista de CSS en castellano
 Subject: Re: [Ovillo] duda responsive design

 + cosas.

 *1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
 como te ocurre con la segunda de la segunda fila, conviene que 
 especifiques
 una altura máxima a las imágenes. Para eso puedes añadir una clase a las
 imágenes

 .img_columna1 {
 width:100% !important;
 max-height: 10em;
 overflow:hidden;
 margin:1em;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 }

 *2)* En vez de

 meta name=viewport content=width=device-width

 mejor así

 meta name=viewport content=width=device-width, initial-scale=1,
 user-scalable=yes

 *3)* Como estás con cajitas flotantes, te conviene que todas las columnas
 estén dentro de un div que las contenga y en ese es importante que añadas
 overflow:hidden, para que la tostadora del explorer haga las cosas bien.

 4) No veo que el diseño sea responsive. No sé si es que aún no has
 empezado. Te dejo un enlace a una guía que espero te sirva de ayuda.

 http://www.mmfilesi.com/blog/tutorial-responsive-web-design-i

 SUERTE.

 El 23 de octubre de 2012 23:56, german vaquer
 germ...@telefonica.netescribió:

  Hola buenas!
 
  Estoy reconvirtiendo una web ya realizada en una web con diseño
 responsivo
  para visualizar en cualquier dispositivo. El problema que tengo es en la
  siguiente página de dicha web:
 
  http://www.pruebasgerman.com/companyo/entorn.html
 
  Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
  queden en la misma posición que las 3 primeras y las 3 de la parte
  central,
  el resto de imágenes se me salen de madre y se me descolocan y no sé el
  porqué, puesto que el código css es el mismo para todas las imágenes.
  Alguna sugerencia?, he repasado el código por si hubiese algo que me
  faltase, pero la verdad es que no he visto nada raro. y eso que le he
 dado
  bastantes vueltas.
 
  Gracias de antemano: saludos
 
  Germán Vaquer
  ___
  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
 



 --
 Marcos Méndez Filesi
 http://www.mmfilesi.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




-- 
Marcos Méndez Filesi
http://www.mmfilesi.com/
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus

Re: [Ovillo] duda responsive design

2012-10-24 Por tema marcos méndez filesi
Hola Germán,

hay algo raruno, pero no consigo identificar qué es.

a) Cuando pones el navegador a 480 o - te sale el scroll horizontal, que no
debería salir nunca en un diseño responsive. ¿Hay algo que no encuentro que
tenga min-width:480...?

+ cosinas

b) Ya que cambias el ancho de cada columna1 en resoluciones menores, puedes
cambiar tb el alto. Quedará más chulo.

c) El botonako de más información pesa mucho (es muy llamativo) y como
queda desparejo da cierta sensación de desorden. Se podrían alinear abajo
haciendo un pequeño jaleo, pero quizás te quede más chulo si:

1) La propia imagen es un enlace + el titulo es un enlace

2) y ya al final del texto solo añades este enlace (seguido) + información.
De esa manera no incordiará que quede desparejo, ya que el texto mancha
mucho menos que el botón con fondo de colirinchis. No sé si me explico.

3) SI conviertes las imágenes en enlaces, les podrías añadir algún efcto
chulo x CSS, que no cuesta mucho, como bajarles un poco la opacidad, que da
sensación de brillo. Y ya mejor aún si lo haces con alguna transición (
http://www.mmfilesi.com/blog/efectos-especiales-con-css3-la-propiedad-transition/
)

4) Un poco de margen al texto por los lados no le vendría mal (y mejor
alineado x bandera a la izda).

5) Hay dos formas de tratar las imágenes en responsive cuando se alargan
(digo, así con CSS, sin meter PHP ni cosas complejas de por medio). Una es
como la tienen, pero verás que se te distorsionan un poco cuando se ponen
al cien por cien en resoluciones canis. A mí eso no me molesta, pero igual
puedes hacer otra historia y es meterlas dentro de un div, que es donde
pones el overflow:hidden, y así lo que pasa es que se muestra un fragmento,
pero sin distorsionarse.

En cualquier caso, te está quedando una página CHULÍSIMA.

*Abrazos++*

El 25 de octubre de 2012 00:14, german vaquer germ...@telefonica.netescribió:

 Ok ya me funciona y me redimensionan las columnas sin descolocarse, gracias

 Saludos: Germán Vaquer

 -Mensaje original-
 From: marcos méndez filesi
 Sent: Wednesday, October 24, 2012 4:40 PM
 To: Ovillo, la lista de CSS en castellano
 Subject: Re: [Ovillo] duda responsive design

 muchas gracias a ti por compartir el proceso.

 Entonces, sí, la jugada podría ser esta.

 a) Limitar el ancho. Que nunca sea más de 1200, para que los que tengan
 resoluciones mayores no vean una página ilegible.

 Para eso, en el body podemos añadir esto:

 max-width: 1220px;

 b) Luego vamos con las media querys. Entonces, podrías hacer esto:

 En normal se ven las tres columnas, cada una con el 31% del ancho
 disponible

 Un poco más chico, hasta 600, solo dos, cada una con aproximadamente el 49%
 del ancho disponible

 Ya con menos de 400, se desflotan las columnas1 y se ponen al 100.

 Algo así:

 Normal:

 .columna1 {
 float:left;
 width:31%;
 margin: 0.5%;
 overflow:hidden;
 height:33em;
 box-sizing:border-box;
 -webkit-box-sizing:border-box;
 -moz-box-sizing:border-box;
 }

 /* Responsive */

 @media screen and (max-width:620px){
 .columna1 {
 width:45%;
 float:left;
 }
 }
 @media screen and (max-width:400px){
 .columna1{
 float:none;
 width:100%;
 margin:0 auto;
 }
 }






 El 24 de octubre de 2012 16:11, german vaquer
 germ...@telefonica.netescribió:

  Hola!
  Marcos, he aplicado lo que me dijistes en los 2 correos, tanto en la
 clase
  columna1 y la clase imagen columna 1, y ahora ya se ve bien a
 resoluciones
  mayores de 1200px, pero si reduzco la pantalla a 800X600, se me vuelven a
  descolocar la disposición de las imágenes y su contenido.
  http://www.pruebasgerman.com/companyo/entorn.html
 
  Que tengo que hacer mediaqueries específicos para cada resolución para
 que
  me quede todo ok?.
 
  Saludos i gracias a todos por vuestra ayuda.
 
  Germán Vaquer
 
  -Mensaje original-
  From: marcos méndez filesi
  Sent: Wednesday, October 24, 2012 12:37 AM
  To: Ovillo, la lista de CSS en castellano
  Subject: Re: [Ovillo] duda responsive design
 
  + cosas.
 
  *1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
  como te ocurre con la segunda de la segunda fila, conviene que
  especifiques
  una altura máxima a las imágenes. Para eso puedes añadir una clase a las
  imágenes
 
  .img_columna1 {
  width:100% !important;
  max-height: 10em;
  overflow:hidden;
  margin:1em;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  }
 
  *2)* En vez de
 
  meta name=viewport content=width=device-width
 
  mejor así
 
  meta name=viewport content=width=device-width, initial-scale=1,
  user-scalable=yes
 
  *3)* Como estás con cajitas flotantes, te conviene que todas las columnas
  estén dentro de un div que las contenga y en ese es importante que añadas
  overflow:hidden, para que la tostadora del explorer haga las cosas bien.
 
  4) No veo que el diseño sea responsive. No sé si es que aún no has
  empezado. Te dejo un enlace a una guía que espero te sirva de ayuda.
 
  http://www.mmfilesi.com

Re: [Ovillo] duda responsive design

2012-10-24 Por tema germ...@telefonica.net

Hola Marcos!

a) Tienes razoacute;n mirareacute; porque me sale el scroll.

b) por eso las imaacute;genes salen un poco achatadas, no? por el alto de la 
columna 1, lo miro.

c) Tienes razoacute;n el botoacute;n sale muy desordenado en consonacia con 
el texto y las imaacute;genes, estudiareacute; las 2 opciones modificar el 
botoacute;n o poner el enlace en la imagen, a ver que da mejor resultado.

Otra cosa, en la paacute;gina de inicio 
http://www.pruebasgerman.com/companyo/index.html

en el slider de las imaacute;genes, para hacerlo responsive, hace falta alguna 
cosa maacute;s a parte de darle un 100% witdh?,porque aveces cuando pruebo con 
resoluciones de moviles y tablets me sale un mensaje de que la imagen no se 
reescala y no muestra las imaacute;genes.

Y gracias por lo de la web chula, la verdad es que el cliente ya quedoacute; 
muy contento con la versioacute;n para ordenador y por eso me dijo que si la 
podiacute;a adaptar para otros dispositivos.

Un abrazo: Germaacute;n

PD: muy chulo tu blog y uacute;til.  Mensaje originalDe: 
mmfilesi@gmail.comFecha: 25/10/2012 0:50Para: Ovillo, la lista de CSS en 
castellanoovillo@lists.ovillo.orgAsunto: Re: [Ovillo] duda responsive 
designHola Germaacute;n,hay algo raruno, pero no consigo identificar 
queacute; es.a) Cuando pones el navegador a 480 o - te sale el scroll 
horizontal, que nodeberiacute;a salir nunca en un disentilde;o responsive. 
iquest;Hay algo que no encuentro quetenga min-width:480...?+ cosinasb) Ya que 
cambias el ancho de cada columna1 en resoluciones menores, puedescambiar tb el 
alto. Quedaraacute; maacute;s chulo.c) El botonako de maacute;s 
informacioacute;n pesa mucho (es muy llamativo) y comoqueda desparejo da 
cierta sensacioacute;n de desorden. Se podriacute;an alinear abajohaciendo un 
pequentilde;o jaleo, pero quizaacute;s te quede maacute;s chulo si:1) La 
propia imagen es un enlace + el titulo es un enlace2) y ya al final del texto 
solo antilde;ades este enlace (seguido) + informacioacute;n.De esa manera no 
incordiaraacute; que quede desparejo, ya que el texto manchamucho menos que el 
botoacute;n con fondo de colirinchis. No seacute; si me explico.3) SI 
conviertes las imaacute;genes en enlaces, les podriacute;as antilde;adir 
alguacute;n efctochulo x CSS, que no cuesta mucho, como bajarles un poco la 
opacidad, que dasensacioacute;n de brillo. Y ya mejor auacute;n si lo haces 
con alguna transicioacute;n 
(http://www.mmfilesi.com/blog/efectos-especiales-con-css3-la-propiedad-transition/)4)
 Un poco de margen al texto por los lados no le vendriacute;a mal (y 
mejoralineado x bandera a la izda).5) Hay dos formas de tratar las 
imaacute;genes en responsive cuando se alargan(digo, asiacute; con CSS, sin 
meter PHP ni cosas complejas de por medio). Una escomo la tienen, pero 
veraacute;s que se te distorsionan un poco cuando se ponenal cien por cien en 
resoluciones canis. A miacute; eso no me molesta, pero igualpuedes hacer otra 
historia y es meterlas dentro de un div, que es dondepones el overflow:hidden, 
y asiacute; lo que pasa es que se muestra un fragmento,pero sin 
distorsionarse.En cualquier caso, te estaacute; quedando una paacute;gina 
CHULIacute;SIMA.*Abrazos++*El 25 de octubre de 2012 00:14, german vaquer 
germ...@telefonica.netescribioacute;: Ok ya me funciona y me redimensionan 
las columnas sin descolocarse, gracias Saludos: Germaacute;n Vaquer 
-Mensaje original- From: marcos meacute;ndez filesi Sent: Wednesday, 
October 24, 2012 4:40 PM To: Ovillo, la lista de CSS en castellano Subject: 
Re: [Ovillo] duda responsive design muchas gracias a ti por compartir el 
proceso. Entonces, siacute;, la jugada podriacute;a ser esta. a) Limitar 
el ancho. Que nunca sea maacute;s de 1200, para que los que tengan 
resoluciones mayores no vean una paacute;gina ilegible. Para eso, en el body 
podemos antilde;adir esto: max-width: 1220px; b) Luego vamos con las media 
querys. Entonces, podriacute;as hacer esto: En normal se ven las tres 
columnas, cada una con el 31% del ancho disponible Un poco maacute;s chico, 
hasta 600, solo dos, cada una con aproximadamente el 49% del ancho 
disponible Ya con menos de 400, se desflotan las columnas1 y se ponen al 
100. Algo asiacute;: Normal: .columna1 { float:left; width:31%; 
margin: 0.5%; overflow:hidden; height:33em; box-sizing:border-box; 
-webkit-box-sizing:border-box; -moz-box-sizing:border-box; } /* Responsive 
*/ @media screen and (max-width:620px){ .columna1 { width:45%; 
float:left; } } @media screen and (max-width:400px){ .columna1{ 
float:none; width:100%; margin:0 auto; } } El 24 de octubre de 2012 
16:11, german vaquer germ...@telefonica.netescribioacute;:  Hola!  
Marcos, he aplicado lo que me dijistes en los 2 correos, tanto en la clase  
columna1 y la clase imagen columna 1, y ahora ya se ve bien a resoluciones  
mayores de 1200px, pero si reduzco la pantalla a 800X600, se me vuelven a  
descolocar la disposicioacute;n de las imaacute;genes y su

Re: [Ovillo] duda responsive design

2012-10-23 Por tema Olivier Blázquez
Hola,
Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
claro tu problema, pero igual podrías solucionarlo creando una clase nueva
con un clear: both; y ponerlo en el cuarto div columna1, en el septimo
div columna 1... Es decir, en las cajas que comiencen a crear una nueva
fila. El problema viene dado por el tamaño de las cajas superiores: si no
es exactamente igual en las tres cajas, las cajas que están en la fila
inferior si encuentran un hueco, se suben a ese hueco.

Espero haberme explicado.



El 23 de octubre de 2012 23:56, german vaquer germ...@telefonica.netescribió:

 Hola buenas!

 Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo
 para visualizar en cualquier dispositivo. El problema que tengo es en la
 siguiente página de dicha web:

 http://www.pruebasgerman.com/companyo/entorn.html

 Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
 queden en la misma posición que las 3 primeras y las 3 de la parte central,
 el resto de imágenes se me salen de madre y se me descolocan y no sé el
 porqué, puesto que el código css es el mismo para todas las imágenes.
 Alguna sugerencia?, he repasado el código por si hubiese algo que me
 faltase, pero la verdad es que no he visto nada raro. y eso que le he dado
 bastantes vueltas.

 Gracias de antemano: saludos

 Germán Vaquer
 ___
 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] duda responsive design

2012-10-23 Por tema Olivier Blázquez
 Hola,
 Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
 claro tu problema, pero igual podrías solucionarlo creando una clase nueva
 con un clear: both; y ponerlo en el cuarto div columna1, en el septimo
 div columna 1... Es decir, en las cajas que comiencen a crear una nueva
 fila. El problema viene dado por el tamaño de las cajas superiores: si no
 es exactamente igual en las tres cajas, las cajas que están en la fila
 inferior si encuentran un hueco, se suben a ese hueco.

 Espero haberme explicado.



 El 23 de octubre de 2012 23:56, german vaquer 
 germ...@telefonica.netescribió:

 Hola buenas!

 Estoy reconvirtiendo una web ya realizada en una web con diseño
 responsivo para visualizar en cualquier dispositivo. El problema que tengo
 es en la siguiente página de dicha web:

 http://www.pruebasgerman.com/companyo/entorn.html

 Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
 queden en la misma posición que las 3 primeras y las 3 de la parte central,
 el resto de imágenes se me salen de madre y se me descolocan y no sé el
 porqué, puesto que el código css es el mismo para todas las imágenes.
 Alguna sugerencia?, he repasado el código por si hubiese algo que me
 faltase, pero la verdad es que no he visto nada raro. y eso que le he dado
 bastantes vueltas.

 Gracias de antemano: saludos

 Germán Vaquer
 ___
 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] duda responsive design

2012-10-23 Por tema marcos méndez filesi
por favor, prueba a añadir esto en las CSS

columna1 {
min-height:33em;
overflow:hidden
}

El 24 de octubre de 2012 00:10, Olivier Blázquez obe...@gmail.comescribió:

  Hola,
  Yo lo veo de forma diferente en firefox y chrome, así que no tengo muy
  claro tu problema, pero igual podrías solucionarlo creando una clase
 nueva
  con un clear: both; y ponerlo en el cuarto div columna1, en el septimo
  div columna 1... Es decir, en las cajas que comiencen a crear una nueva
  fila. El problema viene dado por el tamaño de las cajas superiores: si no
  es exactamente igual en las tres cajas, las cajas que están en la fila
  inferior si encuentran un hueco, se suben a ese hueco.
 
  Espero haberme explicado.
 
 
 
  El 23 de octubre de 2012 23:56, german vaquer germ...@telefonica.net
 escribió:
 
  Hola buenas!
 
  Estoy reconvirtiendo una web ya realizada en una web con diseño
  responsivo para visualizar en cualquier dispositivo. El problema que
 tengo
  es en la siguiente página de dicha web:
 
  http://www.pruebasgerman.com/companyo/entorn.html
 
  Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
  queden en la misma posición que las 3 primeras y las 3 de la parte
 central,
  el resto de imágenes se me salen de madre y se me descolocan y no sé el
  porqué, puesto que el código css es el mismo para todas las imágenes.
  Alguna sugerencia?, he repasado el código por si hubiese algo que me
  faltase, pero la verdad es que no he visto nada raro. y eso que le he
 dado
  bastantes vueltas.
 
  Gracias de antemano: saludos
 
  Germán Vaquer
  ___
  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




-- 
Marcos Méndez Filesi
http://www.mmfilesi.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] duda responsive design

2012-10-23 Por tema marcos méndez filesi
No sé si llegó el anterior mensaje.

Por favor, prueba esto

columna1 {
min-height:33em;
overflow:hidden
}

El 23 de octubre de 2012 23:56, german vaquer germ...@telefonica.netescribió:

 Hola buenas!

 Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo
 para visualizar en cualquier dispositivo. El problema que tengo es en la
 siguiente página de dicha web:

 http://www.pruebasgerman.com/companyo/entorn.html

 Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
 queden en la misma posición que las 3 primeras y las 3 de la parte central,
 el resto de imágenes se me salen de madre y se me descolocan y no sé el
 porqué, puesto que el código css es el mismo para todas las imágenes.
 Alguna sugerencia?, he repasado el código por si hubiese algo que me
 faltase, pero la verdad es que no he visto nada raro. y eso que le he dado
 bastantes vueltas.

 Gracias de antemano: saludos

 Germán Vaquer
 ___
 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




-- 
Marcos Méndez Filesi
http://www.mmfilesi.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] duda responsive design

2012-10-23 Por tema marcos méndez filesi
+ cosas.

*1)* Para prevenir que la imagen te escojone las cápsula (Empedrats...),
como te ocurre con la segunda de la segunda fila, conviene que especifiques
una altura máxima a las imágenes. Para eso puedes añadir una clase a las
imágenes

.img_columna1 {
width:100% !important;
max-height: 10em;
overflow:hidden;
margin:1em;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
}

*2)* En vez de

meta name=viewport content=width=device-width

mejor así

meta name=viewport content=width=device-width, initial-scale=1,
user-scalable=yes

*3)* Como estás con cajitas flotantes, te conviene que todas las columnas
estén dentro de un div que las contenga y en ese es importante que añadas
overflow:hidden, para que la tostadora del explorer haga las cosas bien.

4) No veo que el diseño sea responsive. No sé si es que aún no has
empezado. Te dejo un enlace a una guía que espero te sirva de ayuda.

http://www.mmfilesi.com/blog/tutorial-responsive-web-design-i

SUERTE.

El 23 de octubre de 2012 23:56, german vaquer germ...@telefonica.netescribió:

 Hola buenas!

 Estoy reconvirtiendo una web ya realizada en una web con diseño responsivo
 para visualizar en cualquier dispositivo. El problema que tengo es en la
 siguiente página de dicha web:

 http://www.pruebasgerman.com/companyo/entorn.html

 Aquí tengo 9 imágenes con su respectivo texto, y quiero que todas me
 queden en la misma posición que las 3 primeras y las 3 de la parte central,
 el resto de imágenes se me salen de madre y se me descolocan y no sé el
 porqué, puesto que el código css es el mismo para todas las imágenes.
 Alguna sugerencia?, he repasado el código por si hubiese algo que me
 faltase, pero la verdad es que no he visto nada raro. y eso que le he dado
 bastantes vueltas.

 Gracias de antemano: saludos

 Germán Vaquer
 ___
 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




-- 
Marcos Méndez Filesi
http://www.mmfilesi.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


[Ovillo] Duda sobre maquetación

2011-08-02 Por tema Miguel Angel

Hola buenas,
Tenemos una mini-discusión entre yo y un maquetador sobre un concepto de 
maquetación. Estamos usando 960 grid system.
Tenemos una parte donde esta maquetado un titular h3 que esta englobado por un 
grid que ocupa el 100% y tiene un fondo de color gris oscuro.
Yo he colocado el grid y dentro el h3, y mi compañero dice que no es necesario 
englobar el h3 por el grid ya que te ahorras el elemento div grid por 
cuestiones de optimización.
Yo creo que conceptualmente no es correcto ya que el grid esta pensado para 
estructurar contenido, y simplemente por ahorrar códido, no es correcto que se 
elimine la definición de grid... cada cosa es para lo que es, y estoy seguro de 
que se pueden ahorrar muchos otros estilos reusando otros, pero el concepto no 
es este..
Un saludo!!   
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Duda sobre maquetación

2011-08-02 Por tema Gerardo Oscar Jimenez Tornos
Hola Miguel Angel,

Prácticamente no he utilizado 960 grid system pero obviamente es mejor
utilizar la recomendación que especifican los autores ya que eliminando
elementos para 'optimizar' corres el riesgo de que no se vea correctamente
en otros navegadores, o no puedas cambiar de una hoja de estilos a otra.

Además, la supuesta optimización no ahorra tiempo perceptible al usuario,
sería mucho mejor quitar los blancos del css e intentar agrupar las
peticiones de archivos (con sprites por ejemplo)

PS: Esto sí que 'desoptimiza' jeje:
http://www.treeweb.es/ShareCode/6ecca1ed5ab5d13a276b9a0b2f4e2f0e
Advertencia: puede provocar alucinaciones XD


Saludos


El 2 de agosto de 2011 10:53, Miguel Angel mik_...@hotmail.com escribió:


 Hola buenas,
 Tenemos una mini-discusión entre yo y un maquetador sobre un concepto de
 maquetación. Estamos usando 960 grid system.
 Tenemos una parte donde esta maquetado un titular h3 que esta englobado por
 un grid que ocupa el 100% y tiene un fondo de color gris oscuro.
 Yo he colocado el grid y dentro el h3, y mi compañero dice que no es
 necesario englobar el h3 por el grid ya que te ahorras el elemento div
 grid por cuestiones de optimización.
 Yo creo que conceptualmente no es correcto ya que el grid esta pensado para
 estructurar contenido, y simplemente por ahorrar códido, no es correcto que
 se elimine la definición de grid... cada cosa es para lo que es, y estoy
 seguro de que se pueden ahorrar muchos otros estilos reusando otros, pero el
 concepto no es este..
 Un saludo!!
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://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] Duda sobre maquetación

2011-08-02 Por tema Ernesto Rodríguez Ageitos
Hola,

Yo tampoco he usado 960 grid, pero como bien dices, cada cosa es para lo
que es, y un div se usa para agrupar elementos a los que luego aplicar
estilos comunes o comportamientos vía DOM. Usar un div para incluir un único
elemento es redundante, y no lo veo necesario.

Salud!



El 2 de agosto de 2011 10:29, Gerardo Oscar Jimenez Tornos 
gerardoosca...@gmail.com escribió:

 Hola Miguel Angel,

 Prácticamente no he utilizado 960 grid system pero obviamente es mejor
 utilizar la recomendación que especifican los autores ya que eliminando
 elementos para 'optimizar' corres el riesgo de que no se vea correctamente
 en otros navegadores, o no puedas cambiar de una hoja de estilos a otra.

 Además, la supuesta optimización no ahorra tiempo perceptible al usuario,
 sería mucho mejor quitar los blancos del css e intentar agrupar las
 peticiones de archivos (con sprites por ejemplo)

 PS: Esto sí que 'desoptimiza' jeje:
 http://www.treeweb.es/ShareCode/6ecca1ed5ab5d13a276b9a0b2f4e2f0e
 Advertencia: puede provocar alucinaciones XD


 Saludos


 El 2 de agosto de 2011 10:53, Miguel Angel mik_...@hotmail.com escribió:

 
  Hola buenas,
  Tenemos una mini-discusión entre yo y un maquetador sobre un concepto de
  maquetación. Estamos usando 960 grid system.
  Tenemos una parte donde esta maquetado un titular h3 que esta englobado
 por
  un grid que ocupa el 100% y tiene un fondo de color gris oscuro.
  Yo he colocado el grid y dentro el h3, y mi compañero dice que no es
  necesario englobar el h3 por el grid ya que te ahorras el elemento div
  grid por cuestiones de optimización.
  Yo creo que conceptualmente no es correcto ya que el grid esta pensado
 para
  estructurar contenido, y simplemente por ahorrar códido, no es correcto
 que
  se elimine la definición de grid... cada cosa es para lo que es, y estoy
  seguro de que se pueden ahorrar muchos otros estilos reusando otros, pero
 el
  concepto no es este..
  Un saludo!!
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://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

___
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] Duda sobre maquetación

2011-08-02 Por tema Reactivo Química Visual
Buenas,

Yo de vez en cuando utilizo únicamente la plantilla de 960gs para Fireworks
cuando hago un diseño inicial, no me gusta tener que utilizar tantos divs y
tanto CSS predefinido.

En mi opinión el código debe ser lo más escueto y semánticamente correcto
que el diseño por CSS nos permita. Si puedes ahorrarte divs y utilizar las
etiquetas con significado para conseguir lo que quieres, mucho mejor.

Pero cada uno tiene su forma de trabajo...


Un saludo,
Diego.


El 2 de agosto de 2011 11:57, Ernesto Rodríguez Ageitos 
ernesto.rodrig...@canarias7digital.com escribió:

 Hola,

 Yo tampoco he usado 960 grid, pero como bien dices, cada cosa es para lo
 que es, y un div se usa para agrupar elementos a los que luego aplicar
 estilos comunes o comportamientos vía DOM. Usar un div para incluir un
 único
 elemento es redundante, y no lo veo necesario.

 Salud!



 El 2 de agosto de 2011 10:29, Gerardo Oscar Jimenez Tornos 
 gerardoosca...@gmail.com escribió:

  Hola Miguel Angel,
 
  Prácticamente no he utilizado 960 grid system pero obviamente es mejor
  utilizar la recomendación que especifican los autores ya que eliminando
  elementos para 'optimizar' corres el riesgo de que no se vea
 correctamente
  en otros navegadores, o no puedas cambiar de una hoja de estilos a otra.
 
  Además, la supuesta optimización no ahorra tiempo perceptible al usuario,
  sería mucho mejor quitar los blancos del css e intentar agrupar las
  peticiones de archivos (con sprites por ejemplo)
 
  PS: Esto sí que 'desoptimiza' jeje:
  http://www.treeweb.es/ShareCode/6ecca1ed5ab5d13a276b9a0b2f4e2f0e
  Advertencia: puede provocar alucinaciones XD
 
 
  Saludos
 
 
  El 2 de agosto de 2011 10:53, Miguel Angel mik_...@hotmail.com
 escribió:
 
  
   Hola buenas,
   Tenemos una mini-discusión entre yo y un maquetador sobre un concepto
 de
   maquetación. Estamos usando 960 grid system.
   Tenemos una parte donde esta maquetado un titular h3 que esta englobado
  por
   un grid que ocupa el 100% y tiene un fondo de color gris oscuro.
   Yo he colocado el grid y dentro el h3, y mi compañero dice que no es
   necesario englobar el h3 por el grid ya que te ahorras el elemento div
   grid por cuestiones de optimización.
   Yo creo que conceptualmente no es correcto ya que el grid esta pensado
  para
   estructurar contenido, y simplemente por ahorrar códido, no es correcto
  que
   se elimine la definición de grid... cada cosa es para lo que es, y
 estoy
   seguro de que se pueden ahorrar muchos otros estilos reusando otros,
 pero
  el
   concepto no es este..
   Un saludo!!
   ___
   Lista de distribución Ovillo
   Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
   Puedes modificar tus datos o desuscribirte en la siguiente dirección:
   http://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
 
 ___
 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] Duda sobre maquetación

2011-08-02 Por tema Leonel Silva
Personalmente pienso que ningun grid, o sistema predefinido debería estar
por encima de los estándares, ya que si la idea es el uso correcto y
semántico del html y el uso correcto de las etiquetas de acuerdo a los
parámetros de la w3c, que encierres un h3 solito dentro de un div no es lo
recomendado ya que los atributos que le vas a colocar al div se los puedes
colocar directo al h3 y la etiqueta div está creada para divisiones de
página para agrupar varios elementos dentro de una division; pero igual si
lo haces del otro modo va a ser válido, así que si les conviene más a
ustedes para conservar la estructura y el fácil manejo de estilos del site,
pues encierra tu h3 en un div que nadie te va a encarcelar por ello y
mientras pase las validaciones http://validator.w3.org/ y
http://jigsaw.w3.org/css-validator/ puedes darte por satisfecho.



2011/8/2 Reactivo Química Visual conta...@reactivo.es

 Buenas,

 Yo de vez en cuando utilizo únicamente la plantilla de 960gs para Fireworks
 cuando hago un diseño inicial, no me gusta tener que utilizar tantos divs y
 tanto CSS predefinido.

 En mi opinión el código debe ser lo más escueto y semánticamente correcto
 que el diseño por CSS nos permita. Si puedes ahorrarte divs y utilizar las
 etiquetas con significado para conseguir lo que quieres, mucho mejor.

 Pero cada uno tiene su forma de trabajo...


 Un saludo,
 Diego.


 El 2 de agosto de 2011 11:57, Ernesto Rodríguez Ageitos 
 ernesto.rodrig...@canarias7digital.com escribió:

  Hola,
 
  Yo tampoco he usado 960 grid, pero como bien dices, cada cosa es para lo
  que es, y un div se usa para agrupar elementos a los que luego aplicar
  estilos comunes o comportamientos vía DOM. Usar un div para incluir un
  único
  elemento es redundante, y no lo veo necesario.
 
  Salud!
 
 
 
  El 2 de agosto de 2011 10:29, Gerardo Oscar Jimenez Tornos 
  gerardoosca...@gmail.com escribió:
 
   Hola Miguel Angel,
  
   Prácticamente no he utilizado 960 grid system pero obviamente es mejor
   utilizar la recomendación que especifican los autores ya que eliminando
   elementos para 'optimizar' corres el riesgo de que no se vea
  correctamente
   en otros navegadores, o no puedas cambiar de una hoja de estilos a
 otra.
  
   Además, la supuesta optimización no ahorra tiempo perceptible al
 usuario,
   sería mucho mejor quitar los blancos del css e intentar agrupar las
   peticiones de archivos (con sprites por ejemplo)
  
   PS: Esto sí que 'desoptimiza' jeje:
   http://www.treeweb.es/ShareCode/6ecca1ed5ab5d13a276b9a0b2f4e2f0e
   Advertencia: puede provocar alucinaciones XD
  
  
   Saludos
  
  
   El 2 de agosto de 2011 10:53, Miguel Angel mik_...@hotmail.com
  escribió:
  
   
Hola buenas,
Tenemos una mini-discusión entre yo y un maquetador sobre un concepto
  de
maquetación. Estamos usando 960 grid system.
Tenemos una parte donde esta maquetado un titular h3 que esta
 englobado
   por
un grid que ocupa el 100% y tiene un fondo de color gris oscuro.
Yo he colocado el grid y dentro el h3, y mi compañero dice que no es
necesario englobar el h3 por el grid ya que te ahorras el elemento
 div
grid por cuestiones de optimización.
Yo creo que conceptualmente no es correcto ya que el grid esta
 pensado
   para
estructurar contenido, y simplemente por ahorrar códido, no es
 correcto
   que
se elimine la definición de grid... cada cosa es para lo que es, y
  estoy
seguro de que se pueden ahorrar muchos otros estilos reusando otros,
  pero
   el
concepto no es este..
Un saludo!!
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://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
  
  ___
  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




-- 
--
Caracas - Venezuela
www.leonelsilva.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: 

Re: [Ovillo] Duda sobre maquetación

2011-08-02 Por tema Miguel Angel

Hola buenas de nuevo.

No entiendo una cosa, si el h3 que esta englobado por un h3 tiene que tener un 
width 100% ( que es el que tiene el grid ), es correcto que yo use h3 
class=grid_16??

Conceptualmente es correcto que yo tenga un h3 que actue como un grid dentro de 
la página?? evidentemente funcionará.. pero no lo encuentro correcto.. solo 
porque sirva no debería de ser válido, debería de haber una lógica detrás, no? 
es decir, si por lo que sea los grids pasan de tener 6pc de margin bottom a 70, 
y es correcto para los grid que estructuran la página, que pasaría con ese h3? 
se debe de comportar como grid? :S

Un saludo!

 From: lsi...@gmail.com
 Date: Tue, 2 Aug 2011 11:36:04 -0400
 To: ovillo@lists.ovillo.org
 Subject: Re: [Ovillo] Duda sobre maquetación
 
 Personalmente pienso que ningun grid, o sistema predefinido debería estar
 por encima de los estándares, ya que si la idea es el uso correcto y
 semántico del html y el uso correcto de las etiquetas de acuerdo a los
 parámetros de la w3c, que encierres un h3 solito dentro de un div no es lo
 recomendado ya que los atributos que le vas a colocar al div se los puedes
 colocar directo al h3 y la etiqueta div está creada para divisiones de
 página para agrupar varios elementos dentro de una division; pero igual si
 lo haces del otro modo va a ser válido, así que si les conviene más a
 ustedes para conservar la estructura y el fácil manejo de estilos del site,
 pues encierra tu h3 en un div que nadie te va a encarcelar por ello y
 mientras pase las validaciones http://validator.w3.org/ y
 http://jigsaw.w3.org/css-validator/ puedes darte por satisfecho.
 
 
 
 2011/8/2 Reactivo Química Visual conta...@reactivo.es
 
  Buenas,
 
  Yo de vez en cuando utilizo únicamente la plantilla de 960gs para Fireworks
  cuando hago un diseño inicial, no me gusta tener que utilizar tantos divs y
  tanto CSS predefinido.
 
  En mi opinión el código debe ser lo más escueto y semánticamente correcto
  que el diseño por CSS nos permita. Si puedes ahorrarte divs y utilizar las
  etiquetas con significado para conseguir lo que quieres, mucho mejor.
 
  Pero cada uno tiene su forma de trabajo...
 
 
  Un saludo,
  Diego.
 
 
  El 2 de agosto de 2011 11:57, Ernesto Rodríguez Ageitos 
  ernesto.rodrig...@canarias7digital.com escribió:
 
   Hola,
  
   Yo tampoco he usado 960 grid, pero como bien dices, cada cosa es para lo
   que es, y un div se usa para agrupar elementos a los que luego aplicar
   estilos comunes o comportamientos vía DOM. Usar un div para incluir un
   único
   elemento es redundante, y no lo veo necesario.
  
   Salud!
  
  
  
   El 2 de agosto de 2011 10:29, Gerardo Oscar Jimenez Tornos 
   gerardoosca...@gmail.com escribió:
  
Hola Miguel Angel,
   
Prácticamente no he utilizado 960 grid system pero obviamente es mejor
utilizar la recomendación que especifican los autores ya que eliminando
elementos para 'optimizar' corres el riesgo de que no se vea
   correctamente
en otros navegadores, o no puedas cambiar de una hoja de estilos a
  otra.
   
Además, la supuesta optimización no ahorra tiempo perceptible al
  usuario,
sería mucho mejor quitar los blancos del css e intentar agrupar las
peticiones de archivos (con sprites por ejemplo)
   
PS: Esto sí que 'desoptimiza' jeje:
http://www.treeweb.es/ShareCode/6ecca1ed5ab5d13a276b9a0b2f4e2f0e
Advertencia: puede provocar alucinaciones XD
   
   
Saludos
   
   
El 2 de agosto de 2011 10:53, Miguel Angel mik_...@hotmail.com
   escribió:
   

 Hola buenas,
 Tenemos una mini-discusión entre yo y un maquetador sobre un concepto
   de
 maquetación. Estamos usando 960 grid system.
 Tenemos una parte donde esta maquetado un titular h3 que esta
  englobado
por
 un grid que ocupa el 100% y tiene un fondo de color gris oscuro.
 Yo he colocado el grid y dentro el h3, y mi compañero dice que no es
 necesario englobar el h3 por el grid ya que te ahorras el elemento
  div
 grid por cuestiones de optimización.
 Yo creo que conceptualmente no es correcto ya que el grid esta
  pensado
para
 estructurar contenido, y simplemente por ahorrar códido, no es
  correcto
que
 se elimine la definición de grid... cada cosa es para lo que es, y
   estoy
 seguro de que se pueden ahorrar muchos otros estilos reusando otros,
   pero
el
 concepto no es este..
 Un saludo!!
 ___
 Lista de distribución Ovillo
 Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
 Puedes modificar tus datos o desuscribirte en la siguiente dirección:
 http://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

Re: [Ovillo] Duda General

2010-08-05 Por tema Walter Carlzon
En el mail anterior me olvide de adjuntar el link!
Son tips tipo explicativos de buenas practicas.
Yo los tome a algunos consejos para mantener una buena disciplina a la  
hora de escribir codigo html y css.

http://www.pixelovers.com/css-consejos-buenas-practicas-11635

Saludos!

El 04/08/2010, a las 16:16, Helmán escribió:

 Prueben esta pagina para los tips:
 http://www.htmldog.com/

 El 4 de agosto de 2010 08:57, Walter Carlzon  
 peixedopar...@gmail.comescribió:

 Aqui te paso un link que tengo hace tiempo, que tienes algunos tips  
 de
 HTML y CSS en general, es bastante estricto pero me parecen buenas
 practicas.
 Saludos

 El 04/08/2010, a las 05:05, Nitos escribió:

 Buenas, me tengo una pregunta hace unos días y es: ¿Cuales serian  
 los
 mejores tips de CSS para los principiantes?

 Saludos y Gracias! (mi primer pregunta en la lista)

 - Twitter: @josernitos
  Facebook: josernitos
  Flickr/Digg/Stumbleupon: nitos
 ___
 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

 ___
 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] Duda General

2010-08-05 Por tema Cristian Wilgenhoff
http://www.librosweb.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://lists.ovillo.org/mailman/listinfo/ovillo


Re: [Ovillo] Duda con borde en los enlaces

2010-08-04 Por tema Jimmy Collazos || acido || cuatroxl.com
Sí te hubieses leído un manual de css sabrías por qué.

si te da mucha pereza leértelo, aquí tienes uno resumidito :P

http://www.w3c.es/divulgacion/guiasreferencia/css21/


-- 

 J i m m y  C o l l a z o s :

desarrollado web; estándar, accesible, escalable

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


[Ovillo] Duda General

2010-08-04 Por tema Nitos
Buenas, me tengo una pregunta hace unos días y es: ¿Cuales serian los  
mejores tips de CSS para los principiantes?

Saludos y Gracias! (mi primer pregunta en la lista)

- Twitter: @josernitos
   Facebook: josernitos
   Flickr/Digg/Stumbleupon: nitos 
___
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] Duda General

2010-08-04 Por tema Xoan Sampaiño
2010/8/4 Nitos josernito...@gmail.com:
 Buenas, me tengo una pregunta hace unos días y es: ¿Cuales serian los
 mejores tips de CSS para los principiantes?

 Saludos y Gracias! (mi primer pregunta en la lista)

Creo que el mejor de todos es aprender a buscar:
http://lmgtfy.com/?q=CSS+para+principiantes ;)

Como recomendación personal, primero comprender el «modelo de caja»[1] ;)

Luego, «20 Useful CSS Tips For Beginners»[2] tiene muy buena pinta.
Habla de un montón de cosas, tantas como 20, que deberías tener en
cuenta casi desde el principio, como la técnica «shorthand», el uso de
herramientas de depuración, el posicionamiento de cajas, etc...

[1] http://www.sidar.org/recur/desdi/traduc/es/css/box.html
[2] http://www.hongkiat.com/blog/20-useful-css-tips-for-beginners/

-- 
Xoan Sampaiño [ xoan @ twitter|vimeo|flickr|delicious ]

 /\  Document Freedom Day        - Liberate your documents
_\/` http://documentfreedom.org/ - March 31st 2010
___
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] Duda General

2010-08-04 Por tema Nitos
Gracias, si.. Mi pregunta se basa en recomendaciones propias.

Yo recomendaría el atributo float, explicar como funciona (eso me  
costo mucho)..

Saludos.

- Twitter: @josernitos
   Facebook: josernitos
   Flickr/Digg/Stumbleupon: nitos


On 04/08/2010, at 02:34 a.m., Xoan Sampaiño xoansampai...@gmail.com  
wrote:

 2010/8/4 Nitos josernito...@gmail.com:
 Buenas, me tengo una pregunta hace unos días y es: ¿Cuales serian  
 los
 mejores tips de CSS para los principiantes?

 Saludos y Gracias! (mi primer pregunta en la lista)

 Creo que el mejor de todos es aprender a buscar:
 http://lmgtfy.com/?q=CSS+para+principiantes ;)

 Como recomendación personal, primero comprender el «modelo de  
 caja»[1] ;)

 Luego, «20 Useful CSS Tips For Beginners»[2] tiene muy buena pinta.
 Habla de un montón de cosas, tantas como 20, que deberías tener en
 cuenta casi desde el principio, como la técnica «shorthand», el  
 uso de
 herramientas de depuración, el posicionamiento de cajas, etc...

 [1] http://www.sidar.org/recur/desdi/traduc/es/css/box.html
 [2] http://www.hongkiat.com/blog/20-useful-css-tips-for-beginners/

 -- 
 Xoan Sampaiño [ xoan @ twitter|vimeo|flickr|delicious ]

  /\  Document Freedom Day- Liberate your documents
 _\/` http://documentfreedom.org/ - March 31st 2010
 ___
 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] Duda General

2010-08-04 Por tema Tei
2010/8/4 Nitos josernito...@gmail.com:
 Buenas, me tengo una pregunta hace unos días y es: ¿Cuales serian los
 mejores tips de CSS para los principiantes?


etiquetar como si estubieras añadiendo tags semanticos

por ejemplo, si tu diseñaras un HTML para hacer recetas, harias algo asi

receta
nombreHuevos fritos con patatasnombre
ingredientes
ingredientehuevos/ingrediente
ingredientepatatas/ingrediente
ingredienteaceite/ingrediente
ingredientesal/ingrediente
/ingredientes
/receta

(realmente... esto es posible con XML, pero divago... )

entonces haces lo mismo con HTML,  usando las etiquetas de html
nativas cuando sea posible,

div class=receta
h2 class=nombreHuevos fritos con paatas/h2
ul class=ingredientes
lihuevos/li
lipatatas/li
liaceite/li
lisal/li
/ul
/div

( curiosamente, este html es mas breve que la version XML, pero divago.. )


Un buen principio para un buen CSS es un buen HTML


-- 
--
ℱin del ℳensaje.
___
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] Duda General

2010-08-04 Por tema Tei
2010/8/4 Xoan Sampaiño xoansampai...@gmail.com:
 2010/8/4 Nitos josernito...@gmail.com:
 Buenas, me tengo una pregunta hace unos días y es: ¿Cuales serian los
 mejores tips de CSS para los principiantes?

 Saludos y Gracias! (mi primer pregunta en la lista)

 Creo que el mejor de todos es aprender a buscar:
 http://lmgtfy.com/?q=CSS+para+principiantes ;)


Este es el mejor consejo que te van a dar. Las listas de correo no son
practicas para preguntas generales, solo sirven para preguntas
concretas con problemas, y solo cuando es un problema conocido para
una de las personas activas de la lista.  Las preguntas generales
nunca suelen tener respuestas enteramente satisfactorias, no se puede
usar una lista de correo para enseñar a la gente una rama del
conocimiento. Para eso esta mejor un tutorial, doctorial, etc..   o en
jerga de listas de correo: RTFM.


-- 
--
ℱin del ℳensaje.
___
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] Duda General

2010-08-04 Por tema Andrés gutiérrez
 Este es el mejor consejo que te van a dar. Las listas de correo no son
 practicas para preguntas generales, solo sirven para preguntas
 concretas con problemas, y solo cuando es un problema conocido para
 una de las personas activas de la lista.  Las preguntas generales
 nunca suelen tener respuestas enteramente satisfactorias, no se puede
 usar una lista de correo para enseñar a la gente una rama del
 conocimiento. Para eso esta mejor un tutorial, doctorial, etc..   o en
 jerga de listas de correo: RTFM.

 RTFM = Read The Fucking Manual



___
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] Duda General

2010-08-04 Por tema Dan

http://www.librosweb.es
http://www.google.es/search?hl=essafe=offqscrl=1sa=Xei=L2VZTJySHM7KjAfmxJHeDAved=0CBUQvwUoAQq=css+principiantesspell=1

Mano de santo, hoyga!


-Mensaje original-
De: Nitos [mailto:josernito...@gmail.com] 
Enviado el: miércoles, 04 de agosto de 2010 10:05
Para: Ovillo, la lista de CSS en castellano
Asunto: [Ovillo] Duda General

Buenas, me tengo una pregunta hace unos días y es: ¿Cuales serian los mejores 
tips de CSS para los principiantes?

Saludos y Gracias! (mi primer pregunta en la lista)

- Twitter: @josernitos
   Facebook: josernitos
   Flickr/Digg/Stumbleupon: nitos 

___
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] Duda General

2010-08-04 Por tema Walter Carlzon
Aqui te paso un link que tengo hace tiempo, que tienes algunos tips de  
HTML y CSS en general, es bastante estricto pero me parecen buenas  
practicas.
Saludos

El 04/08/2010, a las 05:05, Nitos escribió:

 Buenas, me tengo una pregunta hace unos días y es: ¿Cuales serian los
 mejores tips de CSS para los principiantes?

 Saludos y Gracias! (mi primer pregunta en la lista)

 - Twitter: @josernitos
   Facebook: josernitos
   Flickr/Digg/Stumbleupon: nitos
 ___
 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] Duda General

2010-08-04 Por tema Joaquín Vicente
2010/8/4 Walter Carlzon peixedopar...@gmail.com

 Aqui te paso un link que tengo hace tiempo, que tienes algunos tips de
 HTML y CSS en general, es bastante estricto pero me parecen buenas
 practicas.
 Saludos



Walter: te faltó el link! :P

-
y...?  y...?
y el animal?

la vaaacaaa ♫ ♬

(payada de la vaca http://www.youtube.com/watch?v=1PH1lGRsOfg, les
luthiers)
___
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] Duda General

2010-08-04 Por tema Helmán
Prueben esta pagina para los tips:
http://www.htmldog.com/

El 4 de agosto de 2010 08:57, Walter Carlzon peixedopar...@gmail.comescribió:

 Aqui te paso un link que tengo hace tiempo, que tienes algunos tips de
 HTML y CSS en general, es bastante estricto pero me parecen buenas
 practicas.
 Saludos

 El 04/08/2010, a las 05:05, Nitos escribió:

  Buenas, me tengo una pregunta hace unos días y es: ¿Cuales serian los
  mejores tips de CSS para los principiantes?
 
  Saludos y Gracias! (mi primer pregunta en la lista)
 
  - Twitter: @josernitos
Facebook: josernitos
Flickr/Digg/Stumbleupon: nitos
  ___
  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

___
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] Duda con borde en los enlaces

2010-08-04 Por tema Helmán
Al ver sus correos, recordé una pregunta. ¿como hago para ocultar el
recuadro del botón de formulario que aparece cuando lo pincho? probé las
opciones y ninguna sale...

El 4 de agosto de 2010 01:34, Jimmy Collazos || acido || cuatroxl.com 
acid...@gmail.com escribió:

 Sí te hubieses leído un manual de css sabrías por qué.

 si te da mucha pereza leértelo, aquí tienes uno resumidito :P

 http://www.w3c.es/divulgacion/guiasreferencia/css21/


 --

 
  J i m m y  C o l l a z o s :

 
 desarrollado web; estándar, accesible, escalable

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


[Ovillo] Duda con borde en los enlaces

2010-08-03 Por tema Leónidas Szyszeja
Hola, se puede quitar el borde que se genera en los enlace despues de hacer 
click?

Gracias y Suerte!

___
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] Duda con borde en los enlaces

2010-08-03 Por tema Irene
prueba:

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}




El 03/08/2010, a las 22:53, Leónidas Szyszeja escribió:

 Hola, se puede quitar el borde que se genera en los enlace despues de hacer 
 click?
 
 Gracias y Suerte!
 
 ___
 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] Duda con borde en los enlaces

2010-08-03 Por tema Jimmy Collazos || acido || cuatroxl.com
a:visited {border:0}

2010/8/3 Leónidas Szyszeja szysz...@gmail.com

 Hola, se puede quitar el borde que se genera en los enlace despues de hacer
 click?

 Gracias y Suerte!

 ___
 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




-- 

 J i m m y  C o l l a z o s :

desarrollado web; estándar, accesible, escalable

acido69
___
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] Duda con borde en los enlaces

2010-08-03 Por tema Walter Carlzon
Hola, primera vez que contesto algo, disculpen mi ignorancia, pero  
directamente se responde el e-mail?
Gracias,


Prueba con agregar esto en el css

Si el borde se genera en una imagen:
a img {border: none; text-decoration: none;}


Si el borde se genera en un link texto:
a {border: none;}




El 03/08/2010, a las 17:53, Leónidas Szyszeja escribió:

 Hola, se puede quitar el borde que se genera en los enlace despues  
 de hacer click?

 Gracias y Suerte!

 ___
 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] Duda con borde en los enlaces

2010-08-03 Por tema Diego Burich
lo que buscas es outline: none;
IE no lo toma

saludos!


2010/8/3 Walter Carlzon peixedopar...@gmail.com

 Hola, primera vez que contesto algo, disculpen mi ignorancia, pero
 directamente se responde el e-mail?
 Gracias,


 Prueba con agregar esto en el css

 Si el borde se genera en una imagen:
 a img {border: none; text-decoration: none;}


 Si el borde se genera en un link texto:
 a {border: none;}




 El 03/08/2010, a las 17:53, Leónidas Szyszeja escribió:

  Hola, se puede quitar el borde que se genera en los enlace despues
  de hacer click?
 
  Gracias y Suerte!
 
  ___
  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

___
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] Duda con borde en los enlaces

2010-08-03 Por tema German Bustos
Hola,

Creo que Leonidas no se refería al subrayado sino al cuadro que solo aparece
cuando se hace clic, Entiendo que esto tiene ver con el estado focus y
aunque no estoy seguro de la respuesta creo que debe ser algo como:

a:focus {border: 0; outline:0}

El 3 de agosto de 2010 16:10, Irene irene.marq...@tecnilogica.comescribió:

 prueba:

 a:link {text-decoration:none;}
 a:visited {text-decoration:none;}
 a:hover {text-decoration:none;}
 a:active {text-decoration:none;}




 El 03/08/2010, a las 22:53, Leónidas Szyszeja escribió:

  Hola, se puede quitar el borde que se genera en los enlace despues de
 hacer click?
 
  Gracias y Suerte!
 
  ___
  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




-- 

*Germán Bustos*
Asesor en estrategias de comunicación en Internet para organizaciones
sociales
http://atarraya.org
http://germanbustos.com
Tel: (+57) 3177381339
http://atarraya.org/
http://germanbustos.com/
http://www.facebook.com/german.bustos
http://twitter.com/kommodin
http://www.linkedin.com/in/germanbustos
___
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] Duda con borde en los enlaces

2010-08-03 Por tema Leónidas Szyszeja
Gracias por responder !!
a:focus {border: 0; outline:0}  Eso era lo que necesitaba

 de nuevo Gracias y Suerte!
___
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] Duda con borde en los enlaces

2010-08-03 Por tema Leónidas Szyszeja
Me corrijo ... 
La propiedad outline es la que preciso. Bien ahora me surgio una duda

esto ::a { outline: none; }
y esto :: a { outline: 20px; }

me dan el mismo resultado ...

___
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] Duda button

2010-07-15 Por tema The CHK Server Project
El 15 de julio de 2010 03:26, Xavier Araque A.|Rendergraf 
xavierara...@gmail.com escribió:

 En el CSS

 Me parece algo mejor

 .boton_enviar {
 width:56px;
 height:24px;
 cursor:pointer;
 background: transparent url(images/boton.png) no-repeat 0px 0px;
 }

 .boton_enviar:hover {
 width:56px;
 height:24px;
 cursor:pointer;
 background: transparent url(images/boton.png) no-repeat 0px -25px;
 }

 la imagen boton.png debe ser de 56 ancho x 48 alto

   56px
 ||
 |   normal   | 24px
 |_|
 |   hover |24px = inicia en el pixel 25
 |_|

 Suerte

 Xavier

 El día 14 de julio de 2010 19:36, Raul Antonio Marino
 i...@raul-marino.com.ar escribió:
  Hola!
 
  Tengo el siguiente codigo HTML:
 
  td width=68 align=centerspan onmouseout=MM_swapImgRestore()
 onmouseover=MM_swapImage('Image7','','images/enviar_berry_b.jpg',1)
   button class=boton_enviar type=submitimg
 src=images/enviar_berry_a.jpg name=Image7 width=56 height=24
 border=0 id=Image7 alt=Enviar //button
   /span/td
 
  y el siguiente codigo CSS:
 
  button.boton_enviar {
  width:56px;
  height:24px;
  cursor:pointer;
  }
 
  Y lo que quiero hacer es que se vea la imagen en el button de tipo submit
 y en el de tipo reset, la cuestion es que se me corre la imagen un poco para
 abajo y para la derecha y se ve parte del button.
 
  Como puedo solucionarlo o alguna forma de hacerlo correctamente?!
 
  Desde ya, muchsimas gracias!
 
  --
  Rauacute;l Marino
  http://www.raul-marino.com.ar
 
 
 
  ___
  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
 



 --
 -Xavier-

 La paciencia es una virtud, La constancia nos lleva al éxito -
 Patience is a Virtue, Perseverance leads to success

 3D Caracter Development, Graphic Designer and Web Engineer

 http://linuxtachira.org
 http://rendergraf.wordpress.com
 Telf.: +58 416 1027262
 Linux counter: 292510
 ___
 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



Creo que este tema ya se trató en un hilo reciente:

*http://lists.ovillo.org/pipermail/ovillo/2010-July/016273.html*
*
*
La solución propuesta es aprovechar que el input admite el tipo imagen:*
*

 input type=image src=guardar_cambios.gif name=guardacambios /


 Al pulsarlo (se representara en pantalla con ese grafico) se enviara

el formulario con todos los datos (junto a coordenada X y coordenada Y

de donde pulses en el boton).



La referencia del estándar:
http://www.w3.org/TR/html401/interact/forms.html#h-17.4.1

Salud!
___
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] Duda button

2010-07-15 Por tema Raul Antonio Marino
Gracias por las respuestas!

Se puede sacar los bordes del button de alguna forma?! Porque la idea es que se 
vea la imagen bien bien sin que se note que hay un button por detras!

Mas Gracias!

--
Rauacute;l Marino
http://www.raul-marino.com.ar



- Original Message -
From: The CHK  Server Project [mailto:admin...@gmail.com]
To: ovillo@lists.ovillo.org
Sent: Thu, 15 Jul 2010 11:32:28 +0200
Subject: Re: [Ovillo] Duda button

El 15 de julio de 2010 03:26, Xavier Araque A.|Rendergraf 
xavierara...@gmail.com escribi?:

 En el CSS

 Me parece algo mejor

 .boton_enviar {
 width:56px;
 height:24px;
 cursor:pointer;
 background: transparent url(images/boton.png) no-repeat 0px 0px;
 }

 .boton_enviar:hover {
 width:56px;
 height:24px;
 cursor:pointer;
 background: transparent url(images/boton.png) no-repeat 0px -25px;
 }

 la imagen boton.png debe ser de 56 ancho x 48 alto

   56px
 ||
 |   normal   | 24px
 |_|
 |   hover |24px = inicia en el pixel 25
 |_|

 Suerte

 Xavier

 El d?a 14 de julio de 2010 19:36, Raul Antonio Marino
 i...@raul-marino.com.ar escribi?:
  Hola!
 
  Tengo el siguiente codigo HTML:
 
  td width=68 align=centerspan onmouseout=MM_swapImgRestore()
 onmouseover=MM_swapImage('Image7','','images/enviar_berry_b.jpg',1)
   button class=boton_enviar type=submitimg
 src=images/enviar_berry_a.jpg name=Image7 width=56 height=24
 border=0 id=Image7 alt=Enviar //button
   /span/td
 
  y el siguiente codigo CSS:
 
  button.boton_enviar {
  width:56px;
  height:24px;
  cursor:pointer;
  }
 
  Y lo que quiero hacer es que se vea la imagen en el button de tipo submit
 y en el de tipo reset, la cuestion es que se me corre la imagen un poco para
 abajo y para la derecha y se ve parte del button.
 
  Como puedo solucionarlo o alguna forma de hacerlo correctamente?!
 
  Desde ya, muchsimas gracias!
 
  --
  Rauacute;l Marino
  http://www.raul-marino.com.ar
 
 
 
  ___
  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
 



 --
 -Xavier-

 La paciencia es una virtud, La constancia nos lleva al ?xito -
 Patience is a Virtue, Perseverance leads to success

 3D Caracter Development, Graphic Designer and Web Engineer

 http://linuxtachira.org
 http://rendergraf.wordpress.com
 Telf.: +58 416 1027262
 Linux counter: 292510
 ___
 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



Creo que este tema ya se trat? en un hilo reciente:

*http://lists.ovillo.org/pipermail/ovillo/2010-July/016273.html*
*
*
La soluci?n propuesta es aprovechar que el input admite el tipo imagen:*
*

 input type=image src=guardar_cambios.gif name=guardacambios /


 Al pulsarlo (se representara en pantalla con ese grafico) se enviara

el formulario con todos los datos (junto a coordenada X y coordenada Y

de donde pulses en el boton).



La referencia del est?ndar:
http://www.w3.org/TR/html401/interact/forms.html#h-17.4.1

Salud!
___
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] Duda button

2010-07-15 Por tema Jairo Ochoa
prueba border:none;
--

Jairo Ochoa

Dropbox - Almacenamiento gratis / Free online backup
https://www.dropbox.com/referrals/NTg2Njc1MTg5



El 15 de julio de 2010 20:17, Raul Antonio Marino
i...@raul-marino.com.arescribió:

 Gracias por las respuestas!

 Se puede sacar los bordes del button de alguna forma?! Porque la idea es
 que se vea la imagen bien bien sin que se note que hay un button por detras!

 Mas Gracias!

 --
 Rauacute;l Marino
 http://www.raul-marino.com.ar



 - Original Message -
 From: The CHK  Server Project [mailto:admin...@gmail.com]
 To: ovillo@lists.ovillo.org
 Sent: Thu, 15 Jul 2010 11:32:28 +0200
 Subject: Re: [Ovillo] Duda button

 El 15 de julio de 2010 03:26, Xavier Araque A.|Rendergraf 
 xavierara...@gmail.com escribi?:

  En el CSS
 
  Me parece algo mejor
 
  .boton_enviar {
  width:56px;
  height:24px;
  cursor:pointer;
  background: transparent url(images/boton.png) no-repeat 0px 0px;
  }
 
  .boton_enviar:hover {
  width:56px;
  height:24px;
  cursor:pointer;
  background: transparent url(images/boton.png) no-repeat 0px -25px;
  }
 
  la imagen boton.png debe ser de 56 ancho x 48 alto
 
56px
  ||
  |   normal   | 24px
  |_|
  |   hover |24px = inicia en el pixel 25
  |_|
 
  Suerte
 
  Xavier
 
  El d?a 14 de julio de 2010 19:36, Raul Antonio Marino
  i...@raul-marino.com.ar escribi?:
   Hola!
  
   Tengo el siguiente codigo HTML:
  
   td width=68 align=centerspan onmouseout=MM_swapImgRestore()
  onmouseover=MM_swapImage('Image7','','images/enviar_berry_b.jpg',1)
button class=boton_enviar
 type=submitimg
  src=images/enviar_berry_a.jpg name=Image7 width=56 height=24
  border=0 id=Image7 alt=Enviar //button
/span/td
  
   y el siguiente codigo CSS:
  
   button.boton_enviar {
   width:56px;
   height:24px;
   cursor:pointer;
   }
  
   Y lo que quiero hacer es que se vea la imagen en el button de tipo
 submit
  y en el de tipo reset, la cuestion es que se me corre la imagen un poco
 para
  abajo y para la derecha y se ve parte del button.
  
   Como puedo solucionarlo o alguna forma de hacerlo correctamente?!
  
   Desde ya, muchsimas gracias!
  
   --
   Rauacute;l Marino
   http://www.raul-marino.com.ar
  
  
  
   ___
   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
  
 
 
 
  --
  -Xavier-
 
  La paciencia es una virtud, La constancia nos lleva al ?xito -
  Patience is a Virtue, Perseverance leads to success
 
  3D Caracter Development, Graphic Designer and Web Engineer
 
  http://linuxtachira.org
  http://rendergraf.wordpress.com
  Telf.: +58 416 1027262
  Linux counter: 292510
  ___
  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
 


 Creo que este tema ya se trat? en un hilo reciente:

 *http://lists.ovillo.org/pipermail/ovillo/2010-July/016273.html*
 *
 *
 La soluci?n propuesta es aprovechar que el input admite el tipo imagen:*
 *

  input type=image src=guardar_cambios.gif name=guardacambios /
 

  Al pulsarlo (se representara en pantalla con ese grafico) se enviara
 
 el formulario con todos los datos (junto a coordenada X y coordenada Y
 
 de donde pulses en el boton).
 


 La referencia del est?ndar:
 http://www.w3.org/TR/html401/interact/forms.html#h-17.4.1

 Salud!
 ___
 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

___
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


[Ovillo] Duda button

2010-07-14 Por tema Raul Antonio Marino
Hola!

Tengo el siguiente codigo HTML:

td width=68 align=centerspan onmouseout=MM_swapImgRestore() 
onmouseover=MM_swapImage('Image7','','images/enviar_berry_b.jpg',1)
  button class=boton_enviar type=submitimg 
src=images/enviar_berry_a.jpg name=Image7 width=56 height=24 border=0 
id=Image7 alt=Enviar //button
  /span/td

y el siguiente codigo CSS:

button.boton_enviar {
width:56px;
height:24px;
cursor:pointer;
}

Y lo que quiero hacer es que se vea la imagen en el button de tipo submit y en 
el de tipo reset, la cuestion es que se me corre la imagen un poco para abajo y 
para la derecha y se ve parte del button.

Como puedo solucionarlo o alguna forma de hacerlo correctamente?!

Desde ya, muchsimas gracias!

--
Rauacute;l Marino
http://www.raul-marino.com.ar


___
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] Duda button

2010-07-14 Por tema Xavier Araque A.|Rendergraf
En el CSS

Me parece algo mejor

.boton_enviar {
width:56px;
height:24px;
cursor:pointer;
background: transparent url(images/boton.png) no-repeat 0px 0px;
}

.boton_enviar:hover {
width:56px;
height:24px;
cursor:pointer;
background: transparent url(images/boton.png) no-repeat 0px -25px;
}

la imagen boton.png debe ser de 56 ancho x 48 alto

   56px
||
|   normal   | 24px
|_|
|   hover |24px = inicia en el pixel 25
|_|

Suerte

Xavier

El día 14 de julio de 2010 19:36, Raul Antonio Marino
i...@raul-marino.com.ar escribió:
 Hola!

 Tengo el siguiente codigo HTML:

 td width=68 align=centerspan onmouseout=MM_swapImgRestore() 
 onmouseover=MM_swapImage('Image7','','images/enviar_berry_b.jpg',1)
                          button class=boton_enviar type=submitimg 
 src=images/enviar_berry_a.jpg name=Image7 width=56 height=24 
 border=0 id=Image7 alt=Enviar //button
                          /span/td

 y el siguiente codigo CSS:

 button.boton_enviar {
 width:56px;
 height:24px;
 cursor:pointer;
 }

 Y lo que quiero hacer es que se vea la imagen en el button de tipo submit y 
 en el de tipo reset, la cuestion es que se me corre la imagen un poco para 
 abajo y para la derecha y se ve parte del button.

 Como puedo solucionarlo o alguna forma de hacerlo correctamente?!

 Desde ya, muchsimas gracias!

 --
 Rauacute;l Marino
 http://www.raul-marino.com.ar



 ___
 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




-- 
-Xavier-

La paciencia es una virtud, La constancia nos lleva al éxito -
Patience is a Virtue, Perseverance leads to success

3D Caracter Development, Graphic Designer and Web Engineer

http://linuxtachira.org
http://rendergraf.wordpress.com
Telf.: +58 416 1027262
Linux counter: 292510
___
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] Duda legal con menú Suckerfish

2010-05-05 Por tema spector spector
Muchísimas gracias por la respuesta Jairo, la verdad que yo comparto
totalmente tu punto de vista.

Desde luego, la cita al autor siempre la he respetado y estoy totalmente de
acuerdo con eso, siempre.

Pero creo que está bien comentar este tipo de cosas para evitar problemas, a
posteriori, inesperados. Quien sabe, quizás a alguien le ha pasado
anteriormente. :]

Saludos,
S.



2010/5/4 Jairo Ochoa jairo.oc...@gmail.com

 Abajo de todo de la página que dice tienes los Términos de Uso.

 En Europa no hay patentes de software, no se donde vives, pero aquí creo
 que
 nadie te puede reclamar lo más mínimo.

 Por otro lado (es una apreciación personal) si alguien tiene una blog o web
 y publica tutoriales no me parece coherente que no deje usar el código que
 publica.
 Para eso que lo guarde en un cajón y no lo enseñe a nadie.

 Tampoco lo que se muestra se puede considerar un invento propio y
 patentable, es sólo una forma más de desarrollarlo.
 Puedes copiarlo y modificarlo, y ya no sería lo mismo.

 Sí estaría bien que si usas el código, incluyas un comentario en tu código,
 en el css o js, citando el autor.
 El día de mañana alguien verá tu página, examinará el código fuente y
 llegará al autor.

 Si aun tienes duda contacta con el autor.

 Saludos

 --

 Jairo Ochoa


 El 4 de mayo de 2010 18:48, spector spector relojdec...@gmail.com
 escribió:

  ¡Buenas!
 
  Es mi primer mensaje en la lista aunque la sigo desde hace mucho tiempo.
 
  Tengo una duda que a buen seguro me podreis resolver. Quizás es una
  tontería, pero prefiero ir sobre seguro :)
 
  Para un proyecto me veo en la necesidad de usar un menú desplegable, no
 me
  gustan nada, pero es lo que quiere el cliente.
 
  Desde luego, siempre he conocido y me viene a la cabeza el famoso
  Suckerfishhttp://htmldog.com/articles/suckerfish/dropdowns/,
  que la mayoría conocereis.
 
  La duda (y algo de miedo) es saber si este menú es libre y puedo usarlo
  tranquilamente en mi página (modificando estilos y adaptandolo al gusto,
 se
  entiende). O hay que añadir el copyright en algún lado de los autores (en
  el
  script que se usa para el bug de IE6, por ejemplo). O directamente tiene
  limitaciones en el momento que se trata de un site para un cliente y no
 un
  proyecto personal y no se puede usar.
 
 
  Nada más...
  ¡Un saludo!
  ___
  Lista de distribución Ovillo
  Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
  Puedes modificar tus datos o desuscribirte en la siguiente dirección:
  http://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

___
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


[Ovillo] Duda legal con menú Suckerfish

2010-05-04 Por tema spector spector
¡Buenas!

Es mi primer mensaje en la lista aunque la sigo desde hace mucho tiempo.

Tengo una duda que a buen seguro me podreis resolver. Quizás es una
tontería, pero prefiero ir sobre seguro :)

Para un proyecto me veo en la necesidad de usar un menú desplegable, no me
gustan nada, pero es lo que quiere el cliente.

Desde luego, siempre he conocido y me viene a la cabeza el famoso
Suckerfishhttp://htmldog.com/articles/suckerfish/dropdowns/,
que la mayoría conocereis.

La duda (y algo de miedo) es saber si este menú es libre y puedo usarlo
tranquilamente en mi página (modificando estilos y adaptandolo al gusto, se
entiende). O hay que añadir el copyright en algún lado de los autores (en el
script que se usa para el bug de IE6, por ejemplo). O directamente tiene
limitaciones en el momento que se trata de un site para un cliente y no un
proyecto personal y no se puede usar.


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


Re: [Ovillo] Duda legal con menú Suckerfish

2010-05-04 Por tema Jairo Ochoa
Abajo de todo de la página que dice tienes los Términos de Uso.

En Europa no hay patentes de software, no se donde vives, pero aquí creo que
nadie te puede reclamar lo más mínimo.

Por otro lado (es una apreciación personal) si alguien tiene una blog o web
y publica tutoriales no me parece coherente que no deje usar el código que
publica.
Para eso que lo guarde en un cajón y no lo enseñe a nadie.

Tampoco lo que se muestra se puede considerar un invento propio y
patentable, es sólo una forma más de desarrollarlo.
Puedes copiarlo y modificarlo, y ya no sería lo mismo.

Sí estaría bien que si usas el código, incluyas un comentario en tu código,
en el css o js, citando el autor.
El día de mañana alguien verá tu página, examinará el código fuente y
llegará al autor.

Si aun tienes duda contacta con el autor.

Saludos

--

Jairo Ochoa


El 4 de mayo de 2010 18:48, spector spector relojdec...@gmail.comescribió:

 ¡Buenas!

 Es mi primer mensaje en la lista aunque la sigo desde hace mucho tiempo.

 Tengo una duda que a buen seguro me podreis resolver. Quizás es una
 tontería, pero prefiero ir sobre seguro :)

 Para un proyecto me veo en la necesidad de usar un menú desplegable, no me
 gustan nada, pero es lo que quiere el cliente.

 Desde luego, siempre he conocido y me viene a la cabeza el famoso
 Suckerfishhttp://htmldog.com/articles/suckerfish/dropdowns/,
 que la mayoría conocereis.

 La duda (y algo de miedo) es saber si este menú es libre y puedo usarlo
 tranquilamente en mi página (modificando estilos y adaptandolo al gusto, se
 entiende). O hay que añadir el copyright en algún lado de los autores (en
 el
 script que se usa para el bug de IE6, por ejemplo). O directamente tiene
 limitaciones en el momento que se trata de un site para un cliente y no un
 proyecto personal y no se puede usar.


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


[Ovillo] Duda sobre creacion de servidor local

2010-04-27 Por tema Javier Herrán Sainz
Hola estoy configurando mi servidor local para ver la página en mi pc.

Mi dirección es http://webs.ono.com/javierherran

El problema es que no sé como poner esto en el servidor local y de momento
me apaño con una parte de la URL que es http://webs.ono.com 

¿Cómo puedo hacer para poner en mi servidor local toda la URL
http://webs.ono.com/javierherran?

 

Yo tengo puesto esto en el host de Windows:

 

# localhost name resolution is handled within DNS itself.

# 127.0.0.1   localhost

# ::1 localhost

 

127.0.0.1   webs.ono.com

 

Y en el archivo de apache  httpd.conf

 

NameVirtualHost 127.0.0.1

VirtualHost webs.ono.com:80

DocumentRoot C:/xampp/htdocs/webs.ono.com

ServerName webs.ono.com

/VirtualHost

 

 

___
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] Duda sobre creacion de servidor local

2010-04-27 Por tema Xoan Sampaiño
2010/4/27 Javier Herrán Sainz telecoms.systems.electron...@gmail.com:
 Hola estoy configurando mi servidor local para ver la página en mi pc.

 Mi dirección es http://webs.ono.com/javierherran

 El problema es que no sé como poner esto en el servidor local y de momento
 me apaño con una parte de la URL que es http://webs.ono.com

 ¿Cómo puedo hacer para poner en mi servidor local toda la URL
 http://webs.ono.com/javierherran?



 Yo tengo puesto esto en el host de Windows:



 # localhost name resolution is handled within DNS itself.

 #             127.0.0.1       localhost

 #             ::1             localhost



 127.0.0.1   webs.ono.com



 Y en el archivo de apache  httpd.conf



 NameVirtualHost 127.0.0.1

 VirtualHost webs.ono.com:80

 DocumentRoot C:/xampp/htdocs/webs.ono.com

 ServerName webs.ono.com

 /VirtualHost





 ___
 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


Simplemente haz un directorio llamado «javierherran» dentro de
«C:/xampp/htdocs/webs.ono.com».

PD. No sé si viene mucho a cuento, pero el tema no tiene mucho que ver
con lo que se suele debatir en la lista.

-- 
Xoan Sampaiño xoansampai...@gmail.com

 /\  Document Freedom Day- Liberate your documents
_\/` http://documentfreedom.org/ - March 31st 2010
___
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] Duda sobre creacion de servidor local

2010-04-27 Por tema Javier Herrán Sainz
Pues en principio creo que viene a cuento, pues es como pruebo las paginas
que diseño antes de colgarlas en la red.

-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Xoan Sampaiño
Enviado el: martes, 27 de abril de 2010 14:44
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Duda sobre creacion de servidor local

2010/4/27 Javier Herrán Sainz telecoms.systems.electron...@gmail.com:
 Hola estoy configurando mi servidor local para ver la página en mi pc.

 Mi dirección es http://webs.ono.com/javierherran

 El problema es que no sé como poner esto en el servidor local y de momento
 me apaño con una parte de la URL que es http://webs.ono.com

 ¿Cómo puedo hacer para poner en mi servidor local toda la URL
 http://webs.ono.com/javierherran?



 Yo tengo puesto esto en el host de Windows:



 # localhost name resolution is handled within DNS itself.

 #             127.0.0.1       localhost

 #             ::1             localhost



 127.0.0.1   webs.ono.com



 Y en el archivo de apache  httpd.conf



 NameVirtualHost 127.0.0.1

 VirtualHost webs.ono.com:80

 DocumentRoot C:/xampp/htdocs/webs.ono.com

 ServerName webs.ono.com

 /VirtualHost





 ___
 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


Simplemente haz un directorio llamado «javierherran» dentro de
«C:/xampp/htdocs/webs.ono.com».

PD. No sé si viene mucho a cuento, pero el tema no tiene mucho que ver
con lo que se suele debatir en la lista.

-- 
Xoan Sampaiño xoansampai...@gmail.com

 /\  Document Freedom Day- Liberate your documents
_\/` http://documentfreedom.org/ - March 31st 2010
___
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] Duda sobre creacion de servidor local

2010-04-27 Por tema Pablo Viojo
Totalmente OT

Slds,
Pablo Viojo

On 27-04-2010, at 9:29, Xoan Sampaiño xoansampai...@gmail.com wrote:

 2010/4/27 Javier Herrán Sainz telecoms.systems.electron...@gmail.co 
 m:
 Pues en principio creo que viene a cuento, pues es como pruebo las  
 paginas
 que diseño antes de colgarlas en la red.

 Por esa regla de tres, preguntar sobre hardware también estaría
 justificado, porque ¿cómo pruebo las páginas que diseño si no  
 tengo un
 equipo en el que probarlas?; sin embargo, no lo está ;)

 PD. Perdón por generar ruido con algo que no viene a cuento.

 -- 
 Xoan Sampaiño xoansampai...@gmail.com

 /\  Document Freedom Day- Liberate your documents
 _\/` http://documentfreedom.org/ - March 31st 2010
 ___
 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] duda

2010-04-11 Por tema Javier Herrán Sainz
Pido disculpas por mi error a la hora de determinar la base o tematica de mi
duda.


-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Gerardo Oscar Jimenez Tornos
Enviado el: sábado, 10 de abril de 2010 23:46
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] duda

Tu problema era más bien de programación con php no de css.



El 10 de abril de 2010 23:35, Javier Herrán Sainz 
telecoms.systems.electron...@gmail.com escribió:

 Hola,  encontré la solución al problema que planteaba, aquí os la muestro
 para que la veáis y si en un futuro alguien tuviera dicha duda le sirva.

 A ver la duda era que en mi web site tiene dos columnas (la de la derecha
 es
 de los menus y la de la izquierda es la de contenido) pero en un momento
 dado si se añaden módulos (en el caso del CMS joomla) al div de la columna
 derecha, esta columna aparecerá en la pagina web por lo que se hace
 necesario modificar el tamaño del div de los contenidos que ahora está en
 el
 centro pasando a tener tres columnas (derecha son los menus, central los
 contenidos y columna derecha otra información). Entonces de lo que se
trata
 es de que el div de los contenidos dependiendo de si existen una sola
 columna (menus izquierda) o dos columnas (izquierda los menus y derecha
 otra
 información) el div de los contenidos modifique su tamaño (en ANCHURA  y
no
 en ALTURA) ocupando todo el espacio disponible en cada uno de los dos
casos
 posibles.


 En el siguiente enlace se puede ver (para este caso concreto diapositiva
 183, titulada Una plantilla básica. Tercera columna opcional (III):

 http://www.slideshare.net/angelpuente/joomla-curso-noviembre-presentation

 También quiero dar las gracias por vuestra ayuda y apoyo a la hora de
 intentar aportarme una solución.



 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org]
 En nombre de Manuel Cuesta
 Enviado el: sábado, 10 de abril de 2010 16:20
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] duda

 Entendí que lo que se pretende es hacer 3 columnas líquidas, es decir que
 tengan el mismo alto independientemente del contenido que tenga cada una.
Y
 eso es un script o http://matthewjamestaylor.com/blog/perfect-3-column.htm

 El 10 de abril de 2010 15:33, Javier Herrán Sainz 
 telecoms.systems.electron...@gmail.com escribió:

  Ya esta claro que aplicare dimensiones diferentes según halla dos o tres
  columnas.
  La cuestión es como saber cuando hay dos o tres.
  Creo que la clave esta en el uso de alguna condición y del metodo
  countmodules. Pero no sé aún php
  ¿Cómo puedo usar este método?
 
  -Mensaje original-
  De: ovillo-boun...@lists.ovillo.org [mailto:
  ovillo-boun...@lists.ovillo.org]
  En nombre de Ignacio Ricci
  Enviado el: sábado, 10 de abril de 2010 15:30
  Para: Ovillo, la lista de CSS en castellano
  Asunto: Re: [Ovillo] duda
 
  En cuanto a PHP, hacelo como quieras.
  En cuanto a CSS, es simplemente flotar 3 columnas en un contenedor.
 
  Si hay 3 columnas, aplicarle una clase a la parte central que le de un
  ancho
  X.
  Y si hay 2 columnas, aplicarle una clase a la parte central que le de un
  ancho X2.
 
  No hace falta ver tutoriales ni nada. Hay que hacer eso y ya :)
  [image: Ignacio Ricci - Designer + Developer]
 
 
  2010/4/10 manuel cuesta manucu...@gmail.com
 
   Este layout es una buena práctica y completamente válido en HTML y
CSS.
  
   http://matthewjamestaylor.com/blog/perfect-3-column.htm
  
   El 10 de abril de 2010 15:00, Andrés gutiérrez andresgut...@gmail.com
   escribió:
  
Dos cosas en cuanto a la creación de preguntas en la lista.
   
  1. Puon un asunto más descriptivo. Duda NO . Dudas tenemos todos
   ¿cúal
  es la tuya?
  2. Si vas a pegar mas de 3 lineas de código. Usa
  http://www.pastie.orgu
  otro servicio parecido
   
No soy el administrador de la lista pero creo que son dos buenas
   prácticas.
   
Un saludo
   
El 10 de abril de 2010 14:20, Sergio.Iglesias 
 ser.igles...@gmail.com
escribió:
   
 Tambien puedes controlarlo con el metodo countmodules. Si hay en
 los
 dos,qte
 cargue dos div con sus width correspondientes y si solo esta el
  central
   q
 te
 cargue solo un div con el width completo.

 --
 Sergio Iglesias
 ser.igles...@gmail.com
 http://twitter.com/sergiois

 El 10 de abr de 2010, 2:10 p.m., Gerardo Oscar Jimenez Tornos 
 gerardoosca...@gmail.com escribió:

 Aquí se explica cómo montar tres columnas para que sea compatible
 con
todos
 los navegadores.
 http://www.treeweb.es/plantilla-de-tres-columnas

 Un saludo


 El 10 de abril de 2010 14:05, Javier Herrán Sainz 
 telecoms.systems.electron...@gmail.com escribió:

  Hola tengo un problema con mi pagina web. Veréis en firefox se
ve
   bien
 pero  en IE8 no. ...
  leid=11Itemid

[Ovillo] duda

2010-04-10 Por tema Javier Herrán Sainz
Hola tengo un problema con mi pagina web. Veréis en firefox se ve bien pero
en IE8 no.

 

Lo que quiero es como hacer tres columnas, la de la izda es para menús, le
central para contenidos y la derecha para otras cosas varias por lo que
puede o no estar.

Lo que quiero saber es como se puede hacer para que la columna central ocupe
todo el espacio disponible, es decir si aparece la columna derecha que se
quede entre las dos y si no esta la columna derecha que ocupe todo el
espacio. 

 

Os muestro el trozo de código php:

 

div id=second-wrapper

 

 

 

?php if ($this-countModules('left')): ?

 

   div id=left-col

 

   jdoc:include type=modules name=left
style=xhtml /

 

   !-- left-col --/div

 

   ?php endif; ?   

 

 

 

?php if ($this-countModules('right')): ?

 

   div id=right-col

 

   jdoc:include type=modules name=right
style=xhtml /

 

   !-- right-col --/div 

 

?php endif; ?   

 

 

 

div id=contenido   

 

   jdoc:include type=component /

 

   !-- contenido --/div

 

 

 

 

 

div class=clearfix/div

 

!-- second-wrapper --/div

Lo solucione usando estas reglas css:

 

div#left-col, div#right-col

{ 

width: 20%;

}

 

div#left-col

{

float: left;

}

 

div#right-col

{

 float: right;

}

 

div#contenido

{

border: solid black 1px;

display: table;

margin: 2px auto;

padding: 20px;

}

 

Con esto consigo que la columna del centro se amolde automáticamente al
espacio disponible y se centre pero en ie8 no sale igual que en firefox.

No obstante aquí tenéis la dirección web por si  queréis observar las
diferencias:

 

http://www.curriculo.webhispana.net/index.php?option=com_content
http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic
leid=11Itemid=7 view=articleid=11Itemid=7

 

Un detalle que quías os sirva: la aplicación que uso es joomla.

 

Gracias.

 

___
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] duda

2010-04-10 Por tema Gerardo Oscar Jimenez Tornos
Aquí se explica cómo montar tres columnas para que sea compatible con todos
los navegadores.
http://www.treeweb.es/plantilla-de-tres-columnas

Un saludo


El 10 de abril de 2010 14:05, Javier Herrán Sainz 
telecoms.systems.electron...@gmail.com escribió:

 Hola tengo un problema con mi pagina web. Veréis en firefox se ve bien pero
 en IE8 no.



 Lo que quiero es como hacer tres columnas, la de la izda es para menús, le
 central para contenidos y la derecha para otras cosas varias por lo que
 puede o no estar.

 Lo que quiero saber es como se puede hacer para que la columna central
 ocupe
 todo el espacio disponible, es decir si aparece la columna derecha que se
 quede entre las dos y si no esta la columna derecha que ocupe todo el
 espacio.



 Os muestro el trozo de código php:



 div id=second-wrapper







?php if ($this-countModules('left')): ?



   div id=left-col



   jdoc:include type=modules name=left
 style=xhtml /



   !-- left-col --/div



   ?php endif; ?







?php if ($this-countModules('right')): ?



   div id=right-col



   jdoc:include type=modules name=right
 style=xhtml /



   !-- right-col --/div



?php endif; ?







div id=contenido



   jdoc:include type=component /



   !-- contenido --/div











div class=clearfix/div



!-- second-wrapper --/div

 Lo solucione usando estas reglas css:



 div#left-col, div#right-col

 {

 width: 20%;

 }



 div#left-col

 {

 float: left;

 }



 div#right-col

 {

  float: right;

 }



 div#contenido

 {

 border: solid black 1px;

 display: table;

 margin: 2px auto;

 padding: 20px;

 }



 Con esto consigo que la columna del centro se amolde automáticamente al
 espacio disponible y se centre pero en ie8 no sale igual que en firefox.

 No obstante aquí tenéis la dirección web por si  queréis observar las
 diferencias:



 http://www.curriculo.webhispana.net/index.php?option=com_content
 
 http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic
 leid=11Itemid=7http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%0Aleid=11Itemid=7
 view=articleid=11Itemid=7



 Un detalle que quías os sirva: la aplicación que uso es joomla.



 Gracias.



 ___
 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] duda

2010-04-10 Por tema Sergio.Iglesias
Tambien puedes controlarlo con el metodo countmodules. Si hay en los dos,qte
cargue dos div con sus width correspondientes y si solo esta el central q te
cargue solo un div con el width completo.

--
Sergio Iglesias
ser.igles...@gmail.com
http://twitter.com/sergiois

El 10 de abr de 2010, 2:10 p.m., Gerardo Oscar Jimenez Tornos 
gerardoosca...@gmail.com escribió:

Aquí se explica cómo montar tres columnas para que sea compatible con todos
los navegadores.
http://www.treeweb.es/plantilla-de-tres-columnas

Un saludo


El 10 de abril de 2010 14:05, Javier Herrán Sainz 
telecoms.systems.electron...@gmail.com escribió:

 Hola tengo un problema con mi pagina web. Veréis en firefox se ve bien
pero  en IE8 no. ...
 leid=11Itemid=7
http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%0Aleid=11Itemid=7


 view=articleid=11Itemid=7 Un detalle que quías os sirva: la
aplicación que uso es jooml...
___
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] duda

2010-04-10 Por tema Andrés gutiérrez
Dos cosas en cuanto a la creación de preguntas en la lista.

   1. Puon un asunto más descriptivo. Duda NO . Dudas tenemos todos ¿cúal
   es la tuya?
   2. Si vas a pegar mas de 3 lineas de código. Usa http://www.pastie.org u
   otro servicio parecido

No soy el administrador de la lista pero creo que son dos buenas prácticas.

Un saludo

El 10 de abril de 2010 14:20, Sergio.Iglesias ser.igles...@gmail.comescribió:

 Tambien puedes controlarlo con el metodo countmodules. Si hay en los
 dos,qte
 cargue dos div con sus width correspondientes y si solo esta el central q
 te
 cargue solo un div con el width completo.

 --
 Sergio Iglesias
 ser.igles...@gmail.com
 http://twitter.com/sergiois

 El 10 de abr de 2010, 2:10 p.m., Gerardo Oscar Jimenez Tornos 
 gerardoosca...@gmail.com escribió:

 Aquí se explica cómo montar tres columnas para que sea compatible con todos
 los navegadores.
 http://www.treeweb.es/plantilla-de-tres-columnas

 Un saludo


 El 10 de abril de 2010 14:05, Javier Herrán Sainz 
 telecoms.systems.electron...@gmail.com escribió:

  Hola tengo un problema con mi pagina web. Veréis en firefox se ve bien
 pero  en IE8 no. ...
  leid=11Itemid=7

 http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%0Aleid=11Itemid=7
 

  view=articleid=11Itemid=7 Un detalle que quías os sirva: la
 aplicación que uso es jooml...
 ___
 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




-- 
Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
-
Caminar sobre el agua y desarrollar software a partir de unas
especificaciones es fácil. si ambas están congeladas.
Edward V. Berard, ingeniero informático.
___
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] duda

2010-04-10 Por tema manuel cuesta
Este layout es una buena práctica y completamente válido en HTML y CSS.

http://matthewjamestaylor.com/blog/perfect-3-column.htm

El 10 de abril de 2010 15:00, Andrés gutiérrez andresgut...@gmail.comescribió:

 Dos cosas en cuanto a la creación de preguntas en la lista.

   1. Puon un asunto más descriptivo. Duda NO . Dudas tenemos todos ¿cúal
   es la tuya?
   2. Si vas a pegar mas de 3 lineas de código. Usa http://www.pastie.org u
   otro servicio parecido

 No soy el administrador de la lista pero creo que son dos buenas prácticas.

 Un saludo

 El 10 de abril de 2010 14:20, Sergio.Iglesias ser.igles...@gmail.com
 escribió:

  Tambien puedes controlarlo con el metodo countmodules. Si hay en los
  dos,qte
  cargue dos div con sus width correspondientes y si solo esta el central q
  te
  cargue solo un div con el width completo.
 
  --
  Sergio Iglesias
  ser.igles...@gmail.com
  http://twitter.com/sergiois
 
  El 10 de abr de 2010, 2:10 p.m., Gerardo Oscar Jimenez Tornos 
  gerardoosca...@gmail.com escribió:
 
  Aquí se explica cómo montar tres columnas para que sea compatible con
 todos
  los navegadores.
  http://www.treeweb.es/plantilla-de-tres-columnas
 
  Un saludo
 
 
  El 10 de abril de 2010 14:05, Javier Herrán Sainz 
  telecoms.systems.electron...@gmail.com escribió:
 
   Hola tengo un problema con mi pagina web. Veréis en firefox se ve bien
  pero  en IE8 no. ...
   leid=11Itemid=7
 
 
 http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%0Aleid=11Itemid=7
  
 
   view=articleid=11Itemid=7 Un detalle que quías os sirva: la
  aplicación que uso es jooml...
  ___
  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
 



 --
 Experiencia es lo que obtienes, cuando no obtienes lo que quieres.

 -
 Caminar sobre el agua y desarrollar software a partir de unas
 especificaciones es fácil. si ambas están congeladas.
 Edward V. Berard, ingeniero informático.
 ___
 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] duda

2010-04-10 Por tema Ignacio Ricci
En cuanto a PHP, hacelo como quieras.
En cuanto a CSS, es simplemente flotar 3 columnas en un contenedor.

Si hay 3 columnas, aplicarle una clase a la parte central que le de un ancho
X.
Y si hay 2 columnas, aplicarle una clase a la parte central que le de un
ancho X2.

No hace falta ver tutoriales ni nada. Hay que hacer eso y ya :)
[image: Ignacio Ricci - Designer + Developer]


2010/4/10 manuel cuesta manucu...@gmail.com

 Este layout es una buena práctica y completamente válido en HTML y CSS.

 http://matthewjamestaylor.com/blog/perfect-3-column.htm

 El 10 de abril de 2010 15:00, Andrés gutiérrez andresgut...@gmail.com
 escribió:

  Dos cosas en cuanto a la creación de preguntas en la lista.
 
1. Puon un asunto más descriptivo. Duda NO . Dudas tenemos todos
 ¿cúal
es la tuya?
2. Si vas a pegar mas de 3 lineas de código. Usa http://www.pastie.orgu
otro servicio parecido
 
  No soy el administrador de la lista pero creo que son dos buenas
 prácticas.
 
  Un saludo
 
  El 10 de abril de 2010 14:20, Sergio.Iglesias ser.igles...@gmail.com
  escribió:
 
   Tambien puedes controlarlo con el metodo countmodules. Si hay en los
   dos,qte
   cargue dos div con sus width correspondientes y si solo esta el central
 q
   te
   cargue solo un div con el width completo.
  
   --
   Sergio Iglesias
   ser.igles...@gmail.com
   http://twitter.com/sergiois
  
   El 10 de abr de 2010, 2:10 p.m., Gerardo Oscar Jimenez Tornos 
   gerardoosca...@gmail.com escribió:
  
   Aquí se explica cómo montar tres columnas para que sea compatible con
  todos
   los navegadores.
   http://www.treeweb.es/plantilla-de-tres-columnas
  
   Un saludo
  
  
   El 10 de abril de 2010 14:05, Javier Herrán Sainz 
   telecoms.systems.electron...@gmail.com escribió:
  
Hola tengo un problema con mi pagina web. Veréis en firefox se ve
 bien
   pero  en IE8 no. ...
leid=11Itemid=7
  
  
 
 http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%0Aleid=11Itemid=7
   
  
view=articleid=11Itemid=7 Un detalle que quías os sirva:
 la
   aplicación que uso es jooml...
   ___
   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
  
 
 
 
  --
  Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
 
 
 -
  Caminar sobre el agua y desarrollar software a partir de unas
  especificaciones es fácil. si ambas están congeladas.
  Edward V. Berard, ingeniero informático.
  ___
  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

___
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] duda

2010-04-10 Por tema Javier Herrán Sainz
Ya esta claro que aplicare dimensiones diferentes según halla dos o tres
columnas.
La cuestión es como saber cuando hay dos o tres.
Creo que la clave esta en el uso de alguna condición y del metodo
countmodules. Pero no sé aún php
¿Cómo puedo usar este método?

-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Ignacio Ricci
Enviado el: sábado, 10 de abril de 2010 15:30
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] duda

En cuanto a PHP, hacelo como quieras.
En cuanto a CSS, es simplemente flotar 3 columnas en un contenedor.

Si hay 3 columnas, aplicarle una clase a la parte central que le de un ancho
X.
Y si hay 2 columnas, aplicarle una clase a la parte central que le de un
ancho X2.

No hace falta ver tutoriales ni nada. Hay que hacer eso y ya :)
[image: Ignacio Ricci - Designer + Developer]


2010/4/10 manuel cuesta manucu...@gmail.com

 Este layout es una buena práctica y completamente válido en HTML y CSS.

 http://matthewjamestaylor.com/blog/perfect-3-column.htm

 El 10 de abril de 2010 15:00, Andrés gutiérrez andresgut...@gmail.com
 escribió:

  Dos cosas en cuanto a la creación de preguntas en la lista.
 
1. Puon un asunto más descriptivo. Duda NO . Dudas tenemos todos
 ¿cúal
es la tuya?
2. Si vas a pegar mas de 3 lineas de código. Usa
http://www.pastie.orgu
otro servicio parecido
 
  No soy el administrador de la lista pero creo que son dos buenas
 prácticas.
 
  Un saludo
 
  El 10 de abril de 2010 14:20, Sergio.Iglesias ser.igles...@gmail.com
  escribió:
 
   Tambien puedes controlarlo con el metodo countmodules. Si hay en los
   dos,qte
   cargue dos div con sus width correspondientes y si solo esta el
central
 q
   te
   cargue solo un div con el width completo.
  
   --
   Sergio Iglesias
   ser.igles...@gmail.com
   http://twitter.com/sergiois
  
   El 10 de abr de 2010, 2:10 p.m., Gerardo Oscar Jimenez Tornos 
   gerardoosca...@gmail.com escribió:
  
   Aquí se explica cómo montar tres columnas para que sea compatible con
  todos
   los navegadores.
   http://www.treeweb.es/plantilla-de-tres-columnas
  
   Un saludo
  
  
   El 10 de abril de 2010 14:05, Javier Herrán Sainz 
   telecoms.systems.electron...@gmail.com escribió:
  
Hola tengo un problema con mi pagina web. Veréis en firefox se ve
 bien
   pero  en IE8 no. ...
leid=11Itemid=7
  
  
 

http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%
0Aleid=11Itemid=7
   
  
view=articleid=11Itemid=7 Un detalle que quías os sirva:
 la
   aplicación que uso es jooml...
   ___
   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
  
 
 
 
  --
  Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
 
 


-
  Caminar sobre el agua y desarrollar software a partir de unas
  especificaciones es fácil. si ambas están congeladas.
  Edward V. Berard, ingeniero informático.
  ___
  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

___
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] duda

2010-04-10 Por tema Manuel Cuesta
Entendí que lo que se pretende es hacer 3 columnas líquidas, es decir que
tengan el mismo alto independientemente del contenido que tenga cada una. Y
eso es un script o http://matthewjamestaylor.com/blog/perfect-3-column.htm

El 10 de abril de 2010 15:33, Javier Herrán Sainz 
telecoms.systems.electron...@gmail.com escribió:

 Ya esta claro que aplicare dimensiones diferentes según halla dos o tres
 columnas.
 La cuestión es como saber cuando hay dos o tres.
 Creo que la clave esta en el uso de alguna condición y del metodo
 countmodules. Pero no sé aún php
 ¿Cómo puedo usar este método?

 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org]
 En nombre de Ignacio Ricci
 Enviado el: sábado, 10 de abril de 2010 15:30
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] duda

 En cuanto a PHP, hacelo como quieras.
 En cuanto a CSS, es simplemente flotar 3 columnas en un contenedor.

 Si hay 3 columnas, aplicarle una clase a la parte central que le de un
 ancho
 X.
 Y si hay 2 columnas, aplicarle una clase a la parte central que le de un
 ancho X2.

 No hace falta ver tutoriales ni nada. Hay que hacer eso y ya :)
 [image: Ignacio Ricci - Designer + Developer]


 2010/4/10 manuel cuesta manucu...@gmail.com

  Este layout es una buena práctica y completamente válido en HTML y CSS.
 
  http://matthewjamestaylor.com/blog/perfect-3-column.htm
 
  El 10 de abril de 2010 15:00, Andrés gutiérrez andresgut...@gmail.com
  escribió:
 
   Dos cosas en cuanto a la creación de preguntas en la lista.
  
 1. Puon un asunto más descriptivo. Duda NO . Dudas tenemos todos
  ¿cúal
 es la tuya?
 2. Si vas a pegar mas de 3 lineas de código. Usa
 http://www.pastie.orgu
 otro servicio parecido
  
   No soy el administrador de la lista pero creo que son dos buenas
  prácticas.
  
   Un saludo
  
   El 10 de abril de 2010 14:20, Sergio.Iglesias ser.igles...@gmail.com
   escribió:
  
Tambien puedes controlarlo con el metodo countmodules. Si hay en los
dos,qte
cargue dos div con sus width correspondientes y si solo esta el
 central
  q
te
cargue solo un div con el width completo.
   
--
Sergio Iglesias
ser.igles...@gmail.com
http://twitter.com/sergiois
   
El 10 de abr de 2010, 2:10 p.m., Gerardo Oscar Jimenez Tornos 
gerardoosca...@gmail.com escribió:
   
Aquí se explica cómo montar tres columnas para que sea compatible con
   todos
los navegadores.
http://www.treeweb.es/plantilla-de-tres-columnas
   
Un saludo
   
   
El 10 de abril de 2010 14:05, Javier Herrán Sainz 
telecoms.systems.electron...@gmail.com escribió:
   
 Hola tengo un problema con mi pagina web. Veréis en firefox se ve
  bien
pero  en IE8 no. ...
 leid=11Itemid=7
   
   
  
 

 http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%
 0Aleid=11Itemid=7http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%%0A0Aleid=11Itemid=7

   
 view=articleid=11Itemid=7 Un detalle que quías os sirva:
  la
aplicación que uso es jooml...
___
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
   
  
  
  
   --
   Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
  
  
 

 
 -
   Caminar sobre el agua y desarrollar software a partir de unas
   especificaciones es fácil. si ambas están congeladas.
   Edward V. Berard, ingeniero informático.
   ___
   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
 
 ___
 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

___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo

Re: [Ovillo] duda

2010-04-10 Por tema Javier Herrán Sainz
Hola,  encontré la solución al problema que planteaba, aquí os la muestro
para que la veáis y si en un futuro alguien tuviera dicha duda le sirva.

A ver la duda era que en mi web site tiene dos columnas (la de la derecha es
de los menus y la de la izquierda es la de contenido) pero en un momento
dado si se añaden módulos (en el caso del CMS joomla) al div de la columna
derecha, esta columna aparecerá en la pagina web por lo que se hace
necesario modificar el tamaño del div de los contenidos que ahora está en el
centro pasando a tener tres columnas (derecha son los menus, central los
contenidos y columna derecha otra información). Entonces de lo que se trata
es de que el div de los contenidos dependiendo de si existen una sola
columna (menus izquierda) o dos columnas (izquierda los menus y derecha otra
información) el div de los contenidos modifique su tamaño (en ANCHURA  y no
en ALTURA) ocupando todo el espacio disponible en cada uno de los dos casos
posibles.


En el siguiente enlace se puede ver (para este caso concreto diapositiva
183, titulada Una plantilla básica. Tercera columna opcional (III):

http://www.slideshare.net/angelpuente/joomla-curso-noviembre-presentation

También quiero dar las gracias por vuestra ayuda y apoyo a la hora de
intentar aportarme una solución.



-Mensaje original-
De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org]
En nombre de Manuel Cuesta
Enviado el: sábado, 10 de abril de 2010 16:20
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] duda

Entendí que lo que se pretende es hacer 3 columnas líquidas, es decir que
tengan el mismo alto independientemente del contenido que tenga cada una. Y
eso es un script o http://matthewjamestaylor.com/blog/perfect-3-column.htm

El 10 de abril de 2010 15:33, Javier Herrán Sainz 
telecoms.systems.electron...@gmail.com escribió:

 Ya esta claro que aplicare dimensiones diferentes según halla dos o tres
 columnas.
 La cuestión es como saber cuando hay dos o tres.
 Creo que la clave esta en el uso de alguna condición y del metodo
 countmodules. Pero no sé aún php
 ¿Cómo puedo usar este método?

 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org]
 En nombre de Ignacio Ricci
 Enviado el: sábado, 10 de abril de 2010 15:30
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] duda

 En cuanto a PHP, hacelo como quieras.
 En cuanto a CSS, es simplemente flotar 3 columnas en un contenedor.

 Si hay 3 columnas, aplicarle una clase a la parte central que le de un
 ancho
 X.
 Y si hay 2 columnas, aplicarle una clase a la parte central que le de un
 ancho X2.

 No hace falta ver tutoriales ni nada. Hay que hacer eso y ya :)
 [image: Ignacio Ricci - Designer + Developer]


 2010/4/10 manuel cuesta manucu...@gmail.com

  Este layout es una buena práctica y completamente válido en HTML y CSS.
 
  http://matthewjamestaylor.com/blog/perfect-3-column.htm
 
  El 10 de abril de 2010 15:00, Andrés gutiérrez andresgut...@gmail.com
  escribió:
 
   Dos cosas en cuanto a la creación de preguntas en la lista.
  
 1. Puon un asunto más descriptivo. Duda NO . Dudas tenemos todos
  ¿cúal
 es la tuya?
 2. Si vas a pegar mas de 3 lineas de código. Usa
 http://www.pastie.orgu
 otro servicio parecido
  
   No soy el administrador de la lista pero creo que son dos buenas
  prácticas.
  
   Un saludo
  
   El 10 de abril de 2010 14:20, Sergio.Iglesias ser.igles...@gmail.com
   escribió:
  
Tambien puedes controlarlo con el metodo countmodules. Si hay en los
dos,qte
cargue dos div con sus width correspondientes y si solo esta el
 central
  q
te
cargue solo un div con el width completo.
   
--
Sergio Iglesias
ser.igles...@gmail.com
http://twitter.com/sergiois
   
El 10 de abr de 2010, 2:10 p.m., Gerardo Oscar Jimenez Tornos 
gerardoosca...@gmail.com escribió:
   
Aquí se explica cómo montar tres columnas para que sea compatible
con
   todos
los navegadores.
http://www.treeweb.es/plantilla-de-tres-columnas
   
Un saludo
   
   
El 10 de abril de 2010 14:05, Javier Herrán Sainz 
telecoms.systems.electron...@gmail.com escribió:
   
 Hola tengo un problema con mi pagina web. Veréis en firefox se ve
  bien
pero  en IE8 no. ...
 leid=11Itemid=7
   
   
  
 


http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%

0Aleid=11Itemid=7http://www.curriculo.webhispana.net/index.php?option=com
_contentview=artic%%0A0Aleid=11Itemid=7

   
 view=articleid=11Itemid=7 Un detalle que quías os
sirva:
  la
aplicación que uso es jooml...
___
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] duda

2010-04-10 Por tema Gerardo Oscar Jimenez Tornos
Tu problema era más bien de programación con php no de css.



El 10 de abril de 2010 23:35, Javier Herrán Sainz 
telecoms.systems.electron...@gmail.com escribió:

 Hola,  encontré la solución al problema que planteaba, aquí os la muestro
 para que la veáis y si en un futuro alguien tuviera dicha duda le sirva.

 A ver la duda era que en mi web site tiene dos columnas (la de la derecha
 es
 de los menus y la de la izquierda es la de contenido) pero en un momento
 dado si se añaden módulos (en el caso del CMS joomla) al div de la columna
 derecha, esta columna aparecerá en la pagina web por lo que se hace
 necesario modificar el tamaño del div de los contenidos que ahora está en
 el
 centro pasando a tener tres columnas (derecha son los menus, central los
 contenidos y columna derecha otra información). Entonces de lo que se trata
 es de que el div de los contenidos dependiendo de si existen una sola
 columna (menus izquierda) o dos columnas (izquierda los menus y derecha
 otra
 información) el div de los contenidos modifique su tamaño (en ANCHURA  y no
 en ALTURA) ocupando todo el espacio disponible en cada uno de los dos casos
 posibles.


 En el siguiente enlace se puede ver (para este caso concreto diapositiva
 183, titulada Una plantilla básica. Tercera columna opcional (III):

 http://www.slideshare.net/angelpuente/joomla-curso-noviembre-presentation

 También quiero dar las gracias por vuestra ayuda y apoyo a la hora de
 intentar aportarme una solución.



 -Mensaje original-
 De: ovillo-boun...@lists.ovillo.org [mailto:
 ovillo-boun...@lists.ovillo.org]
 En nombre de Manuel Cuesta
 Enviado el: sábado, 10 de abril de 2010 16:20
 Para: Ovillo, la lista de CSS en castellano
 Asunto: Re: [Ovillo] duda

 Entendí que lo que se pretende es hacer 3 columnas líquidas, es decir que
 tengan el mismo alto independientemente del contenido que tenga cada una. Y
 eso es un script o http://matthewjamestaylor.com/blog/perfect-3-column.htm

 El 10 de abril de 2010 15:33, Javier Herrán Sainz 
 telecoms.systems.electron...@gmail.com escribió:

  Ya esta claro que aplicare dimensiones diferentes según halla dos o tres
  columnas.
  La cuestión es como saber cuando hay dos o tres.
  Creo que la clave esta en el uso de alguna condición y del metodo
  countmodules. Pero no sé aún php
  ¿Cómo puedo usar este método?
 
  -Mensaje original-
  De: ovillo-boun...@lists.ovillo.org [mailto:
  ovillo-boun...@lists.ovillo.org]
  En nombre de Ignacio Ricci
  Enviado el: sábado, 10 de abril de 2010 15:30
  Para: Ovillo, la lista de CSS en castellano
  Asunto: Re: [Ovillo] duda
 
  En cuanto a PHP, hacelo como quieras.
  En cuanto a CSS, es simplemente flotar 3 columnas en un contenedor.
 
  Si hay 3 columnas, aplicarle una clase a la parte central que le de un
  ancho
  X.
  Y si hay 2 columnas, aplicarle una clase a la parte central que le de un
  ancho X2.
 
  No hace falta ver tutoriales ni nada. Hay que hacer eso y ya :)
  [image: Ignacio Ricci - Designer + Developer]
 
 
  2010/4/10 manuel cuesta manucu...@gmail.com
 
   Este layout es una buena práctica y completamente válido en HTML y CSS.
  
   http://matthewjamestaylor.com/blog/perfect-3-column.htm
  
   El 10 de abril de 2010 15:00, Andrés gutiérrez andresgut...@gmail.com
   escribió:
  
Dos cosas en cuanto a la creación de preguntas en la lista.
   
  1. Puon un asunto más descriptivo. Duda NO . Dudas tenemos todos
   ¿cúal
  es la tuya?
  2. Si vas a pegar mas de 3 lineas de código. Usa
  http://www.pastie.orgu
  otro servicio parecido
   
No soy el administrador de la lista pero creo que son dos buenas
   prácticas.
   
Un saludo
   
El 10 de abril de 2010 14:20, Sergio.Iglesias 
 ser.igles...@gmail.com
escribió:
   
 Tambien puedes controlarlo con el metodo countmodules. Si hay en
 los
 dos,qte
 cargue dos div con sus width correspondientes y si solo esta el
  central
   q
 te
 cargue solo un div con el width completo.

 --
 Sergio Iglesias
 ser.igles...@gmail.com
 http://twitter.com/sergiois

 El 10 de abr de 2010, 2:10 p.m., Gerardo Oscar Jimenez Tornos 
 gerardoosca...@gmail.com escribió:

 Aquí se explica cómo montar tres columnas para que sea compatible
 con
todos
 los navegadores.
 http://www.treeweb.es/plantilla-de-tres-columnas

 Un saludo


 El 10 de abril de 2010 14:05, Javier Herrán Sainz 
 telecoms.systems.electron...@gmail.com escribió:

  Hola tengo un problema con mi pagina web. Veréis en firefox se ve
   bien
 pero  en IE8 no. ...
  leid=11Itemid=7


   
  
 
 

 http://www.curriculo.webhispana.net/index.php?option=com_contentview=artic%
 
 0Aleid=11Itemid=7
 http://www.curriculo.webhispana.net/index.php?option=com
 _contentview=artic%%0A0Aleid=11Itemid=7http://www.curriculo.webhispana.net/index.php?option=com%0A_contentview=artic%%0A0Aleid=11Itemid=7
 
 

  view

[Ovillo] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema José Diaz
Saludos

Acudo a la lista por un par de cosas que me han hecho dudar un poco sobre
unos problemas de saber de que lado estan, del cliente o del servidor...
entiendo que problemas de CSS por ejemplo, son algo del lado del cliente (el
navegador), y habia pensado que asi como con el CSS, seria igual para el
caso de xhtml.  Por ejemplo en mi localhost puedo guardar un documento
.xhtml y este es visible (como si fuese un html) pero al subirlo a un
hosting el index.xhtml no era interpretado(visible), por lo que tuve que
subirlo nuevamente como index.html, tambien tengo el caso de una persona que
en un canal IRC me comentaba que al parecer el hosting que estaba usando no
tenia buen soporte para CSS (lo cual recorde lo ya indicado sobre que esto
hasta donde entiendo son cosas mas del lado del cliente que del servidor),
ya que cosas como la base de datos y PHP si son cosas del lado del servidor.

Sera alguna configuracion de .htaccess del hosting lo que no permite que
index.xhtml no cargue? no se indica error 404, solo no se carga la pagina,
misma que al subirla como index.html si se muestra. Sobre el soporte de
xhtml y por igual de soporte de CSS 2.1 u otro, pregunto, tambien hay
factores del lado del servidor? y no solo del cliente (browser)?, si es
posible que un hosting no tenga soporte para web3.0 y mas recientes
versiones de CSS?

Muchas gracias a sus comentarios referente a este tema, sobre conocer bien
que tanto alcance tiene uno y el otro (del lado del cliente-navegador, y del
lado del servidor, el hosting).

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


Re: [Ovillo] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema Tei
2010/1/11 José Diaz joc...@gmail.com:
... Por ejemplo en mi localhost puedo guardar un documento
 .xhtml y este es visible (como si fuese un html) pero al subirlo a un
 hosting el index.xhtml no era interpretado(visible), por lo que tuve que
 subirlo nuevamente como index.html,

... tambien tengo el caso de una persona que
 en un canal IRC me comentaba que al parecer el hosting que estaba usando no
 tenia buen soporte para CSS (lo cual recorde lo ya indicado sobre que esto
 hasta donde entiendo son cosas mas del lado del cliente que del servidor),

madre de dios, que hostings...

lo de xhtml puede tener su cosas, pues habra gente y circunstancias en
los que se quiera que el servidor sirva eso como text/html

lo de un hosting que no sirve CSS como  text/css eso ya es curioso de verdad.

quizas son sintomas de que el hosting que se ha contratado no es todo
lo serio que hace falta.

una ñapa seria crear ficheros php que ajusten el tipo mime


?php

header(Content-Type: text/css);

?

main {
  font-family: zeus, venus, pandora;
}




Enfins.. y guenos mal que no intentastes utilizar overlays de xml,
porque entonces les explota el servidor :-)


-- 
--
ℱin del ℳensaje.
___
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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema José Diaz
Pienso que la persona con la que platique y que me indico que el hosting que
estaba usando no soportaba bien CSS, creo que no era una opinion de su parte
totalmente segura, es decir, pienso que posiblemente desconoce realmente esa
situacion puntual de CSS que tenia (o tiene) presente y conjeturo una idea
como esa. Solo se en mi caso, yo habia abierto un Ticket Helpdesk a mi
hosting preguntando si tenian soporte para xhtml, pero lo cerre antes de
esperar respuestas porque pense que esto es (supongo y a mi entender) que
seria problema de browser y no de ninugn hosting, pero luego recorde que la
pagina index.xhtml si la pude ver en mi localhost (visto en firefox) asi que
creo que volvere a crear el Ticket Helpdesk para ver que me escribe esta
gente, y tal vez aproveche el mismo para preguntarles sobre lo del CSS.

El 11 de enero de 2010 10:21, Tei oscar.vi...@gmail.com escribió:

 2010/1/11 José Diaz joc...@gmail.com:
 ... Por ejemplo en mi localhost puedo guardar un documento
  .xhtml y este es visible (como si fuese un html) pero al subirlo a un
  hosting el index.xhtml no era interpretado(visible), por lo que tuve que
  subirlo nuevamente como index.html,

 ... tambien tengo el caso de una persona que
  en un canal IRC me comentaba que al parecer el hosting que estaba usando
 no
  tenia buen soporte para CSS (lo cual recorde lo ya indicado sobre que
 esto
  hasta donde entiendo son cosas mas del lado del cliente que del
 servidor),

 madre de dios, que hostings...

 lo de xhtml puede tener su cosas, pues habra gente y circunstancias en
 los que se quiera que el servidor sirva eso como text/html

 lo de un hosting que no sirve CSS como  text/css eso ya es curioso de
 verdad.

 quizas son sintomas de que el hosting que se ha contratado no es todo
 lo serio que hace falta.

 una ñapa seria crear ficheros php que ajusten el tipo mime

 
 ?php

 header(Content-Type: text/css);

 ?

 main {
  font-family: zeus, venus, pandora;
 }
 



 Enfins.. y guenos mal que no intentastes utilizar overlays de xml,
 porque entonces les explota el servidor :-)


 --
 --
 ℱin del ℳensaje.
 ___
 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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema SoporteNuke
Como comentario adicional la extensión es independiente de como se sirve un
archivo, es decir puedes ponerle a un archivo la extension .PNG y configurar
al servidor para que los sirva como HTML. No veo la necesidad de utilizar la
extensión .XHTML los documentos xHTML tienen extensión .HTML, lo de ser
xhtml se especifica en el doctype...

Saludo.

El 11 de enero de 2010 08:51, Tei oscar.vi...@gmail.com escribió:

 2010/1/11 José Diaz joc...@gmail.com:
 ... Por ejemplo en mi localhost puedo guardar un documento
  .xhtml y este es visible (como si fuese un html) pero al subirlo a un
  hosting el index.xhtml no era interpretado(visible), por lo que tuve que
  subirlo nuevamente como index.html,

 ... tambien tengo el caso de una persona que
  en un canal IRC me comentaba que al parecer el hosting que estaba usando
 no
  tenia buen soporte para CSS (lo cual recorde lo ya indicado sobre que
 esto
  hasta donde entiendo son cosas mas del lado del cliente que del
 servidor),

 madre de dios, que hostings...

 lo de xhtml puede tener su cosas, pues habra gente y circunstancias en
 los que se quiera que el servidor sirva eso como text/html

 lo de un hosting que no sirve CSS como  text/css eso ya es curioso de
 verdad.

 quizas son sintomas de que el hosting que se ha contratado no es todo
 lo serio que hace falta.

 una ñapa seria crear ficheros php que ajusten el tipo mime

 
 ?php

 header(Content-Type: text/css);

 ?

 main {
  font-family: zeus, venus, pandora;
 }
 



 Enfins.. y guenos mal que no intentastes utilizar overlays de xml,
 porque entonces les explota el servidor :-)


 --
 --
 ℱin del ℳensaje.
 ___
 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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema Tei
2010/1/11 SoporteNuke soporten...@gmail.com:
 Como comentario adicional la extensión es independiente de como se sirve un
 archivo, es decir puedes ponerle a un archivo la extension .PNG y configurar
 al servidor para que los sirva como HTML. No veo la necesidad de utilizar la
 extensión .XHTML los documentos xHTML tienen extensión .HTML, lo de ser
 xhtml se especifica en el doctype...


Supongo que es porque quieras que  los .html se sirvan como text/html,
y los .xhtml se sirvan como application/xhtml+xml.

title  Smith  Wetson/title

es ilegal en application/xhtml+xml, porque no existe la entidad 
Wetson,  pero en text/html se mostraria bien.



-- 
--
ℱin del ℳensaje.
___
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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema José Diaz
El 11 de enero de 2010 10:33, SoporteNuke soporten...@gmail.com escribió:

 Como comentario adicional la extensión es independiente de como se sirve un
 archivo, es decir puedes ponerle a un archivo la extension .PNG y
 configurar
 al servidor para que los sirva como HTML. No veo la necesidad de utilizar
 la
 extensión .XHTML los documentos xHTML tienen extensión .HTML, lo de ser
 xhtml se especifica en el doctype...

 Saludo.


Si, he pensado que de llegarse a armar un contenido de codigo de web3.0 bien
podria seguir siendo .html aunque ya los IDEs actuales permiten y ofrecen la
extension .xhtml hice una prueba, lo subi y vi estos resultados, de ahi mis
dudas.

Saludos.



 El 11 de enero de 2010 08:51, Tei oscar.vi...@gmail.com escribió:

  2010/1/11 José Diaz joc...@gmail.com:
  ... Por ejemplo en mi localhost puedo guardar un documento
   .xhtml y este es visible (como si fuese un html) pero al subirlo a un
   hosting el index.xhtml no era interpretado(visible), por lo que tuve
 que
   subirlo nuevamente como index.html,
 
  ... tambien tengo el caso de una persona que
   en un canal IRC me comentaba que al parecer el hosting que estaba
 usando
  no
   tenia buen soporte para CSS (lo cual recorde lo ya indicado sobre que
  esto
   hasta donde entiendo son cosas mas del lado del cliente que del
  servidor),
 
  madre de dios, que hostings...
 
  lo de xhtml puede tener su cosas, pues habra gente y circunstancias en
  los que se quiera que el servidor sirva eso como text/html
 
  lo de un hosting que no sirve CSS como  text/css eso ya es curioso de
  verdad.
 
  quizas son sintomas de que el hosting que se ha contratado no es todo
  lo serio que hace falta.
 
  una ñapa seria crear ficheros php que ajusten el tipo mime
 
  
  ?php
 
  header(Content-Type: text/css);
 
  ?
 
  main {
   font-family: zeus, venus, pandora;
  }
  
 
 
 
  Enfins.. y guenos mal que no intentastes utilizar overlays de xml,
  porque entonces les explota el servidor :-)
 
 
  --
  --
  ℱin del ℳensaje.
  ___
  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

___
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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema carlos campderrós
2010/1/11 Tei oscar.vi...@gmail.com


 title  Smith  Wetson/title

 es ilegal en application/xhtml+xml, porque no existe la entidad 
 Wetson,  pero en text/html se mostraria bien.


en text/html se mostraría bien, pero seguiría siendo ilegal.

-- 
Si no puedes deslumbrar con tu sabiduría,
desconcierta con tus gilipolleces
___
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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema Tei
2010/1/11 carlos campderrós gilipollas.desconcerta...@gmail.com:
 2010/1/11 Tei oscar.vi...@gmail.com


 title  Smith  Wetson/title

 es ilegal en application/xhtml+xml, porque no existe la entidad 
 Wetson,  pero en text/html se mostraria bien.


 en text/html se mostraría bien, pero seguiría siendo ilegal.


Puede ser que como decia Jose Diaz, esta clase de cosas tampoco sea
muy necesaria con el doctype correcto.

No se. Ver el programa de fin de año me ha robado 20 puntos al IQ.

-- 
--
ℱin del ℳensaje.
___
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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema José Diaz
El 11 de enero de 2010 10:45, Tei oscar.vi...@gmail.com escribió:

 2010/1/11 carlos campderrós gilipollas.desconcerta...@gmail.com:
  2010/1/11 Tei oscar.vi...@gmail.com
 
 
  title  Smith  Wetson/title
 
  es ilegal en application/xhtml+xml, porque no existe la entidad 
  Wetson,  pero en text/html se mostraria bien.


Veo que el IDE no le coloca application/xhtml+xml sino el clasico text/html
a las paginas .xhtml, al subir (reemplazar) index.html por index.xhtml
obtengo una pagina de Apache que me indica en la parte If you are the
website administrator sobre unos ajustes que deberian hacerse.

*If you are the website administrator:*

 *You may now add content to the directory /var/www/html/. Note that until
 you do so, people visiting your website will see this page and not your
 content. To prevent this page from ever being used, follow the instructions
 in the file /etc/httpd/conf.d/welcome.conf.*

 *You are free to use the images below on Apache and CentOS Linux powered
 HTTP servers. Thanks for using Apache and CentOS!*


Pero no tengo alcance a ello, solo tengo alcance de algunas cosas en el
hosting, posiblemente si se tengan que hacer algun ajuste del lado del
servidor Apache para la venida de la web3.0, no lo confirmo, es una
conjetura.

Saludos.


 
 
  en text/html se mostraría bien, pero seguiría siendo ilegal.
 

 Puede ser que como decia Jose Diaz, esta clase de cosas tampoco sea
 muy necesaria con el doctype correcto.

 No se. Ver el programa de fin de año me ha robado 20 puntos al IQ.

 --
 --
 ℱin del ℳensaje.
 ___
 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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema Phaseolus
Revisa lo siguiente:

Apache, en muchos casos, cuando no está especificado, por defecto envía el
Mime Type *text/plain*, lo cual es incorrecto, por lo tanto el
navegador descargará los archivos como un fichero de texto plano y sobre
todo en el caso de los navegadores basados en Gecko(Mozilla Firefox, Chrome)
esta directiva es muy importante para que se puedan interpretar bien los
contenidos.

La solución es muy sencilla y pasa por añadir un *AddType* más a la
configuración de Apache (httpd.conf) o a un fichero .htaccess, así:

 *AddType text/css .css*

 La siguiente es la url de la web oficial del proyecto Apache donde aparecen
más detalles técnicos que de seguro los administradores de los
servidores conocen (o al menos debieran conocer)

http://httpd.eu.apache.org/docs/trunk/es/mod/mod_mime.html


Saludos.

-

El 11 de enero de 2010 12:45, José Diaz joc...@gmail.com escribió:

 El 11 de enero de 2010 10:45, Tei oscar.vi...@gmail.com escribió:

  2010/1/11 carlos campderrós gilipollas.desconcerta...@gmail.com:
   2010/1/11 Tei oscar.vi...@gmail.com
  
  
   title  Smith  Wetson/title
  
   es ilegal en application/xhtml+xml, porque no existe la entidad 
   Wetson,  pero en text/html se mostraria bien.
 

 Veo que el IDE no le coloca application/xhtml+xml sino el clasico text/html
 a las paginas .xhtml, al subir (reemplazar) index.html por index.xhtml
 obtengo una pagina de Apache que me indica en la parte If you are the
 website administrator sobre unos ajustes que deberian hacerse.

 *If you are the website administrator:*
 
  *You may now add content to the directory /var/www/html/. Note that until
  you do so, people visiting your website will see this page and not your
  content. To prevent this page from ever being used, follow the
 instructions
  in the file /etc/httpd/conf.d/welcome.conf.*
 
  *You are free to use the images below on Apache and CentOS Linux powered
  HTTP servers. Thanks for using Apache and CentOS!*
 

 Pero no tengo alcance a ello, solo tengo alcance de algunas cosas en el
 hosting, posiblemente si se tengan que hacer algun ajuste del lado del
 servidor Apache para la venida de la web3.0, no lo confirmo, es una
 conjetura.

 Saludos.


  
  
   en text/html se mostraría bien, pero seguiría siendo ilegal.
  
 
  Puede ser que como decia Jose Diaz, esta clase de cosas tampoco sea
  muy necesaria con el doctype correcto.
 
  No se. Ver el programa de fin de año me ha robado 20 puntos al IQ.
 
  --
  --
  ℱin del ℳensaje.
  ___
  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




-- 
En cambio, el amor de Dios siempre será el mismo; Dios ama a quienes lo
honran, y siempre les hace justicia a sus descendientes, los que cumplen
fielmente su pacto y sus mandamientos. Mi Dios es el rey del cielo; es el
dueño de todo lo que existe. Salmos 103:17-19

Irán Vásquez S.
___
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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema José Diaz
Gracias Phaseolus, recibi hace poco respuesta del ticket helpdesk a quienes
me ofrecen el hosting, me indico quien me respondio que por los momentos
actualmente los servidores de este hosting no dan soporte para xhtml, les
hare llegar esta info que me indicas para ver que tal.

saludos.

El 11 de enero de 2010 13:42, Phaseolus phaseol...@yahoo.es escribió:

 Revisa lo siguiente:

 Apache, en muchos casos, cuando no está especificado, por defecto envía el
 Mime Type *text/plain*, lo cual es incorrecto, por lo tanto el
 navegador descargará los archivos como un fichero de texto plano y sobre
 todo en el caso de los navegadores basados en Gecko(Mozilla Firefox,
 Chrome)
 esta directiva es muy importante para que se puedan interpretar bien los
 contenidos.

 La solución es muy sencilla y pasa por añadir un *AddType* más a la
 configuración de Apache (httpd.conf) o a un fichero .htaccess, así:

  *AddType text/css .css*

  La siguiente es la url de la web oficial del proyecto Apache donde
 aparecen
 más detalles técnicos que de seguro los administradores de los
 servidores conocen (o al menos debieran conocer)

 http://httpd.eu.apache.org/docs/trunk/es/mod/mod_mime.html


 Saludos.

 -

 El 11 de enero de 2010 12:45, José Diaz joc...@gmail.com escribió:

  El 11 de enero de 2010 10:45, Tei oscar.vi...@gmail.com escribió:
 
   2010/1/11 carlos campderrós gilipollas.desconcerta...@gmail.com:
2010/1/11 Tei oscar.vi...@gmail.com
   
   
title  Smith  Wetson/title
   
es ilegal en application/xhtml+xml, porque no existe la entidad 
Wetson,  pero en text/html se mostraria bien.
  
 
  Veo que el IDE no le coloca application/xhtml+xml sino el clasico
 text/html
  a las paginas .xhtml, al subir (reemplazar) index.html por index.xhtml
  obtengo una pagina de Apache que me indica en la parte If you are the
  website administrator sobre unos ajustes que deberian hacerse.
 
  *If you are the website administrator:*
  
   *You may now add content to the directory /var/www/html/. Note that
 until
   you do so, people visiting your website will see this page and not your
   content. To prevent this page from ever being used, follow the
  instructions
   in the file /etc/httpd/conf.d/welcome.conf.*
  
   *You are free to use the images below on Apache and CentOS Linux
 powered
   HTTP servers. Thanks for using Apache and CentOS!*
  
 
  Pero no tengo alcance a ello, solo tengo alcance de algunas cosas en el
  hosting, posiblemente si se tengan que hacer algun ajuste del lado del
  servidor Apache para la venida de la web3.0, no lo confirmo, es una
  conjetura.
 
  Saludos.
 
 
   
   
en text/html se mostraría bien, pero seguiría siendo ilegal.
   
  
   Puede ser que como decia Jose Diaz, esta clase de cosas tampoco sea
   muy necesaria con el doctype correcto.
  
   No se. Ver el programa de fin de año me ha robado 20 puntos al IQ.
  
   --
   --
   ℱin del ℳensaje.
   ___
   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
 



 --
 En cambio, el amor de Dios siempre será el mismo; Dios ama a quienes lo
 honran, y siempre les hace justicia a sus descendientes, los que cumplen
 fielmente su pacto y sus mandamientos. Mi Dios es el rey del cielo; es el
 dueño de todo lo que existe. Salmos 103:17-19

 Irán Vásquez S.
 ___
 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] Duda sobre el alcance de soporte de algunos hosting (html/xhtml y CSS)

2010-01-11 Por tema SoporteNuke
En Apache hay una forma de especificar el mimetype del archivo y
relacionarlo a una extensión específica, si tienes acceso alarchivo
.htaccess colo la siguiente línea y prueba...

IfModule mod_dir.c
AddType application/xhtml+xml .xhtml
AddType text/html .html .htm
/IfModule

Saludo.

El 11 de enero de 2010 12:22, José Diaz joc...@gmail.com escribió:

 Gracias Phaseolus, recibi hace poco respuesta del ticket helpdesk a quienes
 me ofrecen el hosting, me indico quien me respondio que por los momentos
 actualmente los servidores de este hosting no dan soporte para xhtml, les
 hare llegar esta info que me indicas para ver que tal.

 saludos.

 El 11 de enero de 2010 13:42, Phaseolus phaseol...@yahoo.es escribió:

  Revisa lo siguiente:
 
  Apache, en muchos casos, cuando no está especificado, por defecto envía
 el
  Mime Type *text/plain*, lo cual es incorrecto, por lo tanto el
  navegador descargará los archivos como un fichero de texto plano y sobre
  todo en el caso de los navegadores basados en Gecko(Mozilla Firefox,
  Chrome)
  esta directiva es muy importante para que se puedan interpretar bien los
  contenidos.
 
  La solución es muy sencilla y pasa por añadir un *AddType* más a la
  configuración de Apache (httpd.conf) o a un fichero .htaccess, así:
 
   *AddType text/css .css*
 
   La siguiente es la url de la web oficial del proyecto Apache donde
  aparecen
  más detalles técnicos que de seguro los administradores de los
  servidores conocen (o al menos debieran conocer)
 
  http://httpd.eu.apache.org/docs/trunk/es/mod/mod_mime.html
 
 
  Saludos.
 
  -
 
  El 11 de enero de 2010 12:45, José Diaz joc...@gmail.com escribió:
 
   El 11 de enero de 2010 10:45, Tei oscar.vi...@gmail.com escribió:
  
2010/1/11 carlos campderrós gilipollas.desconcerta...@gmail.com:
 2010/1/11 Tei oscar.vi...@gmail.com


 title  Smith  Wetson/title

 es ilegal en application/xhtml+xml, porque no existe la entidad 
 Wetson,  pero en text/html se mostraria bien.
   
  
   Veo que el IDE no le coloca application/xhtml+xml sino el clasico
  text/html
   a las paginas .xhtml, al subir (reemplazar) index.html por index.xhtml
   obtengo una pagina de Apache que me indica en la parte If you are the
   website administrator sobre unos ajustes que deberian hacerse.
  
   *If you are the website administrator:*
   
*You may now add content to the directory /var/www/html/. Note that
  until
you do so, people visiting your website will see this page and not
 your
content. To prevent this page from ever being used, follow the
   instructions
in the file /etc/httpd/conf.d/welcome.conf.*
   
*You are free to use the images below on Apache and CentOS Linux
  powered
HTTP servers. Thanks for using Apache and CentOS!*
   
  
   Pero no tengo alcance a ello, solo tengo alcance de algunas cosas en el
   hosting, posiblemente si se tengan que hacer algun ajuste del lado del
   servidor Apache para la venida de la web3.0, no lo confirmo, es una
   conjetura.
  
   Saludos.
  
  


 en text/html se mostraría bien, pero seguiría siendo ilegal.

   
Puede ser que como decia Jose Diaz, esta clase de cosas tampoco sea
muy necesaria con el doctype correcto.
   
No se. Ver el programa de fin de año me ha robado 20 puntos al IQ.
   
--
--
ℱin del ℳensaje.
___
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
  
 
 
 
  --
  En cambio, el amor de Dios siempre será el mismo; Dios ama a quienes lo
  honran, y siempre les hace justicia a sus descendientes, los que cumplen
  fielmente su pacto y sus mandamientos. Mi Dios es el rey del cielo; es el
  dueño de todo lo que existe. Salmos 103:17-19
 
  Irán Vásquez S.
  ___
  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

___
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] duda sobre select - option

2009-11-16 Por tema Daniel González
 Si lo que quieres es hacer un menú utiliza enlaces que para eso se
 inventaron. Y si quieres hacer un desplegable lo puedes construir
 perfectamente con la única ayuda de CSS y una lista de enlaces para el menú
 de navegación. A esto le puedes añadir utilizar Javascript si quieres darle
 algún efecto o transiciones especiales. Puedes encontrar infinitud de
 ejemplos por la red.

 Haciendo la lista de esta forma puedes simular mediante estilos CSS que se
 trata de un elemento desplegable.


No se me había ocurrido :(.

Es verdad, es más fácil así.

Un saludo y gracias!

-- 
-
Daniel González Cerviño
FreelanceMadrid.es
Mail : daniel.gonza...@freelancemadrid.es
Tel (+34)  653 96 50 48
-
___
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


  1   2   3   4   >