Stylesheets - can content of contained box overwrite border of containing box?

Author

can content of contained box overwrite border of containing box?

bugbear

2005-09-14, 7:53 pm

I'm trying to implement the purest and simplest tab
styling I can.

So I'd like each tab to be a box with left-top-right borders.
The "row of tabs" sits on top of the content box.
The content box clearly needs a left-bottom-right border.

The "line" between the tabs and the content can either
be a bottom border on the tabs (or a box containing the tabs)
or a top border on the content box.

My problem is: how do I make the "current" selected tab
run into the content box in the usual way - i.e. there
should be NO border between the current tab and the content.

It appears unavoidable that some part of the current tab
must exist opaquely-above the continuous border line
and overwrite it.

Is this possible?
Or have I made bad assumptions?

I'm aware of (and indeed, have implemented)
solutions that use background images to achieve
all this and more, but am trying to come up
with a minimalist solution, using only HTML and CSS.

Oh yeah - browser portability is important.

BugBear

Spartanicus

2005-09-14, 7:53 pm

bugbear <bugbear@trim_papermule.co.uk_trim> wrote:

>I'm trying to implement the purest and simplest tab
>styling I can.

There must be hundreds of tab styling examples on the web, why do you
need another one?

--
Spartanicus

bugbear

2005-09-14, 7:53 pm

Spartanicus wrote:
> bugbear <bugbear@trim_papermule.co.uk_trim> wrote:
>
>
>
>
> There must be hundreds of tab styling examples on the web, why do you
> need another one?

Just consider me a seeker after purity and simplicity.

BugBear

Spartanicus

2005-09-14, 7:53 pm

bugbear <bugbear@trim_papermule.co.uk_trim> wrote:

>
>Just consider me a seeker after purity and simplicity.

Plenty of those amongst the hundreds of tab styling examples currently
on the web also, often complete with explanation of the techniques used.

--
Spartanicus

bugbear

2005-09-14, 7:53 pm

Spartanicus wrote:
> bugbear <bugbear@trim_papermule.co.uk_trim> wrote:
>
>
>
>
> Plenty of those amongst the hundreds of tab styling examples currently
> on the web also, often complete with explanation of the techniques used.

OK. Normally I'm quite the guru at web searching, to the point
of putting up a page of techniques for others to use and admire.

http://www.geocities.com/plybench/websearch.html

But I have failed to find the example I seek.

If you could either point me at one (tabbed menus using only
no images), or improve my googling technique I'd be grateful.

BugBear

Spartanicus

2005-09-14, 7:53 pm

bugbear <bugbear@trim_papermule.co.uk_trim> wrote:

>If you could either point me at one (tabbed menus using only
>no images), or improve my googling technique I'd be grateful.

http://www.google.com/search?q=css+tabs

Produces loads of examples including simple ones.

--
Spartanicus

bugbear

2005-09-15, 7:39 pm

Spartanicus wrote:
> bugbear <bugbear@trim_papermule.co.uk_trim> wrote:
>
>
>
>
> http://www.google.com/search?q=css+tabs
>
> Produces loads of examples including simple ones.

Heh. Thanks. I was doing searches like
"tabbed menus" and getting nowhere.

I think your background and experience in CSS
gave you a better keyword.

Thanks again.

BugBear