Ver Mensaje Individual
  #3 (permalink)  
Antiguo 05/10/2011, 09:49
PabloManuel
 
Fecha de Ingreso: diciembre-2010
Mensajes: 236
Antigüedad: 14 años, 3 meses
Puntos: 6
Respuesta: Un diseño más sencillo de una tabla en CSS.

Sí claro, es decir, con un FOR de 1 a 5 creo los 5 DIV, todos con el float en left. El problema es la distribución de la foto y los 4 campos: título, entrada, fecha y visitas.

Código:
	<!-- Inicio: Bloque de las 5 noticias -->
	<div class="seccion_index">
		<%
	'Creamos consulta de las 5 noticias del index
    CrearRs "SELECT Top 5 * FROM noticias order by nofecha desc"

    'Evitamos que si hay entre 1 y 4 artículos, dé error la página.

    If rs.recordcount < 5 then
       RegAmostrar = rs.recordcount
    else
       RegAmostrar = 5
    End If   
              
    if Not rs.eof then
              
       For i = 1 to RegAmostrar 
          %>
          <span class="flotado_der">
	        <img class="img_noticia_index" src='FotosNO/<%=rs("nocod")%>1.jpg'> 
       	     <p class="flotado_der" ><%=Rs("Notitulo")%></p>
       	     <p class="flotado_der" ><%=Rs("Noentrada")%></p>
       	     <p class="flotado_der" ><%=Rs("Nofecha") & Rs("NoVisitas")%></p>
	  </span><%
	      Rs.MoveNext
	   Next 
  
	End If   
    %></div>
	<!-- Fin: Bloque de las 5 noticias -->
Aquí las clases:

Código:
.seccion_index {
	float: left;
	width: 840px;
	margin: 5px 0px 5px 0px;
}
.img_noticia_index{
	float: left ; 
	padding: 2px;
	width: 100px;
}
.flotado_der{
	float: left ;
	width: 280px;
}

Qué es lo que no me gusta, pues tener que hacer una clase para cada trocito de la Web, creo que no lo estoy haciendo bien.