Please, please help me with adding a grid/table to this

[Goldfire1986]

Hi everyone.

Please, can someone help me with this, I'm getting desperate. I haven't done that much work within HTML, but I can at least understand 90% of the tags. But I can't work out how to get the contents of my files into tables. I made a custom CSS for the layout of the page, so a lot of it is written from scratch, but this one is wrecking my brain . .

Screen shot: 

From the screen shot, you can see what I mean. What I want to achieve is to put that into a table, and possibly have a highlight over the specific table that the mouse is hovering over. I want to keep the rest of the formatting though, but will make any changes to the CSS to accommodate the change.

Similar to the the tables on www.mininova.org (sorry, but that's the only example I could think of, off the top of my head)

Thanks!

[Foggy]

I dont have time to test this so hopefully it works.

Code: [Select]

[files]
<tbody><tr><th>Filename</th><th>Filesize></th><th>Filetime</th><th>Hits</th></tr>%list%</tbody>
[folder]
<tr><td><a href"%item-url">%item-name%</a></td><td>folder</td><td>%item-modified%</td><td>%hitd%</td></tr>
[file]
<tr><td><a href"%item-url">%item-name%</a></td><td>%size%</td><td>%item-modified%</td><td>%hitd%</td></tr>
It should be a basic table with the different columns in your screen shot. You'll have to add the folder icons yourself as I don't know where the images are stored etc.

this page will give you some information about formatting it etc, http://www.w3schools.com/html/html_tables.asp

[Goldfire1986]

Hi Foggy,

Thanks for that, it worked, kind of, I had to modify it to this:

[files]
<tr>
<table class="maintable" table border="1" cellpadding="2" cellspacing="1" border="0" class="forumline">
<td table width="90%"><b>File Name</b></td>
<td table width="10%" align="left"><b>File Size</b></td>
<td><b>Modified</b></td>
<td><B>Hits</b></td>
</div>
</tr>
%list%
</table>


And add this into the CSS:

.maintable tr:hover, .maintable tr.hovered {
background-color: #666666;
}


Works perfectly, although, I would like to have the highlighted rows clickable, instead of having to click on the text. Is that possible?

Screenshot:

 

Cheers mate.

[Foggy]

Glad you got it working, A quick Google search turned up THIS about making table rows clickable.