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

Responder a