2013/3/5 Robert Mayr <robyduck@xxxxxxxxxxxxxxxxx>
2013/3/5 Frank Murphy <frankly3d@xxxxxxxxx>
How can 2-3 tables be placed side by side,
without squishing each other,
or putting in redundant || ?
https://fedorahosted.org/freemedia/wiki/StatisticsEOL
Haven't opened a ticket as it's not a website problem per say.
You can do something like this, two tables with a float:left and a right margin for the first table to keep the distance from the second one. Don't put more than 2 tables side by side and check also minor resolutions zooming in the page:It's just an example, you can also create a dedicated div table class in your CSS instead of the inline style.<table style="float:left; margin-right:20px;" border="1" width="300px"><tr><td style="height:20px;"></td></tr></table><table style="float:left" border="1" width="300px"><tr><td style="height:20px;"></td></tr></table>
--
Robert Mayr
(robyduck)
Oh, mediawiki...sorry. Use a nested table:
{|
| STYLE="vertical-align: top"|
{| border = 1
|colspan="4" align="center"| '''Fedora 16'''
|-
|Arch \ Spin (Given) || Count || Other || Count
|-
|Row 2
|}
| STYLE="vertical-align: top; padding-left: 20px"|
{| border = 1
! '''Fedora 15'''
|-
| Row 1
|-
| Row 2
|-
| Row 3
|}
|}
| STYLE="vertical-align: top"|
{| border = 1
|colspan="4" align="center"| '''Fedora 16'''
|-
|Arch \ Spin (Given) || Count || Other || Count
|-
|Row 2
|}
| STYLE="vertical-align: top; padding-left: 20px"|
{| border = 1
! '''Fedora 15'''
|-
| Row 1
|-
| Row 2
|-
| Row 3
|}
|}
Use the inline CSS to give them the right distance, colors etc.
--
Robert Mayr
(robyduck)
--
Robert Mayr
(robyduck)
-- websites mailing list websites@xxxxxxxxxxxxxxxxxxxxxxx https://admin.fedoraproject.org/mailman/listinfo/websites