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

Responder a