inizio con l'augurare a tutto lo Staff del forum e agli utenti una serena e Buona Pasqua.
Adesso veniamo al piccolo problema, ho implementato sul mio forum una sorta di ricerca per Generi (Azione, Avventura, Biografico ecc...). Tutto ok, ma vorrei far in modo che la lista apparisse come in una sorta di griglia tipo la lista utenti! Avevo pensato ad un file CSS, ma in quel campo io ci capisco poco se non nulla. Allego lo screen ed il codice html che andrebbe modificato.
Un grazie in anticipo e buona domenica
Codice: listageneri_body.html
Codice: Seleziona tutto
<!-- INCLUDE overall_header.html -->
<style>
/* Pagination
---------------------------------------- */
.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
font-weight: normal;
text-decoration: none;
color: #808080;
margin: 0 2px;
padding: 0 2px;
background-color: #eeeeee;
border: 1px solid #bababa;
font-size: 1.2em;
line-height: 1.8em;
}
.pagination span a:hover {
border-color: #808080;
background-color: #c0c0c0;
color: #FF0000;
text-decoration: none;
}
</style>
<!-- IF U_MCP --><p>[ <a href="{U_MCP}">{L_MCP}</a> ]yyy</p><!-- ENDIF -->
<h2><a href="{U_VIEWFORUM}">{FORUM_NAME}</a></h2>
<div class="post">
<div class="pagination" align="center"><span>
<a href="#tl0"><strong>0</strong></a><a href="#tl1"><strong>1</strong></a><a href="#tl2"><strong>2</strong></a><a href="#tl3"><strong>3</strong></a><a href="#tl4"><strong>4</strong></a><a href="#tl5"><strong>5</strong></a><a href="#tl6"><strong>6</strong></a><a href="#tl7"><strong>7</strong></a><a href="#tl8"><strong>8</strong></a><a href="#tl9"><strong>9</strong></a> <a href="#tlA"><strong>A</strong></a><a href="#tlB"><strong>B</strong></a><a href="#tlC"><strong>C</strong></a><a href="#tlD"><strong>D</strong></a><a href="#tlE"><strong>E</strong></a><a href="#tlF"><strong>F</strong></a><a href="#tlG"><strong>G</strong></a><a href="#tlH"><strong>H</strong></a><a href="#tlI"><strong>I</strong></a><a href="#tlJ"><strong>J</strong></a><a href="#tlK"><strong>K</strong></a><a href="#tlL"><strong>L</strong></a><a href="#tlM"><strong>M</strong></a><a href="#tlN"><strong>N</strong></a><a href="#tlO"><strong>O</strong></a><a href="#tlP"><strong>P</strong></a><a href="#tlQ"><strong>Q</strong></a><a href="#tlR"><strong>R</strong></a><a href="#tlS"><strong>S</strong></a><a href="#tlT"><strong>T</strong></a><a href="#tlU"><strong>U</strong></a><a href="#tlV"><strong>V</strong></a><a href="#tlW"><strong>W</strong></a><a href="#tlX"><strong>X</strong></a><a href="#tlY"><strong>Y</strong></a><a href="#tlZ"><strong>Z</strong></a>
</span></div>
</div>
<br>
<span>
<!-- BEGIN topic_list -->
<!-- IF topic_list.TOPIC_ICON_IMG == '' -->
<br>
<div class="block-start">
<table class="tablebg" width="100%" cellspacing="0">
<caption><div class="cap-left"><div class="cap-right"><div><table width="100%"><tr><td width="90%"><a name="tl{topic_list.FIRST_CHAR}"> </a> <h3>Lista Genere :: <span style="color: red;">{topic_list.TOPIC_CATEGORY_NAME}</span> :: della sezione :: <span style="color: red;"><a href="{U_VIEWFORUM}">{FORUM_NAME}</a></span></h3></td><td align="center"><a href="#top">top</a></td></tr></table></div> </div></div></caption>
<tr>
<th width="38%"> Titolo </th>
<th width="28%"> Forum </th>
<th width="10%"> Genere </th>
<th width="7%">Risposte</th>
<th width="7%"> {L_VIEWS} </th>
<th width="8%"> Data </th>
<th> Ultimo Post </th>
</tr>
</table>
</div>
<!-- ELSE -->
<div class="block-start">
<table class="tablebg" width="100%" cellspacing="0">
<!-- IF topic_list.S_ROW_COUNT is even --><tr class="row2"><!-- ELSE --><tr class="row1"><!-- ENDIF -->
<td class="row1" width="3%"><img src="{T_ICONS_PATH}{topic_list.TOPIC_ICON_IMG}" alt="" /> </td>
<td class="row1" align="left" width="35%"><a href="{topic_list.TOPIC_LINK}"><strong>{topic_list.TOPIC_TITLE}</strong></a><strong>{topic_list.I_VALUE}</strong></td>
<td class="row1" align="left" width="28%"><strong>{topic_list.FORUM_NAME_COR}</strong></td>
<td class="row1" align="left" width="10%"><strong><span style="color: red;">{topic_list.TOPIC_PREFISSO}</span></strong></td>
<td class="row1" align="center" width="7%"><strong>{topic_list.REPLIES}</strong></td>
<td class="row1" align="center" width="7%"><strong>{topic_list.VIEWS}</strong></td>
<td class="row1" align="center" width="8%" ><strong>{topic_list.FIRST_POST_TIME}</strong></td>
<td class="row1" align="center">
<p class="topicdetails" style="white-space: nowrap;"><strong>{topic_list.LAST_POST_TIME}</strong></p>
<p class="topicdetails"><strong>{topic_list.LAST_POST_AUTHOR_FULL}</strong></p>
<a href="{topic_list.U_LAST_POST}">{LAST_POST_IMG}</a>
</p>
</td>
</tr>
</table>
</div>
<!-- ENDIF -->
<!-- END topic_list-->
<br />Lista [Generi] ed altre [Mod] aggiuntive tradotte da <a href="http://www.netshadows.it/forum/">Netshadows.it</a> basata su © phpBB Group<br />
</span>
<span class="corners-bottom"></span></div>
<!-- INCLUDE overall_footer.html -->
