PDA

View Full Version : Help with tables



nl2k
05-03-2005, 10:41 PM
I wasn't sure where to put this, because I'm sure it involves some CSS.

Anyways, I was wondering if someone could help me get this effect:
http://img107.echo.cx/img107/66/untitled12om.gif
What I'm trying to get is a 1 pixel border for the table. Then a header on top, that connects to the lower table, that I can add a image background for it. I'll be placing these tables inside my layout, inside some div tags, so I'll need for some of them to have fixed widths, but some others will have percentage widths. I hope that makes sense. I'm still new to all this. Thanks in advance for any help :D

jscheuer1
05-04-2005, 04:59 AM
<html>
<head>
<title>Table Demo</title>
<style type="text/css">
body {
font-family:verdana;
}
table.dsply {
border-collapse:collapse;
border:1px solid black
}
td.header {
border-bottom:1px solid black;
height:19px;
background:blue url(Image1.gif);
padding:0 0 2px 1ex;
color:white;
font-size:.95em
}
td.cntnt {
padding:0
}
</style>
</head>
<body>
<table class="dsply">
<tr>
<td class="header">Header</td>
</tr><tr>
<td class="cntnt">
<!--An Image with border="0" could go here instead of all this garbage-->
<br>&nbsp;<br>&nbsp;&nbsp;&nbsp;&nbsp; <font size=1>Content
here</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<br>&nbsp;<br>&nbsp;
<!--End of Garbage-->
</td>
</tr>
</table>
</body>
</html>Use with attached Image1.gif