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:

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

**jscheuer1** · 05-04-2005, 04:59 AM

HTML Code:

<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

Thread: Help with tables

Thread Tools

Search Thread

Help with tables

Bookmarks

Bookmarks

Posting Permissions