From robyduck at fedoraproject.org Thu Nov 19 10:09:07 2015
Content-Type: multipart/mixed; boundary="===============3981051095681002965=="
MIME-Version: 1.0
From: Robert Mayr <robyduck at fedoraproject.org>
To: websites at lists.fedoraproject.org
Subject: Re: Mediawiki table help
Date: Tue, 05 Mar 2013 11:50:35 +0100
Message-ID: <CAGqeFwLPX1GswbH1aP7XR+eGrDoPvwJ2LYE+5uzTkK9Jp2uxTg@mail.gmail.com>
In-Reply-To: CAGqeFw+C+k8DaGr0G25hTZM2p0vSNEbXyQF2-sZ5q1RR1J442w@mail.gmail.com

--===============3981051095681002965==
Content-Type: text/plain; charset="utf-8"
MIME-Version: 1.0
Content-Transfer-Encoding: quoted-printable

2013/3/5 Robert Mayr <robyduck(a)fedoraproject.org>

>  2013/3/5 Frank Murphy <frankly3d(a)gmail.com>
>
>> 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=3D"float:left; margin-right:20px;" border=3D"1"
> width=3D"300px"><tr><td style=3D"height:20px;"></td></tr></table>
> <table style=3D"float:left" border=3D"1" width=3D"300px"><tr><td
> style=3D"height:20px;"></td></tr></table>
>
> --
> Robert Mayr
> (robyduck)
>


Oh, mediawiki...sorry. Use a nested table:

{|
| STYLE=3D"vertical-align: top"|
{| border =3D 1
|colspan=3D"4" align=3D"center"| '''Fedora 16'''
|-
|Arch \ Spin (Given) || Count || Other || Count
|-
|Row 2
|}
| STYLE=3D"vertical-align: top; padding-left: 20px"|
{| border =3D 1
! '''Fedora 15'''
|-
| Row 1
|-
| Row 2
|-
| Row 3
|}
|}
Use the inline CSS to give them the right distance, colors etc.

-- =

Robert Mayr
(robyduck)

--===============3981051095681002965==
Content-Type: text/html
MIME-Version: 1.0
Content-Transfer-Encoding: base64
Content-Disposition: attachment; filename="attachment.html"

