Well, what I mean by scripting is that instead of changing the z-index
(however you change it), you'd add a class to the tab. So, in the end, it
could look something like:
<style>
.tabs li {
height: 45px
}
.tabs .selected {
height: 72px
}
</style>
<ul class="tabs">
<li>Tab 1</li>
<li>Tab 2</li>
<li class="selected">Tab 3 (selected)</li>
<li>Tab 4</li>
</ul>
Where the 'class="selected"' would be added by you whenever you need it.
- Leszek
> -----Original Message-----
> From: C T [mailto:[EMAIL PROTECTED]
> Sent: 15 October 2005 15:52
> To: Leszek
> Subject: Re: [css-d] Is Z reliable?
>
> Leszek,
>
> Hey, thanks very much for that info. Much appreciated. As for your
> question ... the selected version of the tab is a bit taller than the
> normal tab. The normal tab may be approx 45 px high, and the selected
> version approx 72 px high.
>
> I don't know exactly what you mean by adding a class to the tab by
> scripting -- I'm not that advanced yet. :) But it sounds interesting.
> I may do a Google search for CSS and scripting and see what I can
> find.
>
> Thanks again, Leszek.
>
> Chris
>
>
>
> On 10/15/05, Leszek <[EMAIL PROTECTED]> wrote:
> > Mostly, yes. Make sure you set a position other than static (mot
> probably
> > relative) on the tabs though. Also, be wary of select elements in IE -
> > they'll display on top of pretty much everything if you don't use some
> crazy
> > iframe hacks.
> >
> > Having said that - to what extent does the selected 'version' of a tab
> > differ from the normal? If not by much, then you can always add a class
> to
> > the tab by scripting, and restyle it via CSS.
> >
> > - Leszek
> >
> > > -----Original Message-----
> > > From: [EMAIL PROTECTED] [mailto:css-d-
> [EMAIL PROTECTED]
> > > discuss.org] On Behalf Of C T
> > > Sent: 14 October 2005 21:27
> > > To: css-d@lists.css-discuss.org
> > > Subject: [css-d] Is Z reliable?
> > >
> > > In my menubar, I have tabs that have the appearance of overlapping.
> > > And so I'm tempted to use the "Z-factor" (along with careful x- and y-
> > > positioning) to get them to overlap in proper order.
> > >
> > > My question is: Is using the z property HIGHLY RELIABLE? Can it be
> > > expected to render items in the proper order on all CSS-compliant
> > > browsers? Or do some of these browsers screw with ordering? Can I
> > > depend on Z to make my menu work right?
> > >
> > > (Unnecessary extra detail: I need tab one to be on the bottom, tab 2
> > > to be next higher, 3 to be next, and 4 to be the highest layer. And
> > > then, after a particular tab is selected, I need the "selected"
> > > version of that tab to then go highest, so that it hides the normal
> > > tab beneath it.)
> > >
> > > Thank you all for any advice you can offer.
> > >
> > > Chris
> > > ______________________________________________________________________
> > > css-discuss [EMAIL PROTECTED]
> > > http://www.css-discuss.org/mailman/listinfo/css-d
> > > List wiki/FAQ -- http://css-discuss.incutio.com/
> > > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
> >
> >
> >
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
