This design using css/html -- i'm stumped

[mat]

http://www.theory1.orcon.net.nz/layout.gif


So it would be a table with align="center" for the main part

the thing i'm stumped on is how to get that tag bit like that? overlap the top-left corner

i made the tag a transparent gif. it's positioning it and getting it tosaty in that position when the browser is resized etc that's the issue :(

what would you suggest ?

mat,

[MCookie]

Since you want to keep your code as clean as possible, you could take out the About us and Contact us and use your image as a centered background with background color set to black. 'Cause I don't think you will be able to do the tag in CSS, not without a ton of code.

[babelfish]

so u want the tag to actually lay over the rest of the page - as an overlay to the text? its doable (and not that hard either) but would make reading the body text a pain.... now, if u mean that u just want the tage to stay static and the text to run as a line down from the tag its REALLY easy - just make a table and cut into 3 columns - tag etc on left content in middle and spacing on right - but i need more clarification on what u want

[mat]

O.k trying this:

the test page (http://www.theory1.orcon.net.nz/test.html)
the style sheet (http://www.theory1.orcon.net.nz/style.css)

at first galnc eit seems to work but it doesn't keep it's postion when the browser window is resized etc..

:( ?

[mat]

in theory the following should work right?

>make the div element that holds the tag.gif the same width as the table and make it align center - <div align="center" class="tag">

.tag{

width: 600px;
..
}

that would make it stay centered over the table no matter what (browser resize etc) and then i could just set the top and left margins in the "tag" class to negative so that it hangs in the top-left corner like i want.

I don't know alot about css but this should work shouldn't it?
mine doesn't though..