Logo problem put in frame -CSS

Question

I'm working on one site and I need frame like on http://www.thearchitecturestudio.net/. How to put my logo(picture) like this ,overlap border ?

Answer 1

that is flash but if you want to do that with html try legend tag.

Answer 2

You can also think about using CSS position (absolute, relative).

Answer 3

Ok, for example:

HTML:

<div class="logo">
    <img src="logo.jpg">
</div>
<div class="box">
    <p>some text</p>
</div>

CSS:

.logo {position:absolute;border:5px solid #fff;top:0;left:10px;}
.box {border:1px solid #000;width:500px;height:400px;}