text on table border using css

**cssuser** · 06-21-2007 05:46 PM

Hi I ahve one difficulty.
I have to put text on table border as a header as shown in the attachment
Is it possible using css, if anybody can provide solution on this?

**jasonahoule** · 06-21-2007 09:50 PM

The legend tag does that...

Code:

<legend>Create your free quote</legend>

**Sheldon** · 06-22-2007 03:06 AM

With using <fieldset></fieldset> also.

Originally Posted by jasonahoule

The legend tag does that...

Code:

<legend>Create your free quote</legend>

**cssuser** · 06-22-2007 01:50 PM

No, It doesnt give the way I want

I have attached another file to get proper view
text is on the table border Its not up on the border
It on the border only. If you see clearly
<legend> doesnt work

**ray326** · 06-22-2007 02:50 PM

Here's a fragment that might give you some ideas.

HTML Code:

<style type="text/css">
table,tr,td { border-collapse:collapse; border: 1px solid gray; }
table { width: 50%; }
td { width:10em; text-align:center }
td.theading { width: 100%; }
h2 { width:50%; text-align:center; margin-bottom: -.5em; }
</style>
</head>
<body>
<h2>about this table</h2>
<table summary="table summary">
<tr><td class="theading" colspan="3">&nbsp;</td></tr>
<tr><td>now</td><td>is the</td><td>time</td></tr>
<tr><td>now</td><td>is the</td><td>time</td></tr>
<tr><td>now</td><td>is the</td><td>time</td></tr>
</table>

**WebJoel** · 06-22-2007 05:03 PM

editing: nice suggestion from Ray

**cssuser** · 06-22-2007 06:49 PM

Thanks, it works

**WebJoel** · 06-22-2007 07:01 PM

--I was working on an alterior example but it wasn't working as nicely as Ray's, hence the abridged-edited post two up as I got called away for some time and knew I wasn't going to be back before the 30-min deadline for re-editing...

Thread: text on table border using css

Thread Tools

Display

text on table border using css

text on border

Thread Information

Users Browsing this Thread

Bookmarks

Bookmarks

Posting Permissions