Toolbox/Tables: Difference between revisions

From KDE UserBase Wiki
(Marked this version for translation)
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
== How to use tables ==
<languages />
<translate>


== How to use tables == <!--T:1-->
<!--T:2-->
Find the sample table here that most matches your need, then use the {{Icon|Userbase-edit}} button to see the markup.
Find the sample table here that most matches your need, then use the {{Icon|Userbase-edit}} button to see the markup.


===This is a plain table===
===This is a plain table=== <!--T:3-->


<!--T:4-->
{|
{|
|One
|One
Line 16: Line 21:
|}
|}


===One with borders===
===One with borders=== <!--T:5-->


<!--T:6-->
{| class="wikitable"
{| class="wikitable"
|One
|One
Line 29: Line 35:
|}
|}


===This is with labels===
===This is with labels=== <!--T:7-->


<!--T:8-->
{|  
{|  
!
!
Line 45: Line 52:
|}
|}


===This one can be sorted===
===This one can be sorted=== <!--T:9-->


<!--T:10-->
{| class="sortable"
{| class="sortable"
|One
|One
Line 58: Line 66:
|}
|}


===Now all of them combined===
===Now all of them combined=== <!--T:11-->


<!--T:12-->
{| class="wikitable sortable"
{| class="wikitable sortable"
!
!
Line 74: Line 83:
|}
|}


== Some other types of table ==
== Some other types of table == <!--T:13-->


<!--T:14-->
class="tablecenter":
class="tablecenter":


<!--T:15-->
{|class="tablecenter"
{|class="tablecenter"
|[[Image:Kmail-kde4.png|thumb|265px|<div style="text-align:center">The KMail Welcome Screen</div>]]|| '''Here the text is top-aligned'''
|[[Image:Kmail-kde4.png|thumb|265px|<div style="text-align:center">The KMail Welcome Screen</div>]]|| '''Here the text is top-aligned'''
Line 88: Line 99:
----
----


<!--T:16-->
{|class="vertical-centered"
{|class="vertical-centered"
|[[Image:Applications-internet.png|48px|link=Special:myLanguage/Applications/Internet]]||colspan="3"|<h4>[[Special:myLanguage/Applications/Internet|
|[[Image:Applications-internet.png|48px|link=Special:myLanguage/Applications/Internet]]||colspan="3"|<h4>[[Special:myLanguage/Applications/Internet|
Line 93: Line 105:
|}
|}


<!--T:17-->
<nowiki>class="vertical-centered wikitable" style="border: 1px solid grey;"</nowiki>
<nowiki>class="vertical-centered wikitable" style="border: 1px solid grey;"</nowiki>


<!--T:18-->
Centered heading -
Centered heading -
{{Input|<syntaxhighlight lang="php" line>
{{Input|<syntaxhighlight lang="php" line>
Line 111: Line 125:
}}
}}


<!--T:19-->
{| class="tablecenter" style="border:1px solid"
{| class="tablecenter" style="border:1px solid"
! colspan="2" style="background:#ffff99;text-align:center;" | Debugging
! colspan="2" style="background:#ffff99;text-align:center;" | Debugging
Line 125: Line 140:




<!--T:20-->
{|class="vertical-centered wikitable" style="border: 1px solid grey;"
{|class="vertical-centered wikitable" style="border: 1px solid grey;"
! width="25%" | Description || width="25%" | Windows || width="25%" | Mac&nbsp;OS&nbsp;X || width="25%" | KDE Software
! width="25%" | Description || width="25%" | Windows || width="25%" | Mac&nbsp;OS&nbsp;X || width="25%" | KDE Software
Line 160: Line 176:




<!--T:21-->
<nowiki>:{|class="tablecenter" style="border:1px solid darkgray;"</nowiki>
<nowiki>:{|class="tablecenter" style="border:1px solid darkgray;"</nowiki>


<!--T:22-->
:{|class="tablecenter" style="border:1px solid darkgray;"
:{|class="tablecenter" style="border:1px solid darkgray;"
|<imagemap>Image:cwp7.png|200px
|<imagemap>Image:cwp7.png|200px
Line 171: Line 189:
|}
|}


<!--T:23-->
----
----


<!--T:24-->
Link image and external url:
Link image and external url:
::{|
::{|
Line 182: Line 202:
----
----


[[Category|Contributing]]
<!--T:25-->
[[Category:Contributing]]
</translate>

Latest revision as of 16:44, 18 April 2012

Other languages:

How to use tables

Find the sample table here that most matches your need, then use the button to see the markup.

This is a plain table

One Two
Three Four
Five Six

One with borders

One Two
Three Four
Five Six

This is with labels

One Two
More Three Four
Again Five Six

This one can be sorted

One Two
Three Four
Five Six

Now all of them combined

One Two
More Three Four
Again Five Six

Some other types of table

class="tablecenter":

The KMail Welcome Screen
Here the text is top-aligned

The KMail Welcome Screen
Here it is vertical-centered

class="vertical-centered" - table aligned left, text aligned vertically centered


Internet and Networking

class="vertical-centered wikitable" style="border: 1px solid grey;"

Centered heading -

{| class="tablecenter" style="border:1px solid"
! colspan="2" style="background:#ffff99;text-align:center;" | Debugging
|-
|	F10 
| Step over (gdb's "next") 
|-
|	F11 
| Step into (gdb's "step") 
|-
|	F12
| Step out of (gdb's "finish") 
|}
Debugging
F10 Step over (gdb's "next")
F11 Step into (gdb's "step")
F12 Step out of (gdb's "finish")


Description Windows Mac OS X KDE Software
Blogging client Windows Live Writer Blogilo
BitTorrent Client BitTorrent KTorrent, KMLDonkey, KGet
Download Manager FlashGet KGet
eDonkey Client eMule KMLDonkey
E-mail Client Outlook Express, Windows Live Mail Apple Mail KMail
Feed Aggregator Akregator
PIM Outlook Kontact
Web Browser Internet Explorer Safari Konqueror, rekonq
Instant Messaging Client Windows Live Messenger iChat, Adium Kopete, KMess
IRC Client mIRC Colloquy Konversation


:{|class="tablecenter" style="border:1px solid darkgray;"

Screenshot with neat border

Link image and external url:

- a huge collection of calendars with a broad range of topics