PGRpdiBjbGFzcz0iZ21haWxfcXVvdGUiPjIwMTMvMy81IFJvYmVydCBNYXlyIDxzcGFuIGRpcj0i
bHRyIj4mbHQ7PGEgaHJlZj0ibWFpbHRvOnJvYnlkdWNrQGZlZG9yYXByb2plY3Qub3JnIiB0YXJn
ZXQ9Il9ibGFuayI+cm9ieWR1Y2tAZmVkb3JhcHJvamVjdC5vcmc8L2E+Jmd0Ozwvc3Bhbj48YnI+
CjxibG9ja3F1b3RlIHN0eWxlPSJCT1JERVItTEVGVDojY2NjIDFweCBzb2xpZDtNQVJHSU46MHB4
IDBweCAwcHggMC44ZXg7UEFERElORy1MRUZUOjFleCIgY2xhc3M9ImdtYWlsX3F1b3RlIj4KPGRp
diBjbGFzcz0iaW0iPgo8ZGl2IGNsYXNzPSJnbWFpbF9xdW90ZSI+MjAxMy8zLzUgRnJhbmsgTXVy
cGh5IDxzcGFuIGRpcj0ibHRyIj4mbHQ7PGEgaHJlZj0ibWFpbHRvOmZyYW5rbHkzZEBnbWFpbC5j
b20iIHRhcmdldD0iX2JsYW5rIj5mcmFua2x5M2RAZ21haWwuY29tPC9hPiZndDs8L3NwYW4+PGJy
Pgo8YmxvY2txdW90ZSBzdHlsZT0iQk9SREVSLUxFRlQ6I2NjYyAxcHggc29saWQ7TUFSR0lOOjBw
eCAwcHggMHB4IDAuOGV4O1BBRERJTkctTEVGVDoxZXgiIGNsYXNzPSJnbWFpbF9xdW90ZSI+SG93
IGNhbiAyLTMgdGFibGVzIGJlIHBsYWNlZCBzaWRlIGJ5IHNpZGUsPGJyPndpdGhvdXQgc3F1aXNo
aW5nIGVhY2ggb3RoZXIsPGJyPm9yIHB1dHRpbmcgaW4gcmVkdW5kYW50IHx8ID88YnI+Cjxicj48
YSBocmVmPSJodHRwczovL2ZlZG9yYWhvc3RlZC5vcmcvZnJlZW1lZGlhL3dpa2kvU3RhdGlzdGlj
c0VPTCIgdGFyZ2V0PSJfYmxhbmsiPmh0dHBzOi8vZmVkb3JhaG9zdGVkLm9yZy9mcmVlbWVkaWEv
d2lraS9TdGF0aXN0aWNzRU9MPC9hPjxicj48YnI+SGF2ZW4mIzM5O3Qgb3BlbmVkIGEgdGlja2V0
IGFzIGl0JiMzOTtzIG5vdCBhIHdlYnNpdGUgcHJvYmxlbSBwZXIgc2F5Ljxicj4KPHNwYW4+PGZv
bnQgY29sb3I9IiM4ODg4ODgiPjxicj48YnI+PC9mb250Pjwvc3Bhbj48L2Jsb2NrcXVvdGU+PC9k
aXY+CjxkaXY+oDwvZGl2Pgo8ZGl2PqA8L2Rpdj48L2Rpdj4KPGRpdj5Zb3UgY2FuIGRvIHNvbWV0
aGluZyBsaWtlIHRoaXMsIHR3byB0YWJsZXMgd2l0aCBhIGZsb2F0OmxlZnQgYW5kIGEgcmlnaHQg
bWFyZ2luIGZvciB0aGUgZmlyc3QgdGFibGUgdG8ga2VlcCB0aGUgZGlzdGFuY2UgZnJvbSB0aGUg
c2Vjb25kIG9uZS6gRG9uJiMzOTt0IHB1dCBtb3JlIHRoYW4gMiB0YWJsZXMgc2lkZSBieSBzaWRl
IGFuZCBjaGVjayBhbHNvIG1pbm9yIHJlc29sdXRpb25zIHpvb21pbmcgaW6gdGhlIHBhZ2U6PC9k
aXY+Cgo8ZGl2Pkl0JiMzOTtzIGp1c3QgYW4gZXhhbXBsZSwgeW91IGNhbiBhbHNvIGNyZWF0ZSBh
IGRlZGljYXRlZCBkaXYgdGFibGUgY2xhc3MgaW4geW91ciBDU1MgaW5zdGVhZCBvZiB0aGUgaW5s
aW5lIHN0eWxlLjwvZGl2Pgo8ZGl2PqA8L2Rpdj4KPGRpdj4mbHQ7dGFibGUgc3R5bGU9JnF1b3Q7
ZmxvYXQ6bGVmdDsgbWFyZ2luLXJpZ2h0OjIwcHg7JnF1b3Q7IGJvcmRlcj0mcXVvdDsxJnF1b3Q7
IHdpZHRoPSZxdW90OzMwMHB4JnF1b3Q7Jmd0OyZsdDt0ciZndDsmbHQ7dGQgc3R5bGU9JnF1b3Q7
aGVpZ2h0OjIwcHg7JnF1b3Q7Jmd0OyZsdDsvdGQmZ3Q7Jmx0Oy90ciZndDsmbHQ7L3RhYmxlJmd0
OzwvZGl2Pgo8ZGl2PiZsdDt0YWJsZSBzdHlsZT0mcXVvdDtmbG9hdDpsZWZ0JnF1b3Q7IGJvcmRl
cj0mcXVvdDsxJnF1b3Q7IHdpZHRoPSZxdW90OzMwMHB4JnF1b3Q7Jmd0OyZsdDt0ciZndDsmbHQ7
dGQgc3R5bGU9JnF1b3Q7aGVpZ2h0OjIwcHg7JnF1b3Q7Jmd0OyZsdDsvdGQmZ3Q7Jmx0Oy90ciZn
dDsmbHQ7L3RhYmxlJmd0OzxzcGFuIGNsYXNzPSJIT0VuWmIiPjxmb250IGNvbG9yPSIjODg4ODg4
Ij48YnI+Cjxicj4tLSA8YnI+Um9iZXJ0IE1heXI8YnI+KHJvYnlkdWNrKSA8L2ZvbnQ+PC9zcGFu
PjwvZGl2PjwvYmxvY2txdW90ZT48L2Rpdj4KPGRpdj48YnI+oDwvZGl2Pgo8ZGl2Pk9oLCBtZWRp
YXdpa2kuLi5zb3JyeS4gVXNlIGEgbmVzdGVkIHRhYmxlOjwvZGl2Pgo8ZGl2PqA8L2Rpdj4KPGRp
dj57fCA8YnI+fCBTVFlMRT0mcXVvdDt2ZXJ0aWNhbC1hbGlnbjogdG9wJnF1b3Q7fDxicj57fCBi
b3JkZXIgPSAxIDxicj58Y29sc3Bhbj0mcXVvdDs0JnF1b3Q7IGFsaWduPSZxdW90O2NlbnRlciZx
dW90O3wgJiMzOTsmIzM5OyYjMzk7RmVkb3JhIDE2JiMzOTsmIzM5OyYjMzk7PGJyPnwtPGJyPnxB
cmNoIFwgU3BpbiAoR2l2ZW4pIHx8IENvdW50IHx8IE90aGVyIHx8IENvdW50PGJyPgp8LTxicj58
Um93IDI8YnI+fH08YnI+fCBTVFlMRT0mcXVvdDt2ZXJ0aWNhbC1hbGlnbjogdG9wOyBwYWRkaW5n
LWxlZnQ6IDIwcHgmcXVvdDt8PGJyPnt8IGJvcmRlciA9IDEgPGJyPiEgJiMzOTsmIzM5OyYjMzk7
RmVkb3JhIDE1JiMzOTsmIzM5OyYjMzk7PGJyPnwtPGJyPnwgUm93IDE8YnI+fC08YnI+fCBSb3cg
Mjxicj58LTxicj58IFJvdyAzPGJyPnx9PGJyPnx9PGJyPjwvZGl2Pgo8ZGl2PlVzZSB0aGUgaW5s
aW5lIENTUyB0byBnaXZlIHRoZW0gdGhlIHJpZ2h0IGRpc3RhbmNlLCBjb2xvcnMgZXRjLjxiciBj
bGVhcj0iYWxsIj48YnI+LS0gPGJyPlJvYmVydCBNYXlyPGJyPihyb2J5ZHVjaykgPC9kaXY+Cg==

--===============3981051095681002965==--