Menu
Community /Pin to ProfileBookmark
@NogDogFeb 08.2006 — #Just to give you some idea of the ways you can manipulate a table with CSS:
Tables
Hey! Mornin’ all!
Whats the best way for me to make a table with 2 columns and a border?
Thanks
Sign in
to post a comment2 Comments(s) ↴
0
@NogDogFeb 08.2006 — #Just to give you some idea of the ways you can manipulate a table with CSS:[code=html]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang='en'>
<head>
<META HTTP-EQUIV='Content-Type' CONTENT='text/html; charset=ISO-8859-1'>
<title>Sample Table</title>
<style type="text/css">
body {
margin: 0;
padding: 1em;
font: medium arial, sans-serif;
}
table#test {
border-collapse: collapse;
border: solid 2px black;
margin: 0 auto;
}
#test td, #test th {
border: solid 1px black;
padding: 2px 4px;
}
#left {
width: 150px;
background-color: #ccffff;
}
#right {
width: 200px;
background-color: #ffffcc;
}
#heading {
background-color: #ffccff;
}
#test caption {
font-weight: bold;
text-align: center;
margin: auto;
}
</style>
</head>
<body>
<table id="test">
<caption>Table Caption</caption>
<colgroup>
<col id="left">
<col id="right">
</colgroup>
<tr id="heading">
<th>Column 1</th>
<th>Column 2</th>
</tr>
<tr>
<td>Row 1, Col 1</td>
<td>Row 1, Col 2</td>
</tr>
<tr>
<td>Row 1, Col 1</td>
<td>Row 1, Col 2</td>
</tr>
</table>
</body>
</html>
[/code]