Hola co-listeros.

Gracias a todos para las respuestas a mi problema de "duda
semántica". De todos lo recibio creo que es válido e importante
hacer una conclusión.

Yo lo que deseo mostrar es una serie de títulos de una selección
de noticias. Esto puede servir tanto las noticias de una sección
que quisiera mostrar, lista de novedades de un sitio, resultados
de una búsqueda, o, incluyso, para mostrar los posts de un blog.

Indudablemente se trata de una lista de datos (titulares de
noticias, que incluyen, un título, una serie de datos sobre
la noticia (fecha, fuente, autor), y un texto acerca del contenido
de la noticia).

Semánticamente corresponde el uso de una lista para mostrar estos
datos. Hasta aquí todos de acuerdo. Ahora veo que hay muchas
propuestas de cómo "organizar" los datos aquí dentro.

La idea es que lograr presentar lo siguiente:

TITULO DE LA NOTICIA
19/02/2005 | Fuente: Clarin | Autor: Pepito
Intro de la noticia. Intro de la noticia. Intro de la noticia.
Intro de la noticia. Intro de la noticia. Intro de la noticia.
Intro de la noticia. 

Creo que la mejor y semánticamente válida derivada de las distintas
propuestas en este hilo de mensajes sería:

<div id="BlqNoticias">
   <ul>
      <li>
         <h3>TITULO DE LA NOTICIA</h3>
         <dl>
            <dt>Fecha:</dt>   <dd>19/02/2005</dd>
            <dt>Fuente:</dt>  <dd>Clarin.com.ar</dd>
            <dt>Autor:</dt>   <dd>Pepito</dd>
         </dl>
           <p>Intro de la noticia. Intro de la noticia. ....</p>
      </li>     
   </ul>
</div>

No se qué opinan Uds.?

Saludos

Pablo M. Beca
Santa Fe - Argentina
Weblog: http://pablo.enlapc.com



 

-----Mensaje original-----
De: Carlos Márquez [mailto:[EMAIL PROTECTED] 
Enviado el: Jueves, 17 de Febrero de 2005 13:09
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Duda semántica

¿que os parece lo siguiente?

<style>
#noticias ul {display:inline; border:0; margin:0; padding:0} #noticias ul li
{display:inline; border:0; margin:0} #noticias a {text-decoration:none;
color:#000000; padding-right:1px; padding-left:1px} #noticias a:hover
{color:#736D6B;} </style>

<div id="noticias"> <!--- noticias --->
<dl>
<dt><a href="#"><strong>titulo noticia 1 aa</strong> aa  a 1 1 1 1
1</a></dt> <dd><a href="#"><strong>texto1 texto 1 dfdf d 1</strong> d11 d1
dfdfdf d fdd ff ddd d</a></dd> <dt><a href="#"><strong>noticia 2 2 2
2</strong> 2 2 2 2 2 2</a></dt> <dd><a href="#"><strong>texto 2 2 2 2 2 2
</strong>2 2 2  2 2 2 2 2 2
2 d dfd fdff d</a></dd>
<dt><a href="#"><strong>noticia 3 3 3 3 3 3</strong> 3 3 3 3 3 3 3</a></dt>
<dd><a href="#"><strong>texto 3 3 3 3 3 3 3 3 3 3 3</strong> 3 3 3 3 3
3 3 3  d fdfd </a></dd>
<dt><a href="#"><strong>noticia 4 4 4 4 4 4 4</strong> 4 44</a> 4 4 4 4</dt>
<dd><a href="#"><strong>texto 4 4 4 4 4 4 4 4 4 4</strong> 4 4 4 4fd df
dfdfdf df dfdd fd</a></dd> </dl> </div>
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org Puedes
modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo


_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección: 
http://ovillo.org/mailman/listinfo/ovillo

Responder a