![]() |
| ||
|
Author | Message | Page: 10 9 8 7 6 5 4 3 2 1 [all][bottom] |
Skald moderator, 656 posts Whatever it is, I'm against it Tue 8 Sep 2015 at 12:48 |
Seriously, I don't think there is - that's the minimum space to draw the vertical: + | + Hex ... there's a grid in the ASCII maps thread in Heaven which might serve ? link to a message in another game | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
jase admin, 3495 posts Cogito, ergo procuro. Carpe stultus! Tue 8 Sep 2015 at 15:07 |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
matthewfenn member, 377 posts www.nj-pbem.com Northern Journey PBeM DM Tue 8 Sep 2015 at 17:02 |
Small (size 1) grid:
Default (size 2) grid:
Size 3
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Skald moderator, 657 posts Whatever it is, I'm against it Wed 9 Sep 2015 at 12:48 |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 7 posts Thu 18 Jan 2018 at 01:01 |
Sorry to raise an old thread, but I have 2 issues, firstly relating to the above. I have tried to determine the %age widths by putting the figures in the divider row as shown above, but when I do, it doesn't display properly. instead of .|!4 Basic Information |100% .|20%= Character Name |30% Balik Giantborne |20%= Height |30% 7’10” | .|= Player Name | Jonathan Bond |= Weight | 295 lbs | .|= Character Race | Goliath |= Eyes | Green | .|= Alignment | Chaotic Good |= Hair | Bald | .|= Deity | Mordain |= Size | Medium | .|!4 Class, Level & Experience |100% .|20%= Primary Class |30% Barbarian |20%= Level |30% 5 | .|= Multiclass 1 | - |= Level | - | .|= Experience Points | 12,150 |= Total Level | 5 | .|= Next Level At | 14,000 |= Proficiency | +3 | .|= Max Health | 60 |= Initiative | +3 | .|= Current Health | 40 |= Armour Class | 17 | .|= Passive Perception | 14 |= Speed | 40' (30' in Heavy Armour) | giving
I get: .|4 Basic Information |100% .|20%------------------|30%------------------|20%------------|30%------------------------| .|= Character Name | Balik Giantborne |= Height | 7’10” | .|= Player Name | Jonathan Bond |= Weight | 295 lbs | .|= Character Race | Goliath |= Eyes | Green | .|= Alignment | Chaotic Good |= Hair | Bald | .|= Deity | Mordain |= Size | Medium | .|4 Class, Level & Experience |100% .|20%------------------|30%------------------|20%------------|30%------------------------| .|= Primary Class | Barbarian |= Level | 5 | .|= Multiclass 1 | - |= Level | - | .|= Experience Points | 12,150 |= Total Level | 5 | .|= Next Level At | 14,000 |= Proficiency | +3 | .|= Max Health | 60 |= Initiative | +3 | .|= Current Health | 40 |= Armour Class | 17 | .|= Passive Perception | 14 |= Speed | 40' (30' in Heavy Armour) | giving
Secondly, is there anyway to set a fixed rather than percentage width for the table. I don't mind %age widths for the columns, but I'm trying to prevent a 100% width table from continously expanding without having to resort to newline characters to break up larger paragraphs. With normal tables I do <table width="600">, but that doesn't work with your quick tables and neither can I mix the 2 syntaxes. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
DarkLightHitomi member, 1262 posts Fri 19 Jan 2018 at 02:04 |
That way you could have a couple tables that fit side by side under a wide header table, or similar scenerios. Not sure how well that'd work though. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 8 posts Fri 19 Jan 2018 at 20:11 |
You mean like .|! This |25% .||
.|! This |50% .||
.|! This |75% .||
.|! Or This |100% .||
The only way to do tables side by side would be to make them into 1 table as far as I can tell, as this site doesn't support nested tables either. The problem with specifying the width of the entire table as a percentage of the post is it is dependent on the viewer's browser size. I want to specify a fixed width not only to prevent it continually expanding but also continually contracting too. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
LonePaladin member, 685 posts Creator of HeroForge Fri 19 Jan 2018 at 20:34 |
What would happen if the table's established width exceeds the browser's? Say, if you set a table to be 1300px wide, but someone else sets their browser to only be 800px? | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 9 posts Fri 19 Jan 2018 at 22:15 |
You would have to scroll. You can't do this with smart tables <table width="3000"> <tr> <th> This is 3000px wide </th> </tr> </table> This message was last edited by a moderator, as it was moot, at 23:22, Fri 19 Jan 2018. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 10 posts Fri 19 Jan 2018 at 23:27 |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
DarkLightHitomi member, 1263 posts Sun 21 Jan 2018 at 00:02 |
Yea, and that is good. I was simply expanding on the idea (it would likely be easier to do both at once than separate, if there was a need anyway.).
How can you set how wide the browser is set for? I haven't seen any way to do so. Besides, only the new mobile site changes size near as I can tell. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
LonePaladin member, 687 posts Creator of HeroForge Sun 21 Jan 2018 at 04:07 |
Resize the window. Or have your display set to that resolution. I'm just wanting to know what would be the expected result if a fixed-width Easy Table exceeded the browser's available space. Would it be shrunk to fit, or would the window gain a horizontal scroll bar? | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 11 posts Sun 21 Jan 2018 at 11:12 |
Preview the code of the "working example" I posted above. It broke the forum by making everyone scroll and I got modded for it. But that does exactly what happens. It's an extreme example, I would never create a table that wide, in fact I want to specify a table that is only 600px wide, which would only force horizontal scroll in the smallest of situations. But the point it, I want to be able to create a fixed width table. I can do this with normal tables, but not with easy tables. If it's a case of code implementation, then I have a suggestion... Currently a tables width is specified by the first row ending with |xxx%, where xxx is a value between 1 and 100. To implement fixed widths, can I suggest that the first row end in |"xxx", where the xxx in this case refer to the size in pixels. This could also be included in the column widths as well, but personally I am happy with percentage column widths, they're unlikely to change of the whole table has a fixed width. To give you an idea, this is what I can achieve, and want to achieve, with the html style table code: <small> <table width="600"> <tr> <th colspan="4">Basic Information</th> </tr> <tr> <td width=25%><b>Character Name</b></td> <td width=25%>Buran Bo</td> <td width=25%><b>Height</b></td> <td width=25%>6'5"</td> </tr> <tr> <td><b>Player Name</b></td> <td>Jonathan Bond</td> <td><b>Weight</b></td> <td>205 lbs</td> </tr> <tr> <td><b>Character Race</b></td> <td>Genasi (Air)</td> <td><b>Eyes</b></td> <td>Dark</td> </tr> <tr> <td><b>Alignment</b></td> <td>Chaotic Neutral</td> <td><b>Hair</b></td> <td>White</td> </tr> <tr> <td><b>Deity</b></td> <td></td> <td><b>Size</b></td> <td>Medium</td> </tr> </table> <table width=600> <tr> <th colspan="4">Class, Level & Experience</th> </tr> <tr> <td width=25%><b>Primary Class</b></td> <td width=25%>Barbarian</td> <td width=25%><b>Level</b></td> <td width=25%>4</td> </tr> <tr> <td><b>Multiclass 1</b></td> <td>-</td> <td><b>Level</b></td> <td>-</td> </tr> <tr> <td><b>Experience Points</b></td> <td>4,100</td> <td><b>Total Level</b></td> <td>4</td> </tr> <tr> <td><b>Next Level At</b></td> <td>6,500</td> <td><b>Proficiency</b></td> <td>+2</td> </tr> <tr> <td><b>Max Health</b></td> <td>38</td> <td><b>Initiative</b></td> <td>+1</td> </tr> <tr> <td><b>Current Health</b></td> <td>31</td> <td><b>Armour Class</b></td> <td>13</td> </tr> <tr> <td><b>Passive Perception</b></td> <td>12</td> <td><b>Speed</b></td> <td>30'</td> </tr> </table> </small>
And this is what I get using easy tables: <small> .|4! Basic Information |100% .|25%= Character Name. |25% Buran Bo |25%= Height |25% 6'5" | .|= Player Name | Jonathan Bond |= Weight |205 lbs | .|= Character Race | Genasi (Air) |= Eyes | Dark | .|= Alignment | Chaotic Neutral |= Hair | White | .|= Deity | |= Size | Medium | .|4! Class, Level & Experience |100% .|25%= Primary Class |25% Barbarian |25%= Level |25% 4 | .|= Multiclass 1 | - |= Level | - | .|= Experience Points | 4,100 |= Total Level | 4 | .|= Next Level At | 6,500 |= Proficiency | +2 | .|= Max Health | 38 |= Initiative | +1 | .|= Current Health | 31 |= Armour Class | 13 | .|= Passive Perception | 12 |= Speed | 30' | </small>
As you can see, the code is much easier to maintain, especially for an ever evolving character sheet. But without being able to specify a fixed width I cannot get the desired result. This message was last edited by the user at 11:21, Sun 21 Jan 2018. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
DarkLightHitomi member, 1264 posts Sun 21 Jan 2018 at 11:40 |
Neither of those have any effect on the website width (I think it might affect the responsive site version, but I stay away from that, especially since I can't control how big it is, it shows up way too big. Seems to think I'm blind and need Big Fonts turned on. And that is all responsive sites, not just responsive rpol.). This message was last edited by the user at 11:44, Sun 21 Jan 2018. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 14 posts Mon 19 Feb 2018 at 22:26 |
It's nested tables This <small> .|4! Basic Information |100% .|25%= Character Name. |25% Buran Bo |25%= Height |25% 6'5" | .|= Player Name | Jonathan Bond |= Weight |205 lbs | .|= Character Race | Genasi (Air) |= Eyes | Dark | .|= Alignment | Chaotic Neutral |= Hair | White | .|= Deity | |= Size | Medium | .|4! Class, Level & Experience |100% .|25%= Primary Class |25% Barbarian |25%= Level |25% 4 | .|= Multiclass 1 | - |= Level | - | .|= Experience Points | 4,100 |= Total Level | 4 | .|= Next Level At | 6,500 |= Proficiency | +2 | .|= Max Health | 38 |= Initiative | +1 | .|= Current Health | 31 |= Armour Class | 13 | .|= Passive Perception | 12 |= Speed | 30' | </small> Gives this:
But THIS <small> <table width=500><tr><td> .|4! Basic Information |100% .|25%= Character Name. |25% Buran Bo |25%= Height |25% 6'5" | .|= Player Name | Jonathan Bond |= Weight |205 lbs | .|= Character Race | Genasi (Air) |= Eyes | Dark | .|= Alignment | Chaotic Neutral |= Hair | White | .|= Deity | |= Size | Medium | .|4! Class, Level & Experience |100% .|25%= Primary Class |25% Barbarian |25%= Level |25% 4 | .|= Multiclass 1 | - |= Level | - | .|= Experience Points | 4,100 |= Total Level | 4 | .|= Next Level At | 6,500 |= Proficiency | +2 | .|= Max Health | 38 |= Initiative | +1 | .|= Current Health | 31 |= Armour Class | 13 | .|= Passive Perception | 12 |= Speed | 30' | </td></tr></table> </small>
So apart from the extra table border (which I can live with) it gives the result I want. But it would be nice to be able to do this natively in Smart Tables. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
horus member, 392 posts Wayfarer of the Western Wastes Tue 20 Feb 2018 at 00:35 |
Still, that's a neat trick! If I understand it aright, you basically wrap the Easy Table you want in a pre-sized HTML table, and everything scales relative to the wrapper table's width in pixels, is that right? Thanks for sharing this technique. I wonder, though, what is the advantage over (for instance): <center> |!< Name: |<2 ??? |!< Class: |<2 ??? |60% |!< Clan: |<2 ??? |!< Level: |^2 1 | |!< Faction: |<2 ??? |!< Temple: |<2 | |!^ STR | ? |!^ DEX | ? |! CON^ | ? | |!^ INT | ? |!^ PSY | ? |! CHA^ | ? | |!^ HD | ? |!^ HP | ? |! AP^ | ? | |!<4 Attack Damage | ? | ? | |!2 Spells | | | | | |! Ammunition ||! Rations ||! Light || |!>5 Encumberance || | | | | | | | | | | | | | | | | | | | | | | | | | | | | |!4 Languages |!2 Spells | | | | </center> which would yield:
This message was last edited by the user at 01:10, Tue 20 Feb 2018. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
LonePaladin member, 701 posts Creator of HeroForge Tue 20 Feb 2018 at 07:16 |
Using the table as a wrapper lets you specify the entire table's width as a fixed amount. (Say, 500 pixels.) The percentage method makes the table resize its cells based on the width of the browser window, which may make some cells misbehave. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 15 posts Tue 20 Feb 2018 at 07:40 |
Because, depending on resolution or window size, that could force cell contents to wrap and break the intended formatting. I want my table to stay the same regardless. This will mean that a window is forced to scroll if minimised, but the table format stays the same. Un maximise your browser and play with resizing it, you might see what I mean. Now I fully realise that tables, and HTML, in reality should not be used for formatting - however - this is RPoL, and it doesn't implement full CSS or HTML. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 16 posts Tue 20 Feb 2018 at 23:37 |
Wow - it even allows to put 2 tables side by side <small> <table width=800><tr><td> .|4! Basic Information |100% .|25%= Character Name. |25% Buran Bo |25%= Height |25% 6'5" | .|= Player Name | Jonathan Bond |= Weight |205 lbs | .|= Character Race | Genasi (Air) |= Eyes | Dark | .|= Alignment | Chaotic Neutral |= Hair | White | .|= Deity | |= Size | Medium | </td> <td> .|4! Class, Level & Experience |100% .|25%= Primary Class |25% Barbarian |25%= Level |25% 4 | .|= Multiclass 1 | - |= Level | - | .|= Experience Points | 4,100 |= Total Level | 4 | .|= Next Level At | 6,500 |= Proficiency | +2 | .|= Max Health | 38 |= Initiative | +1 | .|= Current Health | 31 |= Armour Class | 13 | .|= Passive Perception | 12 |= Speed | 30' | </td></tr></table> </small> | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
horus member, 395 posts Wayfarer of the Western Wastes Wed 21 Feb 2018 at 01:28 |
I have a sandbox devoted to tips and tricks, and may do a write-up on this, crediting Escribblings and linking here, of course. I may have to break out my old books on HTML again... this is good stuff. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 17 posts Wed 21 Feb 2018 at 01:45 |
It is important to note, and this may be where I fell down before... The smart table must be on a separate table top the td, a space is not enough to prevent it from breaking. In theory, you should be able to put a grid or table in rows and columns...
Yup... You'll need to quote the message for the code. I'm on my phone and feeling lazy. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
horus member, 396 posts Wayfarer of the Western Wastes Wed 21 Feb 2018 at 03:14 |
No problem. Thanks for sharing what may become a frequently used technique on RPoL. | ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Aidhogan member, 73 posts Mon 15 Oct 2018 at 18:01 |
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
Escribblings member, 19 posts Tue 23 Oct 2018 at 06:40 |
Good question... I think they just align centrally. The only way I've got around it is with Line breaks.
| ||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
coderodent member, 106 posts Free speech does not entitle you an audience Sun 10 Feb 2019 at 18:51 |
|4! Basic Information |100% |25%= Character Name. |25% Buran Bo |25%= Height |25% 6'5" Giving:
I removed the '100%': This looks like it's pretty close to what Escribblings was looking for NOTE: here the column widths are based off of a percent of the full width of the table |4! Basic Information | |25%= Character Name. |25% Buran Bo |25%= Height |25% 6'5" Giving:
I removed the '100%' and the 25%: |4! Basic Information | |= Character Name. | Buran Bo |= Height | 6'5" Giving:
I removed the '100%', placing a header 'divider' with the column size: NOTE: here the column widths are used to set the full width of the table |4! Basic Information | |25%---------------|25%-----------|25%---------|25%----- |= Character Name. | Buran Bo |= Height | 6'5" Giving:
To recap the original problem, it looks like not choosing 100% would have solved it (and maybe without nesting tables)
|
[top] |