Table Templates

From Bioinformatikpedia
Revision as of 15:06, 12 June 2013 by Betza (talk | contribs) (Basic)

<css> table.basic { margin-left: auto; margin-right: auto; border: 0px solid black; border-collapse:collapse; width: 40%; }


.basic th { padding: 5px; text-align:center; border-bottom: 2px solid black; background-color: #fff; }

.basic td { padding: 5px; text-align:left; border: 1px solid black; border-left: 0; border-right: 0; border-bottom:0; }

.basic tr:first-child th {

 border-top: 0;

}


table.basic2 { margin-left: auto; margin-right: auto; border: 0px solid black; border-collapse:collapse; width: 40%; }

.basic2 th,td { padding: 3px; border: 1px solid black; }

.basic2 th { border-bottom: 2px solid black; background-color: #fff; }

.basic2 td { text-align:left; }

.basic2 tr:first-child th {

 border-top: 0;

} .basic2 tr:last-child td {

 border-bottom: 0;

} .basic2 tr td:first-child, .basic2 tr th:first-child {

 border-left: 0;

} .basic2 tr td:last-child, .basic2 tr th:last-child {

 border-right: 0;

}


table.colBasic { margin-left: auto; margin-right: auto; border: 1px solid black; border-collapse:collapse; width: 40%; }

.colBasic th,td { padding: 3px; border: 1px solid black; }

.colBasic td { text-align:left; }

/* for orange try #ff7f00 and #ffaa56 for blue try #005fbf and #aad4ff

maria's style blue: #adceff grey: #efefef

  • /

.colBasic tr th { background-color:#ffaa56; color: white;} .colBasic tr:first-child th { background-color:#ff7f00; color:white;}


table.colBasic2 { margin-left: auto; margin-right: auto; border: 1px solid black; border-collapse:collapse; width: 40%; }

.colBasic2 th,td { padding: 3px; border: 1px solid black; }

.colBasic2 td { text-align:left; }

/* for orange try #ff7f00 and #ffaa56 for blue try #005fbf and #aad4ff

maria's style blue: #adceff grey: #efefef

  • /

.colBasic2 tr th { background-color:#efefef; color: black;} .colBasic2 tr:first-child th { background-color:#adceff; color:black;}



</css>

I just want it to work

Basic

Text Text Text
Text Text Text
Text Text Text
Text Text Text
Text Text Text

<source lang="css" border="1"> table.basic { margin-left: auto; margin-right: auto; border: 0px solid black; border-collapse:collapse; width: 40%; }


.basic th { padding: 5px; text-align:center; border-bottom: 2px solid black; background-color: #fff; }

.basic td { padding: 5px; text-align:left; border: 1px solid black; border-left: 0; border-right: 0; border-bottom:0; }

.basic tr:first-child th {

 border-top: 0;

}


</source>

Basic2

Text Text Text
Text Text Text
Text Text Text
Text Text Text
Text Text Text

Color

Text Text Text
Text Text Text
Text Text Text
Text Text Text
Text Text Text

Color2

Text Text Text
Text Text Text
Text Text Text
Text Text Text
Text Text Text

I want to know more