html table in static pages

29 views
Skip to first unread message

Isset Guerrero Galache

unread,
Feb 21, 2018, 3:56:52 PM2/21/18
to AtoM Users
Hi, I need one static page with one simple table to describe a glossary. But when i browse the saved page the view show a lot of breaks before the table, so it shows a large white space and then the table.

I was wondering if I'm doing something wrong, the code is a simple table in html.

Thanks for your help.

Isset


Isset Guerrero Galache

unread,
Feb 21, 2018, 4:02:59 PM2/21/18
to AtoM Users

I send an image of my view, and my codes is very basic:


<table class="table">
  <thead>
    <tr>
      <th scope="col">Término</th>
      <th scope="col">Definición</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <th scope="row">AH</th>
      <td>Archivo Histórico</td>
    </tr>
    <tr>
      <th scope="row">EF</th>
      <td>Beatriz de la Fuente</td>
    </tr>
    <tr>
      <th scope="row">C</th>
      <td>Caja</td>
    </tr>
    <tr>
      <th scope="row">D</th>
      <td>Documento</td>
    </tr>
    <tr>
      <th scope="row">doc.</th>
      <td>Documento</td>
    </tr>
    <tr>
      <th scope="row">E</th>
      <td>Expediente</td>
    </tr>
    <tr>
      <th scope="row">exp.</th>
      <td>Expediente</td>
    </tr>
    <tr>
      <th scope="row">F</th>
      <td>Folio</td>
    </tr>
    <tr>
      <th scope="row">FBF</th>
      <td>Fondo Beatriz de la Fuente</td>
    </tr>
    <tr>
      <th scope="row">IIE</th>
      <td>Instituto de Investigaciones Estéticas</td>
    </tr>
    <tr>
      <th scope="row">S</th>
      <td>Serie</td>
    </tr>
    <tr>
      <th scope="row">s/f</th>
      <td>Sin fecha</td>
    </tr>
    <tr>
      <th scope="row">SS</th>
      <td>Subserie</td>
    </tr>
    <tr>
      <th scope="row">t/c</th>
      <td>Tamaña carta</td>
    </tr>
    <tr>
      <th scope="row">UDC</th>
      <td>Unidad Documental Compuesta</td>
    </tr>
    <tr>
      <th scope="row">UDS</th>
      <td>Unidad Documental Simple</td>
    </tr>
    <tr>
      <th scope="row">UNAM</th>
      <td>Universidad Nacional Autónoma de México</td>
    </tr>
  </tbody>
</table>

html_table.png

Creighton Barrett

unread,
Feb 21, 2018, 4:25:00 PM2/21/18
to ica-ato...@googlegroups.com
Hi Isset,

I remember running into this once. I'm not sure how we resolved it! But perhaps it would help to view the source of our search help page which has a table of expert search operators, with no white space before the table: 


I think we adapted that table from the City of Vancouver Archives' about page, which also has a table at the end of the page: http://searcharchives.vancouver.ca/about

Good luck,

Creighton

--
You received this message because you are subscribed to the Google Groups "AtoM Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ica-atom-users+unsubscribe@googlegroups.com.
To post to this group, send email to ica-atom-users@googlegroups.com.
Visit this group at https://groups.google.com/group/ica-atom-users.
To view this discussion on the web visit https://groups.google.com/d/msgid/ica-atom-users/0205726d-4d51-436c-813a-0f9b91642f8a%40googlegroups.com.

For more options, visit https://groups.google.com/d/optout.

Dan Gillean

unread,
Feb 21, 2018, 4:27:44 PM2/21/18
to ICA-AtoM Users
Hi Isset, 

I think this is happening because of the style helper code on the page. These pages do accept raw HTML as you have added, but because many archivists don't know HTML, there are also some helpers added to the page to interpret the way that users add plain text - for example, interpreting a carriage return or linebreak as a newline. 

I think that this is interfering with your code the way you've added it - every line break between the table elements is being (incorrectly) parsed by the helpers as a line break to add to the page - so your table is getting bumped to the bottom. 

It's not very readable, nor is it good practice for actual coding, but the simple workaround for what you need will be to post the table code without any linebreaks, like so: 

<table class="table"><thead><tr><th scope="col">Término</th><th scope="col">Definición</th></tr></thead><tbody><tr><th scope="row">AH</th><td>Archivo Histórico</td></tr><tr><th scope="row">EF</th><td>Beatriz de la Fuente</td></tr><tr><th scope="row">C</th><td>Caja</td></tr><tr><th scope="row">D</th><td>Documento</td></tr><tr><th scope="row">doc.</th><td>Documento</td></tr><tr><th scope="row">E</th><td>Expediente</td></tr><tr><th scope="row">exp.</th><td>Expediente</td></tr><tr><th scope="row">F</th><td>Folio</td></tr><tr><th scope="row">FBF</th><td>Fondo Beatriz de la Fuente</td></tr><tr><th scope="row">IIE</th><td>Instituto de Investigaciones Estéticas</td></tr><tr><th scope="row">S</th><td>Serie</td></tr><tr><th scope="row">s/f</th><td>Sin fecha</td></tr><tr><th scope="row">SS</th><td>Subserie</td></tr><tr><th scope="row">t/c</th><td>Tamaña carta</td></tr><tr><th scope="row">UDC</th><td>Unidad Documental Compuesta</td></tr><tr><th scope="row">UDS</th><td>Unidad Documental Simple</td></tr><tr><th scope="row">UNAM</th><td>Universidad Nacional Autónoma de México</td></tr></tbody></table>

It would be great to be able to review and refine static pages, so that users can either a) use a WYSIWYG editor such as TinyMCE or others to style elements in page, or be able to turn off all helpers and use pure HTML code - aka "expert's mode" or something. That would require analysis and development to add, however. In the meantime, I hope this workaround helps!

Regards, 

Dan Gillean, MAS, MLIS
AtoM Program Manager
Artefactual Systems, Inc.
604-527-2056
@accesstomemory

--
You received this message because you are subscribed to the Google Groups "AtoM Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ica-atom-users+unsubscribe@googlegroups.com.
To post to this group, send email to ica-atom-users@googlegroups.com.
Visit this group at https://groups.google.com/group/ica-atom-users.
Message has been deleted
Message has been deleted

Isset Guerrero Galache

unread,
Feb 22, 2018, 4:11:39 PM2/22/18
to AtoM Users
Hi Creighton.

Thanks for your help, your code shows the case that Dan mentions. It is necessary to write the code without linebreaks.

Thanks for taking the time to help me.

Regars

Isset

Creighton Barrett

unread,
Feb 23, 2018, 10:40:26 AM2/23/18
to ica-ato...@googlegroups.com
Hi Isset,

Glad to help. Dan always has the more informed, better explained answer! But I remember seeing that problem once and thought "hey, here is some different HTML you could look at..." :)


Cheers,
Creighton

--
You received this message because you are subscribed to the Google Groups "AtoM Users" group.
To unsubscribe from this group and stop receiving emails from it, send an email to ica-atom-users+unsubscribe@googlegroups.com.
To post to this group, send email to ica-atom-users@googlegroups.com.
Visit this group at https://groups.google.com/group/ica-atom-users.
Reply all
Reply to author
Forward
0 new messages