Se me olvido. En el ejemplo de la imagen que hice si había <span> pero no puse el código por darlo por sobreentendido su colocación.
*-----Mensaje original----- *De: ovillo-boun...@lists.ovillo.org [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Martin Etxauri *Enviado el: viernes, 06 de mayo de 2011 03:19 a.m. *Para: Ovillo, la lista de CSS en castellano *Asunto: Re: [Ovillo] Formato html para fichas de conciertos * *Aupa Santos * *Tienes toda la razón, si, pero es que eran exactamente esos span los que me *creaban dudas, ni mas ni menos. *Así que si, el código del sr. tanaka está dabuti, de hecho me sirvió para confirmar *que salvo los span de la duda lo demás estaba bien encaminado ;D * *El 05/05/2011, a las 20:38, santosvz escribió: * *> Vaya... y yo que creía que había perdido unas cuantas neuronas. *> Acaso no es similar el ejemplo que puse adicionando los span en función de *> los apartados?. *> Tendre que decirle al Sr. Tanaka que no sabe estructurar un xhtml *> http://www.sohtanaka.com/web-design/examples/popoutdetails/ *> *> *> *-----Mensaje original----- *> *De: ovillo-boun...@lists.ovillo.org *> [mailto:ovillo-boun...@lists.ovillo.org] En nombre *> *de Alfredo Tinajero @ ADjunctor *> *Enviado el: jueves, 05 de mayo de 2011 09:47 a.m. *> *Para: 'Ovillo, la lista de CSS en castellano' *> *Asunto: Re: [Ovillo] Formato html para fichas de conciertos *> * *> *Caray, si que entendí mal desde el principio, pero bueno, ahora creo *> entender un *> *poco mejor y tengo estas dos sugerencias que según mi humilde opinión harán *> ver *> *el código mas estructurado. *> * *> *usa dos niveles jerárquicos después del elemento <li> usando elementos *> <span>: *> * *> * <li id="id_del_registro"> *> * <span class="imagen"><img src="imagen.jpg" /></span> *> * <span class="grupo">nombre del grupo</span> *> * <span class="hora">00:00</span> *> * <span class="sala">Nombre de la sala</span> *> * <span class="pueblo">Nombre del pueblo</span> *> * <span class="texto">Texto_Lorem ipsum dolor sit amet.</span> *> * <span class="url"><a href="www.webdelgrupo.com">Website de *> *Nombre_del_grupo</span> *> * <span class="contenidos_relacionados"> *> * <span class="titulo_de_contenidos">Contenidos *> *relacionados</span> *> * <ul> *> * <li><a href="#">título de contenido1</a> sección</li> *> * <li><a href="#">título de contenido2</a> sección</li> *> * <li><a href="#">título de contenido3</a> sección</li> *> * </ul> *> * </span> *> * </li> *> * *> *o tres niveles usando elementos <div>: *> * *> * <li id="id_del_registro"> *> * <div class="concierto"> *> * <span class="imagen"><img src="imagen.jpg" /></span> *> * <span class="grupo">nombre del grupo</span> *> * <span class="hora">00:00</span> *> * <span class="sala">Nombre de la sala</span> *> * <span class="pueblo">Nombre del pueblo</span> *> * <span class="texto">Texto_Lorem ipsum dolor sit amet.</span> *> * <span class="url"><a href="www.webdelgrupo.com">Website de *> *Nombre_del_grupo</span> *> * </div> *> * <div class="contenidos_relacionados"> *> * <span class="titulo_de_contenidos">Contenidos relacionados</span> *> * <ul> *> * <li><a href="#">título de contenido1</a> sección</li> *> * <li><a href="#">título de contenido2</a> sección</li> *> * <li><a href="#">título de contenido3</a> sección</li> *> * </ul> *> * </div> *> * </li> *> * *> *-----Original Message----- *> *From: Martin Etxauri [mailto:t...@eragin.com] *> *Sent: Thursday, May 05, 2011 2:57 AM *> *To: Ovillo, la lista de CSS en castellano *> *Subject: Re: [Ovillo] Formato html para fichas de conciertos *> * *> *Aupa Alfredo *> * *> *Lo primero gracias por tu ayuda. *> *Yo lo que quería no era estructurar los datos por alguna razón concreta, *> *simplemente quería utilizar un html lo mas semántico posible, igual he *> utilizado *> *"estructurar" donde no convenía pero me refería a eso, y la verdad que con *> xml *> *no me voy a meter :) *> * *> *Tampoco es optimizar la presentación, si hablo de poner un H3 no es para *> obtener *> *lo que un H3 me da visualmente, es simplemente para jerarquizar el *> contenido lo *> *mas adecuadamente posible a nivel de código, porque a nivel visual se van a *> ver *> *igual lo ponga con H3 o con span, para eso le meto con css y ya está. *> * *> *Agregar el nombre del concierto la verdad lo veo un sin sentido, si no hay, *> no *> *hay ¿no? agregar un dato porque lo necesito para jerarquizar la información *> a *> *nivel de código es un poco absurdo, el contenido es el que es y es ese *> contenido *> *el que hay que formatear, ¿no? ¿o tendría sentido agregar un título oculto *> para *> *"aclarar" un como el tema a nivel de usabilidad? tampoco sabría que poner *> la *> *verdad, y luego está que yo estoy diseñando esto pero las fichas de *> conciertos *> *ya están diseñadas y la bdd programada y aunque podría proponer cambios, *> como *> *que no lo veo. *> *Y como te puedes imaginar si esto está en un bdd no me hace falta tener el *> xlst *> *para poder disponer de esos datos ya que esto está programado en php y todo *> tira *> *de una bdd. *> * *> *Gracias de todos modos, siempre es interesante conocer cosas nuevas y *> siempre se *> *aprende algo. *> * *> *saludos *> * *> *martin *> * *> *> *> *> -----Original Message----- *> *> From: Martin Etxauri [mailto:t...@eragin.com] *> *> Sent: Wednesday, May 04, 2011 3:25 AM *> *> To: Ovillo, la lista de CSS en castellano *> *> Subject: Re: [Ovillo] Formato html para fichas de conciertos *> *> *> *> Hola *> *> *> *> No se si te refieres a revisar el html del ejemplo que mandas, lo cual *> *> ya he hecho, o si te refieres a revisar el mío, que eso pretendo ;D *> *> *> *> ahora mismo esto lo tengo así: *> *> *> *> <li id="id_del_registro"> *> *> <img src="imagen.jpg" /> *> *> <span class="grupo">nombre del grupo</span> *> *> <span class="hora">00:00</span> *> *> <span class="sala">Nombre de la sala</span> *> *> <span class="pueblo">Nombre del pueblo</span> *> *> <p>Texto_Lorem ipsum dolor sit amet. Con minimim venami quis nostrud *> *laboris nisi ut aliquip ex ea com dolor in reprehenderit in voluptate *> nonumi. *> *Mimimum veniami ex ea con dolor nisi ut aliquip. Consequat Duis autem vel *> eum *> *iruire dolor in endrerit, voluptate velit est. Sit amet, consectetuer *> adipiscing *> *elit, sed diam nonummi. Euismod tincidunt ut laroeet dolore magna aliquam *> erat *> *voluptat. </p> *> *> <a href="www.webdelgrupo.com">Website de Nombre_del_grupo</a> *> *> <div class="contenidos_relacionados"> *> *> <span class="titulo_de_contenidos">Contenidos *> *relacionados</span> *> *> <ul> *> *> <li><a href="#">título de contenido1</a> *> sección</li> *> *> <li><a href="#">título de contenido2</a> *> sección</li> *> *> <li><a href="#">título de contenido3</a> *> sección</li> *> *> </ul> *> *> </div> *> *> </li> *> *> *> *> Mi mayor duda es con esos span del principio.. no se si no debería meter *> todos *> *dentro de un H3, porque meter solo el nombre del grupo no es muy exacto, *> *(tampoco se si es correcto meter todo eso dentro de un H3, creo que aunque *> no *> *suela ser así, correcto si que es ¿no?). Y de meter solo el nombre del *> grupo *> *¿que hago con el resto, tal cual? *> *> *> *> He estado mirando mas y sigo sin encontrar mucho. He visto que por *> ejemplo *> *hay un microformato en desarrollo para recetas de cocina, que sería también *> un *> *formato de ficha, por así decirlo, pero claro el marcaje es solo para *> recetas, *> *ah, y también otro para reviews (reseñas, criticas...), que sería algo *> parecido, *> *pero pasa lo mismo que con las recetas. Y bueno, el mirar los micro *> formatos me *> *ha servido para pensar que los span no están tan mal, ya que en los *> *microformatos muchos datos van con span: *> *> *> *> <div id="" class="vcard"> *> *> <span class="fn n"> *> *> <span class="given-name"></span> *> *> <span class="additional-name"></span> *> *> <span class="family-name"></span> *> *> </span> *> *> <p style="font-size:smaller;">This <a *> *> href="http://microformats.org/wiki/hcard";>hCard</a> created with the *> *> <a href="http://microformats.org/code/hcard/creator";>hCard *> *> creator</a>.</p> </div> *> *> *> *> En cualquier caso bienvenido será cualquier comentario sobre cualquier *> *> cacho de html :) *> *> *> *> saludos y gracias *> *> *> *> Martin *> *> *> *> *> *> *> *> *> *> *> *> El 03/05/2011, a las 14:09, santosvz escribió: *> *> *> *>> Independientemente del CSS el XHTML si tiene una estructura, es *> *>> cuestión de revisarlo. *> *>> *> *>> *-----Mensaje original----- *> *>> *De: ovillo-boun...@lists.ovillo.org *> *>> [mailto:ovillo-boun...@lists.ovillo.org] En nombre *de Martin Etxauri *> *>> *Enviado el: martes, 03 de mayo de 2011 03:43 a.m. *> *>> *Para: Ovillo, la lista de CSS en castellano *> *>> *Asunto: Re: [Ovillo] Formato html para fichas de conciertos *> *>> * *> *>> *Aupa *> *>> * *> *>> *Agradezco la ayuda pero efectivamente mi duda era mas respecto al *> *>> nivel xhtml si, *mas en concreto como estructurar todos los datos que *> *>> justo aquí no aparecen. *> *>> *En cualquier caso es un ejemplo chulo y si que me vale para ver como *> *>> han hecho el *html en general, y ahí voy bien :) *> *>> * *> *>> *gracias *> *>> * *> *>> *El 03/05/2011, a las 02:12, santosvz escribió: *> *>> * *> *>> *> El ejemplo tiene ambas cosas. *> *>> *> *> *>> *> *-----Mensaje original----- *> *>> *> *De: ovillo-boun...@lists.ovillo.org *> *> *>> [mailto:ovillo-boun...@lists.ovillo.org] En nombre *> *de Martin *> *>> Diego Moscardi *> *Enviado el: lunes, 02 de mayo de 2011 06:54 p.m. *> *>> *> *Para: Ovillo, la lista de CSS en castellano *> *Asunto: Re: *> *>> [Ovillo] Formato html para fichas de conciertos *> * *> *Entiendo que *> *>> lo que pide Martin, es como estructurarlo a nivel xhtml los *> *datos *> *>> del "grupo de musica", no como representarlo visualmente (un tema *> *> *>> para *> *CSS). *> *>> *> * *> *>> *> *2011/5/2 santosvz <santo...@graficssvz.com> *> * *> *> Creo que *> *>> algo como el enlace te podría servir, dado que es para cuestión *> de *> *>> *> *> grupos de música y también la apariencia cuenta. *> *>> *> *> Tendrías que adaptarlo a tu gusto pero no es problemático. *> *>> Utiliza CSS3. *> *>> *> *> Soportado por FF, Opera, IE9, Crome, Safari *> *> *> *> *> *>> http://www.sohtanaka.com/web-design/examples/popoutdetails/ *> *>> *> *> *> *>> *> *> Posible ejemplo : http://i.imgur.com/zQkMl.jpg *> *> *> *> *> *> *>> *> Soportado por FF, Opera, IE9, Crome, Safari *> *> *-----Mensaje *> *>> original----- *> *> *De: ovillo-boun...@lists.ovillo.org *> *> *> *>> [mailto:ovillo-boun...@lists.ovillo.org] En nombre *> *> *de Martin *> *>> Etxauri *> *> *Enviado el: lunes, 02 de mayo de 2011 05:57 a.m. *> *>> *> *> *Para: la lista de CSS en castellano Ovillo *> *> *Asunto: *> *>> [Ovillo] Formato html para fichas de conciertos *> *> * *> *> *Hola *> *>> gente *> *> * *> *> *Acudo a la lista después de andar un buen rato *> *>> en google y no encontrar *> *> nada, que *> *> *ya me extraña, pero *> *>> no he debido saber buscarlo, en fin. *> *>> *> *> * *> *>> *> *> *Estoy preparando un html donde se muestran unos conciertos, *> *>> cada uno con *> *> sus *> *> *datos, y no acierto a darle una *> *>> estructura html correcta. Por ahora los *> *> conciertos van *> *> *> *>> *en una lista, pero dentro de cada <li> tengo unos cuantos datos que *> *>> no *> *> tengo muy *> *> *claro como estructurar: *> *>> *> *> * *> *>> *> *> *-Imagen *> *>> *> *> *-Nombre del grupo *> *>> *> *> *-Hora *> *>> *> *> *-Sala *> *>> *> *> *-Población *> *>> *> *> *-Texto *> *>> *> *> *-Contenidos relacionados: una lista de contenidos que, claro, *> *>> va como *> <ul> *> *> * *> *> *He estado planteándome una lista de *> *>> definición y meter todos los datos *> en *> *> el dd, y *> *> *una *> *>> sublista, pero no tengo con que rellenar el dt en ninguno de los *> *> *>> *> casos, *> *> ni para el *> *> *concierto entero ni para los datos, *> *>> porque no quiero poner "hora:21:00" *> *>> *> si *> *>> *> *> no solo *> *>> *> *> *"21:00" que ya se sabe que es la hora, e igual con los demás. *> *>> Además no *> me *> *> *convence mucho. *> *>> *> *> * *> *>> *> *> *meter todos los datos en una <ul> tampoco me convence mucho. *> *>> *> *> * *> *>> *> *> *ahora lo tengo todo metido en <span> diferentes, salvo la *> *>> imagen que *> está *> *> a *> *> pelo y *> *> *el texto que está en *> *>> un <p> pero no me convence un pelo claro, mas que *> *> nada *> *> *> *>> era *> *> *para diseñarlo. *> *>> *> *> * *> *>> *> *> *Y de paso, alguien conoce algún buen sitio con ejemplos de *> *>> este tipo de *> *> cosas, son *> *> *las que siempre me tienen *> *>> confundido a la hora de montar un html lo mas *> *> semántico *> *> *> *posible. *> *>> *> *> * *> *>> *> *> *gracias a todos de antemano. *> *>> *> *> * *> *>> *> *> *Martin *> *>> *> *> *_______________________________________________ *> *>> *> *> *Lista de distribución Ovillo *> *>> *> *> *Para escribir a la lista, envia un 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@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@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
