Re: tabs using CSS

listaction wrote:

Folks,
I'm trying to implement a tabbed effect with CSS and HTML - no
graphics.
for some reason, i'm unable to control the width of the tabs. I've
pasted the code below.
.box1{
display:inline;

Just crossed with my own question...

.box1{
display: -moz-inline-box;
display: inline-block;

(you need block or inline-block for width / height to apply)

that worked! VK thanks a lot for such a quick response.

"VK" <schools_ring (AT) yahoo (DOT) com> wrote:

Folks,
I'm trying to implement a tabbed effect with CSS and HTML - no
graphics.
for some reason, i'm unable to control the width of the tabs. I've
pasted the code below.
.box1{
display:inline;

Just crossed with my own question...

.box1{
display: -moz-inline-box;
display: inline-block;

(you need block or inline-block for width / height to apply)

Not smart, inline-block is poorly supported in most slightly older
browsers.

--
Spartanicus

Spartanicus wrote:

"VK" <schools_ring (AT) yahoo (DOT) com> wrote:

Folks,
I'm trying to implement a tabbed effect with CSS and HTML - no
graphics.
for some reason, i'm unable to control the width of the tabs. I've
pasted the code below.
.box1{
display:inline;

Just crossed with my own question...

.box1{
display: -moz-inline-box;
display: inline-block;

(you need block or inline-block for width / height to apply)

Not smart, inline-block is poorly supported in most slightly older
browsers.

Yup... That was a part of my question at:
<http://groups.google.com/group/comp.infosystems.www.authoring.stylesheets/browse_frm/thread/c674a6548469179b/ad75d12650a1d2ed#ad75d12650a1d2ed>
(I was actually checking for replies when encountered this question).

IE 5.x (?), IE 6.x for sure, FF 1.0.4 or higher, Opera 8.x for sure.

If Safary 2.x or higher supports inline-block then I can live with it
in my particular solutions. But does it?

"VK" <schools_ring (AT) yahoo (DOT) com> wrote:

Not smart, inline-block is poorly supported in most slightly older
browsers.

Yup... That was a part of my question at:
http://groups.google.com/group/comp....75d12650a1d2ed
(I was actually checking for replies when encountered this question).

Had you checked the archive there would have been no need to ask your
question, luckily for you the archive hasn't closed yet for the day, so
you can still use it.

--
Spartanicus

Spartanicus wrote:

Had you checked the archive there would have been no need to ask your
question, luckily for you the archive hasn't closed yet for the day, so
you can still use it.

Indeed:
<http://homepage.ntlworld.com/spartanicus/ie_block_level_element_inline-block_hack.htm>
etc.

Everyone wants to be lazy sometimes... ;-)

Sorry.

in comp.infosystems.www.authoring.stylesheets, VK wrote:

IE 5.x (?), IE 6.x for sure, FF 1.0.4 or higher, Opera 8.x for sure.

If Safary 2.x or higher supports inline-block then I can live with it
in my particular solutions. But does it?

Inline-block works somehow in all mentioned. This page is tested with
Opera 8.5, 9; IE6; FF1; Safari 2.0.2
http://www.student.oulu.fi/laurirai/www/css/gallery/

Extra code is needed for IE and FF, but nothing but CSS2.1 is used, and
fully CSS2.1 supporting browsers will show it as intended. I did not test
with bare inline-block on safari, but afaik it supports it.

--
Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>