CSS same on Auto List Yes OR No

Hi,
Here's a table I have, to display users datas :


As you can see, the pictures uplaoded are not display. That's why I had to click "Auto Listing = No" and enter my own code to display data with the pictures, like this :



But when I do this, I lost all CSS from the original table. The question is how can keep this CSS (wich is from CC CSS folder) on my second table ?
If anyone has a suggestion...

PS : I have found some topic about that on this forum but dated from 2008, so i thought there is simple solution now that all rewriting ? I'm on CC V4...

Hi BigStef,

I think that the CSS files are still loaded (but please check to make sure) so you'd need to make your table have the same class names as the 'automatic' one.

Bob

Hi Bob, and thanks for answering...
This is the code I have put in Head :

<table class="adminlist">
  <thead>
    <tr>
      <th></th>
      <th style='width:50px;' ></th>
      <th>Nom</th>
      <th>Prénom</th>
      <th>Sexe</th>
      <th>Dojo</th>
     </tr>
  </thead>
  <tbody>

I think this is why I still have the CSS on The Thead, but not on the TR ou TD. Do I have tu put something in the body to keep the CSS ? (I didn't find the class to put there...)

Hi BigStef,

Looking at a standard listing there doesn't seem to be much in the way of formatting classes:

<table class="adminlist">
<tr class='row0'><td class='td-data'>. . .</tr>
<tr class='row1'><td class='td-data'>. . .</tr>

There are a few other classes uses for individual <td>s. I spotted td_counter, td_id, and td_data_name

Bob

Hi Bob and thanks for answering...
In fact, as I didn't want to rewrite all TR and TD (I have a lot of connections to do :-)), I just added this in Custom CSS of my template and it did the job...

table.adminlist tr:nth-child(odd) {
    background-color: #FFFFFF;
}
table.adminlist tr:nth-child(even) {
    background-color: #F9F9F9;
}

I wrote table.adminlist so THEAD keep CC CSS params, and Even and Odd rows are calculated by ... the browser with the help of this line in CSS file... Found this tip at the end of this Topic. Thanks to Tobiasgar for this lead🙂.

I still have to replace this line (23) in general.css of CC :

table.adminlist tbody tr td { height: 25px; background: #fff; border: 1px solid #fff; }

By this :

table.adminlist tbody tr td { height: 25px; }

to make it visible ...

Hi BigStef,

That's good, though it may not work with some older browsers.

Bob