Estoy intentando desarrollar un foro.
En la pagina principal aparecen los ultimos temas mostrando el titulo,el usuario que lo creo,la fecha y la categoria.
Tengo un problema que me muestra bien los temas pero no con los css con li osea el primer tema se ve bien con una linea subrayada y tendria que ser asi en los temas que aparecen.
Bueno mi codigo css es este:
Código PHP:
#portada-temas-foros .portada-titulo-seccion {
color:#666666;
margin-top:35px;
padding-left:8px;
padding-bottom:2px;
font-weight: 700;
font-size: 18px;
border-bottom: 2px solid #CAE1FF;
margin-bottom:1em;
text-align:left;
}
.sinbordes ul li .categoria a
{
color:#7C7C7C;
}
#portada-cuadro-registrarte {
margin-left:3px;
}
#portada-temas-foros, #portada-fotos-destacados, #portada-videos-destacados, .ultimos_videos {
margin-left:5px;
}
.sinbordes ul li .categoria a
{
color:#7C7C7C;
}
.contenedor-ultimos-temas
{
margin-left:8px;
padding-left:0;
text-align:left;
width:445px;
}
span.titulos
{
font-size:13px;
color:#105cb6;
}
span.titulos a {
font-size:12px;
padding-left:3px;
}
span.tiempo
{
margin-left:3px;
color:#999;
}
span.tiempo a {
border-bottom:1px dotted #777777;
text-decoration:none;
color:#777;
}
#portada-temas-foros .usuario {
background:url("images/flecha-foro.png") no-repeat scroll right bottom transparent;
color:#9999A8;
font-size:11px;
margin-left:3px;
padding-right:18px;
}
span.categoria
{
float:right;
font-size:9pt;
color:#5c5c5c;
margin-top:-15px;
}
#portada-temas-foros ul li
{
padding:10px 1px 10px 6px;
border-bottom:1px solid #c5c5c5;
}
#portada-temas-foros .ver-mas {
text-align:right;
margin-top:10px;
font-size: 14px;
}
.flechitas
{
margin-bottom: 30px;
padding:5px;
}
.slide.flechas
{
margin:0px;
padding:1px;
}
span.icon
{
padding-left:4px;
margin-top:-8px;
}
Código PHP:
$sql = "SELECT
categories.cat_id,
categories.cat_name,
categories.cat_description,
COUNT(topics.topic_id) AS topics
FROM
categories
LEFT JOIN
topics
ON
topics.topic_id = categories.cat_id
GROUP BY
categories.cat_name, categories.cat_description, categories.cat_id";
$result = mysql_query($sql);
if(!$result)
{
echo 'No se pueden mostrar los ultimos temas, por favor, inténtelo más tarde.';
}
else
{
if(mysql_num_rows($result) == 0)
{
echo 'No hay categorías.';
}
else
{
echo '
<div id="portada-temas-foros">
<h2 class="portada-titulo-seccion">Últimos temas en los foros</h2>
';
#ahora comienzo el ciclo
while($row = mysql_fetch_assoc($result))
{
//fetch last topic for each cat
$topicsql = "SELECT
topic_id,
topic_subject,
topic_date,
topic_cat,
topic_by,
users.id,
users.username
FROM
topics
LEFT JOIN
users
ON
topics.topic_by = users.id
WHERE
topic_cat = " . $row['cat_id'] . "
ORDER BY
topic_date
";
$topicsresult = mysql_query($topicsql);
if(!$topicsresult)
{
echo 'No se pueden mostrar los temas.';
}
else
{
while($topicrow = mysql_fetch_assoc($topicsresult))
echo '
<div class="sinbordes">
<ul id="pagina_threads">
<li>
<div class="contenedor-ultimos-temas">
<span class="icon">
<a href="forums/categories/?id=' . $row['cat_id'] . '" ><img src="include/images/categories/'.$row['cat_id'].'.png" id="east" title="'.$row['cat_name'].'" width="28" heigth="28"></a>
</span>
<span class="titulos">
<a href="forums/?id=' . $topicrow['topic_id'] . '">' . $topicrow['topic_subject'] . '</a>
</span>
<span class="tiempo">
creado el '.date('h:i:s', strtotime($topicrow['topic_date'])).'
</span>
<span class="usuario">por <a href="profile/?id='. $topicrow['id'] .'" > '. $topicrow['username'] .'</a></span>
</div>
<span class="categoria">
<a href="forums/categories/?id=' . $row['cat_id'] . '">' . $row['cat_name'] . '</a>
</span>
</li>
</ul>
</div>
';
echo ' </li>
</ul>
</div>';
}
} #fin del ciclo
echo '</div>';
}
}
Saludos!
