Joomla Templates Club 406,261 posts

[perfect2010 Friend perfect2010Join date: December 2010Posts: 14Downloads:0Uploads:4]

#171996

How do I format a table like it is described in the documentation. See attached image, which is a screen shot of the Community Plus typography page.

FYI I would have looked at the page source code but you have somehow blocked that capability.

---

Attachments:

1. 

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#430558

Hi perfect2010

This below is the code used to style that portion of page regarding tables

<div class="ja-typo-blockswrap clearfix">
<h2 class="heading-blue">Table styling</h2>
<div class="ja-typo-blockct clearfix">
<p>Typography is performed by typesetters, compositors, typographers, graphic designers, art directors, comic book artists, graffiti artists, and clerical workers. Until the <a class="underline-solid" href="#">Digital Age</a>, typography was <span class="highlight">a specialized occupation</span>. Digitization opened up typography to new generations of visual designers and lay users. Etiam sed adipiscing nisi. Morbi lacus mi, egestas in hendrerit vel, convallis sit amet velit. Curabitur vestibulum purus egestas lectus sollicitudin egestas pretium leo malesuada. Maecenas metus dui, pulvinar eget ultrices ultrices, ullamcorper vitae dolor. Etiam ullamcorper elit ut nisl ullamcorper aliquam. Ut est libero, feugiat et iaculis vel, ullamcorper id felis. Maecenas et erat id erat faucibus commodo. Praesent imperdiet venenatis sem, a pellentesque lacus rutrum id. Praesent mattis, turpis egestas ullamcorper malesuada, augue est adipiscing nisl, ultrices tincidunt velit sapien sit amet mauris. Fusce blandit condimentum odio id malesuada.</p>
<table class="ja-typo-table table-grey" width="100%" border="0"><colgroup><col width="20%" /><col width="20%" /><col width="60%" /></colgroup>
<thead>
<tr><th class="first" scope="col">Title</th><th scope="col">Author</th><th class="last" scope="col">Decription</th></tr>
</thead>
<tbody>
<tr>
<td class="first">Anna Karenina</td>
<td>Leo Tolstoy</td>
<td class="last">Anna Karenina is a novel published in serial installments from 1873 to 1877 in the periodical. The Russian Messenger.</td>
</tr>
<tr>
<td class="first">Madame Bovary</td>
<td>Gustave Flaubert</td>
<td class="last">Madame Bovary is Gustave Flaubert's first published novel and is considered his masterpiece.</td>
</tr>
<tr>
<td class="first">War and Peace</td>
<td>Leo Tolstoy</td>
<td class="last">War and Peace, a Russian novel by Leo Tolstoy, is considered one of the greatest works of fiction. [1] It is regarded, along with Anna Karenina (1873–1877), as Tolstoy's finest literary achievement.</td>
</tr>
<tr class="last">
<td class="first">Lolita</td>
<td>Vladimir Nabokov</td>
<td class="last">Lolita is a novel by Vladimir Nabokov, first written in English and published in 1955 in Paris, later translated by the author into Russian and published in 1958 in New York.</td>
</tr>
</tbody>
</table>

2 users say Thank You to pavit for this useful post

1. how_violins
2. jwellman

[how_violins Friend how_violinsJoin date: January 2012Posts: 4Downloads:0Uploads:0 Thanks: 4]

#438297

Do I need to edit the css to get it to look exactly as shown in the picture?

[pavit Moderator pavitJoin date: September 2007Posts: 15749Downloads:199Uploads:2274 Thanks: 417 Thanked: 4028 times in 3778 posts]

#438327

<em>@how_violins 300557 wrote:</em><blockquote>Do I need to edit the css to get it to look exactly as shown in the picture?</blockquote>

No

You need to set the style as you prefer in the plugin and it will change the style automatically.

[Author]

Posts