aupa Gracias alfredo por las dos opciones, ya veo que en general no andaba tan descaminado. Creo que a veces las ganas nos hacen creer que hay algo mas allá de lo que ya sabemos y resulta que no mucho :) (otras veces hay muuucho mas, claro).
saludos y gracias a todos El 05/05/2011, a las 16:17, Alfredo Tinajero @ ADjunctor escribió: > 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