How'd They Do That???

http://img527.imageshack.us/img527/6770/eg6oq.gif

does anybody know how to create this effect were the text seems to be on the table line :S

any help in re-creating this would be great,

thx
Anto

Check the source code out on this example, it may help you:

http://richardmedek.com/temp/example13.htm

I coded this as an example for another thread. It essentially just uses negative margins to scoot the header over the border. It replicates the look of the fieldset/legend combo used in forms.

Check the source code out on this example, it may help you:

http://richardmedek.com/temp/example13.htm

I coded this as an example for another thread. It essentially just uses negative margins to scoot the header over the border. It replicates the look of the fieldset/legend combo used in forms.

wow thx for fast reply, thats gr8,

how would i round the corners? after that i'm 100000% happy :D

thanks for your help
Anto

Erm, that's a fieldset...

<fieldset>
<legend>Title Goes Here</legend>
All your content goes here.
</fieldset>

Or maybe you did want to get an image on there as well in which case, use rmedek's example as a guide!

Erm, that's a fieldset...

<fieldset>
<legend>Title Goes Here</legend>
All your content goes here.
</fieldset>

Or maybe you did want to get an image on there as well in which case, use rmedek's example as a guide!

fieldset worked gr8,

i dont think ya can round the corners, i'll stick with what i have i think :)

Yes, but a fieldset and legend are to be used for forms (http://www.w3.org/TR/REC-html40/interact/forms.html#h-17.10). So it only LOOKS like a fieldset. It's sort of like using <blockquote> just to indent paragraphs.