Re: [Ovillo] Resumen de Ovillo, Vol 94, Envío 15
El 23/12/2011 10:55 a.m., Juan Carlos Vasquez de Velasco escribió: Hola a todos, Por ahí ya se cerró este tópico, pero me pareció interesante la pregunta y miren lo que encontré de la misma W3C: Cuando los elementos del artículo están anidados, los elementos del artículo interior representan los artículos que son, en principio, relacionadas con el contenido del artículo exterior. Esto quiere decir que es totalmente posible. Espero que sea oportuno. Muy buen descubrimiento el de ese ejemplo, Juan Carlos! No le había prestado atención al leer la especificación, muchas gracias por compartirlo! Según dice el W3C, es correcto anidar varios articles dentro de otro article siempre y cuando esa relación sea clara, es decir, que sean contenidos relacionados entre sí, pero... ese es exactamente el rol que también cumple section (agrupar contenidos relacionados, tal como varios article relacionados entre sí). Y de hecho, en el ejemplo usan un section para envolver a los distintos articles relacionados, y ese section es una de las partes del article de más afuera: http://dev.w3.org/html5/spec/Overview.html#the-article-element (el segundo ejemplo, el que dice Here is that same blog post, but showing some of the comments). Es decir, no se anidarían articles sueltos dentro del article global, sino que los articles internos serían agrupados con un section, y luego ese section sería una de las partes del article global. Un saludo, -- Hernán Beati http://www.saberweb.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] cambiar element.backgroundImage
Alejandro Moreno escribió: estoy intentando hacer algo parecido a lo de aperture de apple, para mas pistas http://www.apple.com/aperture/ El efecto de fade de la web de Apple: http://www.apple.com/aperture/ está hecho con la librería de JavaScript llamada Scriptaculous (si miras el código fuente verás la inclusión de los .js necesarios): Puedes bajarlo en: http://script.aculo.us Saludos! Hernán Beati --- www.saberweb.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] ¿Faux columns ha muerto?
Usar bordes para simular fondos de columnas es un truco muuuy viejo, por
ejemplo en el libro DHTML y CSS avanzado del año 2005 ya se usaba:
http://www.webbedenvironments.com/dhtml%5Fcss%5Fadvanced/code/05_Layout/ColumnBalanced/index.html
Saludos,
--
Hernán Beati
---
www.saberweb.com.ar
Christian Roque Geldres escribió:
...me encuentro que su truco es
algo que no puedo creer que no se le haya ocurrido a alguien antes:
}
#content{
background-color:#0ff;
width:600px;
border-right:150px solid #f00; »
/* The width and color of the rail */
margin-right:-150px; /* Hat tip to Ryan Brill */
float:left;
___
Lista de distribución Ovillo
Para escribir a la lista, envia un 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] Test visual de cada combinación: p ropiedad:valor de CSS
Hola a todos, les recomiendo visitar este enlace: http://brunildo.org/test/index.html Muestra con ejemplos cómo se vería cada valor de cada propiedad CSS, en cada uno de los navegadores más usados. Viene cómodamente organizado por secciones: floats, márgenes, centrados, etc. Me parece un recurso sumamente útil para crear código que no se rompa en ningún navegador. Que les aproveche! -- Hernán Beati --- www.saberweb.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] [OT] feedback thinkingrid.com
Mi observación es sobre usabilidad. Hay un punto que siempre me ha llamado bastante la atención en distintas webs, y es el cambio brusco de diseño y navegación cuando se debe integrar una aplicación pre-armada (weblog, foro, etc.) a un sitio web estático. En este caso, el botón BLOG del menú, nos lleva hacia un WordPress que no mantiene el mismo diseño de la web (o viceversa, la web no sigue el diseño del blog). A mí siempre se me ha dado por mantener la integración partiendo del diseño más difícil de modificar, es decir, el de la aplicación web, copiando luego el diseño en la parte estática de la web. De ese modo, la usabilidad del sitio se mantiene, ya que no hay cambios bruscos de menúes, navegación, estética, etc. Por ejemplo, en mi web de e-learning he tomado el Moodle como base, y he imitado su diseño en la parte estática de la web. Gracias a eso, los usuarios no sienten ningún salto entre la web y el campus. No se si a otros les ha pasado. P.D.: Carlos, de todos modos el diseño está muy bien! Saludos! Hernán Beati --- www.saberweb.com.ar carlos campderrós escribió: Hola a todos, En mi trabajo estamos a punto de publicar la nueva web (y primera, por fin tras 7 u 8 meses quitaremos el coming soon de la portada jeje) y quisiera oir sus comentarios (y sobretodo críticas) al respecto de su diseño, accesibilidad y/o usabilidad. Algunos enlaces (como por ejemplo el del logo principal) apuntan a la ubicación definitiva de la web, y no muestran lo que deberían, y los enlaces de cambio de idioma tampoco funcionan (esas traducciones que se demoran...) pero la gran mayoría funcionan correctamente. En fin, gracias por vuestra atención. pd: la web es http://www.thinkingrid.com/grid30/es/ , no penséis que me la olvido : ) ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] Feedback de un trabajo (parte II)
Ante todo, muy buen trabajo! Solo puedo agregar que mirando el código fuente encuentro que los tags noscript que se mostrarán a quienes no tengan activado JavaScript, muestran textos en inglés (seguramente porque los han copiado y pegado de otros scripts). Te recomiendo traducirlos: noscriptdiv class=hiddenAccessibility notice for ASPAYM Cantabria: A user agent without Javascript will recieve the full (not filtered) category list. This is not a problem, because all contents are still fully accessible in such case /div/noscript noscriptdiv class=hiddenHack for Internet Explorer lack of PNG alpha transparency support/div/noscript Si traduces esos mensajes, darás una explicación más entendible a tus usuarios, que mayoritariamente hablan castellano. Saludos, Hernán Beati --- www.saberweb.com.ar Jaime Gómez Obregón escribió: Es una asociación de discapacitados, y por lo tanto uno de los puntos sensibles era intentar cumplir a rajatabla todas las pautas de accesibilidad web. Me gustaría que la gente de esta lista lo criticara y diera sus puntos de vista, tanto en cuestiones de CSS/XHTML como de accesibilidad WAI/AAA. ¿Qué os parece? ¿Qué cambiaríais? ¿Hay algo que no os guste? 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] capa invisible sobre imagen
laura escribió: El background de la capa en la q quiero poner el texto, se situa por detras de la imagen de otra capa. No se como evitar ese efecto. Alguien me ayuda? Deberías asignarle un valor a la propiedad z-index del div que contiene texto que sea MAYOR al del div que contiene la imagen. Saludos, Hernán Beati --- www.saberweb.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] mapa de imagen
Alfonso escribió: ... ¿cómo puedo hacer un mapa de imagen para una parte de esta imagen que está como fondo del div, con CSS??? Es posible?? Hola Alfonso, el mapa de imagen se crea a partir de etiquetas HTML (map, area) aplicadas a otra etiqueta HTML (img); y no mediante CSS, por lo cual no creo que exista ninguna forma de crear enlaces en imágenes de fondo. Pero si comprendí tu idea, se trata de un menú... ¿por qué no haces una lista ul donde cada etiqueta li posea una imagen de fondo diferente, y el enlace que lo tenga aplicado cada uno de los li? Saludos, Hernán Beati --- www.saberweb.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] espacio entre header y contenido
Hernán Quiroga escribió: Entre la imagen del header (o top) y el contenido se me hace un espacio, dependiendo del navegador la altura varía, pero lo hace con todos. Hola Hernán, A simple vista... ¿probaste sacando ese hr luego de la foto? div id=logo img src=Images/torinologo.png width=768 height=194 alt=logo de torino/ !-- SACA ESTO: hr / -- /div Saludos! Hernán Beati --- www.saberweb.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] divs dentro de parrafos?
Manuel J. Recena Soto escribió: Hola stripTM: El 14/10/2006, a las 10:17, stripTM escribió: Manuel J. Recena Soto escribió: Hola Herman: El 14/10/2006, a las 1:25, Hernan Beati escribió: Hola a todos, el sentido del tag DIV es el de marcar una división o bloque. Es un elemento en bloque, para agrupar cosas en un bloque. En cambio, dentro de un p (párrafo) que es un elemento en línea, lo lógico sería usar un elemento de marcado en línea, y para eso se usa el tag span. Quizás esté equivocado, pero pensaba que tanto los Hx como los P eran considerados elementos de bloque. De hecho se renderizan como tales y según leo [1], efectivamente lo son. [1] http://www.htmlhelp.com/reference/html40/block.html P es un elemento de bloque, con darle un borde o un fondo se se que pinta una única caja aunque su contenido ocupe varías líneas, lo que no puede es contener dentro son elementos de bloque, pero eso es una restricción del html. Totalmente de acuerdo con lo que comentas. Hice esa puntualización porque se había comentado que P era un elemento en línea cuando no lo es. Totalmente cierto que P es un elemento en bloque! (no sé en qué estaba pensando cuando dije lo de en línea!). Quise decir que si bien dentro de un DIV se pueden agrupar otros elementos tanto en bloque como en línea, en cambio dentro de un P solo podemos incluir elementos en línea. Saludos! Hernán Beati --- www.saberweb.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] divs dentro de parrafos?
Hola a todos, el sentido del tag DIV es el de marcar una división o bloque. Es un elemento en bloque, para agrupar cosas en un bloque. En cambio, dentro de un p (párrafo) que es un elemento en línea, lo lógico sería usar un elemento de marcado en línea, y para eso se usa el tag span. O sea, en bloque: DIV, en línea: SPAN. Saludos!! Hernán Beati --- www.saberweb.com.ar diego burich escribió: El día 13/10/06, Hernán Quiroga [EMAIL PROTECTED] escribió: nop con que sentido ? En Fri, 13 Oct 2006 18:42:55 -0300, diego burich [EMAIL PROTECTED] escribió: hola lista: adaptando un trabajo, me surgio esta duda, se puede incluir divs dentro de un parrafo? pdiv/div/p gracias, Diego. ___ Lista de distribución Ovillo Para escribir a la lista, envia un 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] que etiquetas usar para maquetar unos datos a 2columnas?
Joan escribió:
lo he probado y no me funciona:
ul#dadesContacte {
postion:relative;
}
Tienes un errorcillo ortográfico: dice postion en vez de position.
Estimo que debe ser eso.
Saludos,
Hernán Beati
---
www.saberweb.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://ovillo.org/mailman/listinfo/ovillo
[Ovillo] Espacio en blanco entre elementos h2 y p
Hola a todos, Estoy bloqueado en una tontería que no se me ocurre cómo modificar: tengo un espacio en blanco entre los h2 y los p que no consigo reducir: h2TITULO/h2 aquí queda un espacio en blanco muy grande, como de una línea de altura -- pEl texto...p He probado con line-height, pero no he podido reducirlo. ¿Qué propiedad es la que regula la altura de la separación entre un renglón pertenecente a un elemento h2 y otro renglón perteneciente a una etiqueta p? Y de haberla... ¿debería aplicarla al h2 o al p, o sea, al elemento previo al hueco o al posterior al mismo? Muchas gracias! Saludos, Hernán.- ___ Lista de distribución Ovillo Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org Puedes modificar tus datos o desuscribirte en la siguiente dirección: http://ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Espacio en blanco entre elementos h2 y p
Abel Domínguez escribió:
h2{
margin: 10px 0 10px 0;}
p{
margin: 5px 0 5px 0;}
Alejandro, Abel, Federico: Muchas gracias!!!
Problema resuelto!
Hernán.-
___
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
[Ovillo] IE7 soporta min-width, max-width, min-height y max-height
Según leo hoy en: http://www.dustindiaz.com/min-max-fixed-in-ie7/ ya es seguro que IE 7 implementará min-width, max-width, min-height y max-height. Saludos, Hernán Beati -- www.saberweb.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://ovillo.org/mailman/listinfo/ovillo
