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
