# Table Seperations CSS

**URL:** <https://forums.realmacsoftware.com/t/table-seperations-css/41802>\
**Category:** RapidWeaver Classic\
**Created:** [December 19, 2021, 10:35am UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802 "2021-12-19T10:35:28Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![mike3107](https://avatars.discourse-cdn.com/v4/letter/m/9d8465/32.png) [@mike3107](https://forums.realmacsoftware.com/u/mike3107)\
**Post date:** [December 19, 2021, 10:35am UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/1 "2021-12-19T10:35:28Z")

</div>

Hi  
I am building a soccer website and have to build the tables and fixture table, the column width on each of them have to be different sizes I have figured out how to get the columns to the size I need but my problem is it changes the sizes of the columns in every table/fixture list to the same can someone advice me on how to get the sizes correct on each separate table, is there a CSS code I can put in to make it aware I only want a particular size for that table and not change every table on the page, I have enclosed a screen shot of the CSS I have at the moment which is for one of the tables but need something so I can change column widths etc individually in each table without changing the lot.

Thanks

 ![Screenshot 2021-12-19 at 10.34.32](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/0/d077aa7b8cb140108f8618c35dd5f1e21c99288e.png)

---

<div class="post-metadata">

**Author:** ![peterdanckwerts](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/peterdanckwerts/32/22443_2.png) [@peterdanckwerts](https://forums.realmacsoftware.com/u/peterdanckwerts)\
**Post date:** [December 19, 2021, 10:46am UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/2 "2021-12-19T10:46:12Z")

</div>

That looks a very fiddly way to display a table. Wouldn’t something like PowerGrid be better?

---

<div class="post-metadata">

**Author:** ![mike3107](https://avatars.discourse-cdn.com/v4/letter/m/9d8465/32.png) [@mike3107](https://forums.realmacsoftware.com/u/mike3107)\
**Post date:** [December 19, 2021, 10:57am UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/3 "2021-12-19T10:57:55Z")

</div>

That is built with Power Grid.

---

<div class="post-metadata">

**Author:** ![peterdanckwerts](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/peterdanckwerts/32/22443_2.png) [@peterdanckwerts](https://forums.realmacsoftware.com/u/peterdanckwerts)\
**Post date:** [December 19, 2021, 12:03pm UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/4 "2021-12-19T12:03:33Z")

</div>

Sorry! Wrong name. I meant Power Grid CSV, G Sheet, or any similar Stack which can import from a spreadsheet.

---

<div class="post-metadata">

**Author:** ![Ruyton](https://avatars.discourse-cdn.com/v4/letter/r/cc9497/32.png) [@Ruyton](https://forums.realmacsoftware.com/u/Ruyton)\
**Post date:** [December 19, 2021, 1:27pm UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/5 "2021-12-19T13:27:45Z")

</div>

Markdown is even easier - and free 🙂

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [December 19, 2021, 1:32pm UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/6 "2021-12-19T13:32:01Z")

</div>

Getting back to your question:

> [@mike3107](#):
>
> is there a CSS code I can put in to make it aware I only want a particular size for that table and not change every table on the page

There should be an easy solution here.

I don’t have the power grid stack, but there should be a place in the inspector to add CSS classes (on most stacks it’s under the HTML submenu).

Simply put a made-up name into that area, for example `table01`.

Then on the CSS statements that you want to only be for that individual table, you would add the newly added class name proceeded by a period( `.`).

```auto
.table01 .col0 { width: 260px}

```

- The newly made-up class name can be applied to multiple power grid stacks, so you can use the same CSS on multiple tables.
- If you have any CSS that you want to apply to every table leave those without the new made-up names.
- The made-up names need to be valid CSS class names (you can easily find those requirements by searching).

If you need more help it’s always best if you can publish at least a test page and provide a url.

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [December 19, 2021, 1:35pm UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/7 "2021-12-19T13:35:30Z")

</div>

Btw, I answered this on your other post

> [@Football Tables](http://forums.realmacsoftware.com/t/football-tables/41597/20):
>
> You should be able to add a custom Class name to one or both table stacks. Then you’d be able to add the custom class name to the css selectors. So for the league table stack you could just add a class name of league (there should be a place in the stacks settings to add the class name). Then for the css that’s specific to the league table you would add the league class (preceded by a period) .league .col1 { width: 20% } There might be an different way, I don’t have that stack.

---

<div class="post-metadata">

**Author:** ![mike3107](https://avatars.discourse-cdn.com/v4/letter/m/9d8465/32.png) [@mike3107](https://forums.realmacsoftware.com/u/mike3107)\
**Post date:** [December 19, 2021, 4:22pm UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/8 "2021-12-19T16:22:37Z")

</div>

Do you mean like this (see pics)

 ![Screenshot 2021-12-19 at 16.17.18](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/8/c8bd4e14155ee2583d49fcc2a05b09ef35a509ba.jpeg)  
 ![Screenshot 2021-12-19 at 16.19.43](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/b/db92893842a66fde262352a977892cf2b24f6803.png)

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [December 19, 2021, 5:14pm UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/9 "2021-12-19T17:14:35Z")

</div>

First off remove the period `.` in the CSS classes area of the stack setting  
should be

```auto
league01

```

Since I don’t own the stack without a URL, it’s had to say for sure on the CSS portion, but my gut tells me that you would want a space between the two selectors.  
For example,

```auto
.league01 .col10 {width: 260px; }

```

---

<div class="post-metadata">

**Author:** ![willwood](https://avatars.discourse-cdn.com/v4/letter/w/bc8723/32.png) [@willwood](https://forums.realmacsoftware.com/u/willwood)\
**Post date:** [December 19, 2021, 7:09pm UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/10 "2021-12-19T19:09:38Z")

</div>

Line 8 and line 23 are missing their units of measurement.

---

<div class="post-metadata">

**Author:** ![OmarKN](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/omarkn/32/14654_2.png) [@OmarKN](https://forums.realmacsoftware.com/u/OmarKN)\
**Post date:** [December 20, 2021, 8:44pm UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/11 "2021-12-20T20:44:09Z")

</div>

Tables are nice if they are not overwhelming.

Here they can be generated:

 ![Screenshot Generated Markdown table](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/2/e/2e0127d7b1c5b599679fd555d01236bcd1d305df.jpeg)

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [January 20, 2022, 6:44am UTC](https://forums.realmacsoftware.com/t/table-seperations-css/41802/12 "2022-01-20T06:44:18Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
