[Ovillo] Duda sobre etiquetado correcto en HTML5
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
+ 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
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
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
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
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
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
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
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
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
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
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/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
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/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/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
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
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
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/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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
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
¡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
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
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/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
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
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
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
Re: [Ovillo] duda
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
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
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
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
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
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
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
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)
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/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)
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)
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/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)
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/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/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)
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)
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)
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)
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
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
[Ovillo] duda sobre select - option
Hola a todos. Estoy maquetando un select, para que haga las veces de menú de un sitio web. La idea la tome de aqui[1], tan solo acabo de empezar la css y me enfrento a dos problemas con ese select que no soy capaz de resolver. 1 - en el de la imagen veo que han sustituido el boton de desplegar el select, por una imagen ... ? como se hace esto? [ver sin-desplegar.jpg] 2 - cuando despliego el select y coloco el puntero del raton sobre una de las opciones me colorea la opción de azul oscuro, cual es la propiedad que tengo que usar, para poner el color que quiero cuando el raton esta encima [ver desplegado.jpg] / --- css -- / reset.css de yahoo + body{background-color:#FFF; border:5px solid #FFF;} /* Header */ #header {background-color:#424242; height:100px; border-bottom:3px solid #515151; border-top:1px solid #4C4C4C;} #header select{height:35px; width:300px; background-color:#666; border:1px solid #373737; margin-left:50px; margin-top:35px; color:#D0D0D0; font-size:20px; padding:4px 4px 4px 10px;} #header option{padding:4px 4px 4px 20px;} / --- HTML / div id=header form select optionSecciones/option optionContenido/option optionEstadisticas/option optionPesos/option optionContabilidad/option /select /form /div!--#header-- http://www.desarrolloweb.com/articulos/images/pure-edit/sectors-center-crear.gif -- - 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
Re: [Ovillo] duda sobre select - option
Buenos días Daniel Creo que te estás complicando demasiado la vida buscándole 5 patas al gato. Los elementos SELECT no están ideados para utilizarse en la navegación de un sitio web. ¿Cómo vas a enviarle a los distintos sitios? ¿Con un INPUT o empleando JavaScript con el evento onChange? La primera opción no me parece muy elegante y desde luego nada usable, y la segunda no es nada accesible. 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. Espero serte de ayuda. Saludos, Carlos 2009/11/16 Daniel González daniel.gonza...@freelancemadrid.es Hola a todos. Estoy maquetando un select, para que haga las veces de menú de un sitio web. La idea la tome de aqui[1], tan solo acabo de empezar la css y me enfrento a dos problemas con ese select que no soy capaz de resolver. 1 - en el de la imagen veo que han sustituido el boton de desplegar el select, por una imagen ... ? como se hace esto? [ver sin-desplegar.jpg] 2 - cuando despliego el select y coloco el puntero del raton sobre una de las opciones me colorea la opción de azul oscuro, cual es la propiedad que tengo que usar, para poner el color que quiero cuando el raton esta encima [ver desplegado.jpg] / --- css -- / reset.css de yahoo + body{background-color:#FFF; border:5px solid #FFF;} /* Header */ #header {background-color:#424242; height:100px; border-bottom:3px solid #515151; border-top:1px solid #4C4C4C;} #header select{height:35px; width:300px; background-color:#666; border:1px solid #373737; margin-left:50px; margin-top:35px; color:#D0D0D0; font-size:20px; padding:4px 4px 4px 10px;} #header option{padding:4px 4px 4px 20px;} / --- HTML / div id=header form select optionSecciones/option optionContenido/option optionEstadisticas/option optionPesos/option optionContabilidad/option /select /form /div!--#header-- http://www.desarrolloweb.com/articulos/images/pure-edit/sectors-center-crear.gif -- - 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 ___ Lista de distribución Ovillo Para 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