This is Interesting: Free Magazines for Graphics designers and webmasters
Home > Archive > Stylesheets > January 2005 > vartical tab? As it is in OS/2
You are viewing an archived Text-only version of the thread.
To view this thread in it's original format and/or if you want to reply to
this thread please [click here]
| Author |
vartical tab? As it is in OS/2
|
|
| Zhang Weiwu 2005-01-28, 7:42 pm |
| I remember when I was in high school I saw a Screen shot in PC Magazine
that shows OS/2 is using vertical tab rather than the normal tab
commonly seen on Windows and GNome/KDE. That is the last time I saw
vertical tab.
That tab is very styled and pretty, on the right side. However I never
used OS/2 so I don't even have a screen shot to show how it is. Recently
I am working on a new web-application where I very much like to
implement this effect.
To let the text on the tab title flow top-to-bottom, we need to turn
Latin alphabetic 90 degree, and for ideographs, we need to arrange them
one below the other. I immediately think of using 'writing-mode' style
but soon realized this is an IE-only feature, but my application is
supposed to run on gecko browsers.
Any suggestions on how to do it? I am very sure that I am not the first
one on the earth that wants this effect, so there should be articles
about it on the web, but STFW so far I didn't find yet. In case I found
one such article I'll post URI on this group:)
| |
| Zhang Weiwu 2005-01-28, 7:42 pm |
| Zhang Weiwu wrote:
> I remember when I was in high school I saw a Screen shot in PC Magazine
> that shows OS/2 is using vertical tab rather than the normal tab
> commonly seen on Windows and GNome/KDE. That is the last time I saw
> vertical tab.
>
> That tab is very styled and pretty, on the right side. However I never
> used OS/2 so I don't even have a screen shot to show how it is. Recently
> I am working on a new web-application where I very much like to
> implement this effect.
>
> To let the text on the tab title flow top-to-bottom, we need to turn
> Latin alphabetic 90 degree, and for ideographs, we need to arrange them
> one below the other. I immediately think of using 'writing-mode' style
> but soon realized this is an IE-only feature, but my application is
> supposed to run on gecko browsers.
>
> Any suggestions on how to do it? I am very sure that I am not the first
> one on the earth that wants this effect, so there should be articles
> about it on the web, but STFW so far I didn't find yet. In case I found
> one such article I'll post URI on this group:)
Okay, here I find a picture that describes what effect I want:
http://www.evsc.k12.in.us/teachers/...er/notebook.jpg
I think the reason I didn't find an instruction on the web is I cannot
describ this effect well enough in English and form keywords:(
Drop me any hint?
| |
| Harlan Messinger 2005-01-28, 7:42 pm |
| Zhang Weiwu wrote:
> I remember when I was in high school I saw a Screen shot in PC Magazine
> that shows OS/2 is using vertical tab rather than the normal tab
> commonly seen on Windows and GNome/KDE. That is the last time I saw
> vertical tab.
>
> That tab is very styled and pretty, on the right side. However I never
> used OS/2 so I don't even have a screen shot to show how it is. Recently
> I am working on a new web-application where I very much like to
> implement this effect.
>
> To let the text on the tab title flow top-to-bottom, we need to turn
> Latin alphabetic 90 degree,
Before Windows 95 came out, introducing the Task Bar and Start Menu, I
bought a desktop replacement for Windows 3.1 that had vertically tabbed
program groups, and I happened to like them. But I'm curious what
percentage of users would find tabs difficult or a nuisance to read this
way, with the labels rotated 90 degrees.
[snip]
| |
| David Dorward 2005-01-28, 7:42 pm |
| Zhang Weiwu wrote:
> I remember when I was in high school I saw a Screen shot in PC Magazine
> that shows OS/2 is using vertical tab rather than the normal tab
> commonly seen on Windows and GNome/KDE. That is the last time I saw
> vertical tab.
>
> That tab is very styled and pretty, on the right side. However I never
> used OS/2 so I don't even have a screen shot to show how it is. Recently
> I am working on a new web-application where I very much like to
> implement this effect.
Most browsers do not have any way in which to rotate text. You could hack
around it by using an image, but I suggest you consider that consistancy is
a virtue when it comes to UI design. While your application may look
pretty, it will also look different - and that tends to worry users.
--
David Dorward <http://blog.dorward.me.uk/> <http://dorward.me.uk/>
Home is where the ~/.bashrc is
| |
| Spartanicus 2005-01-28, 7:42 pm |
| Zhang Weiwu <zhangweiwu@realss.com> wrote:
>I remember when I was in high school I saw a Screen shot in PC Magazine
>that shows OS/2 is using vertical tab rather than the normal tab
>commonly seen on Windows and GNome/KDE. That is the last time I saw
>vertical tab.
>
>That tab is very styled and pretty, on the right side. However I never
>used OS/2 so I don't even have a screen shot to show how it is. Recently
>I am working on a new web-application where I very much like to
>implement this effect.
>
>To let the text on the tab title flow top-to-bottom, we need to turn
>Latin alphabetic 90 degree, and for ideographs, we need to arrange them
>one below the other. I immediately think of using 'writing-mode' style
>but soon realized this is an IE-only feature, but my application is
>supposed to run on gecko browsers.
>
>Any suggestions on how to do it?
Pretty straightforward, you'll have to use images for the tabs with the
text on it, mark them up as list items, float the list to the right
(ideally you'd use a css table for non IE browsers), and specify a right
margin on the content.
The obvious drawbacks are that floating the menu causes the usual
problems, the tab text cannot be enlarged in most browsers, and reading
text that has been rotated 90 degrees is a bother. You can provide some
assistance with the latter by specifying the tab text as title content
on the images.
--
Spartanicus
| |
| Spartanicus 2005-01-28, 7:42 pm |
| Spartanicus <me@privacy.net> wrote:
>Pretty straightforward, you'll have to use images for the tabs with the
>text on it, mark them up as list items, float the list to the right
>(ideally you'd use a css table for non IE browsers), and specify a right
>margin on the content.
This may get you started:
http://www.spartanicus.utvinternet.ie/test/vtabs.htm
It needs a min-height alternative for IE, the regular trick to do that
threw up a quirk in IE that I couldn't be bothered to fix.
--
Spartanicus
| |
|
|
| Zhang Weiwu 2005-01-29, 4:19 am |
| Harlan Messinger wrote:
> Before Windows 95 came out, introducing the Task Bar and Start Menu, I
> bought a desktop replacement for Windows 3.1 that had vertically tabbed
> program groups, and I happened to like them. But I'm curious what
> percentage of users would find tabs difficult or a nuisance to read this
> way, with the labels rotated 90 degrees.
Oh if you like me living happily in China, you will find rotating 90
degrees is the 'correct' arrangement and we have been using it happily
for 3000 years:) and the horizonal arrangement is something 'invented'
by the western people :)
| |
| Zhang Weiwu 2005-01-29, 4:19 am |
| David Dorward wrote:
> Zhang Weiwu wrote:
>
>
>
>
> Most browsers do not have any way in which to rotate text.
As I said, IE could, with 'writing-mode' style. This style is especially
provided for Asian users. Unfortunately it's not standard. This happens
to be the *only* part of IE that I like.
| |
| Zhang Weiwu 2005-01-29, 4:19 am |
| Spartanicus wrote:
> Spartanicus <me@privacy.net> wrote:
>
>
>
>
> This may get you started:
> http://www.spartanicus.utvinternet.ie/test/vtabs.htm
>
> It needs a min-height alternative for IE, the regular trick to do that
> threw up a quirk in IE that I couldn't be bothered to fix.
>
Oh I like it. It tastes sweet! And I am on mozilla 1.7.5 on Gentoo
Linux, nothing happens if I click a tab. However I'll dig into the code
and see how they made it, and I hope to create a gecko-clickable example
and show-around on this list:)
| |
| Spartanicus 2005-01-29, 7:16 am |
| Zhang Weiwu <zhangweiwu@realss.com> wrote:
>nothing happens if I click a tab
Duh, the links link to the page itself (<a href="#"> ), it's a mock-up.
--
Spartanicus
| |
|
|
| Gus Richter 2005-01-29, 12:18 pm |
| Zhang Weiwu wrote:
> I remember when I was in high school I saw a Screen shot in PC Magazine
> that shows OS/2 is using vertical tab rather than the normal tab
> commonly seen on Windows and GNome/KDE. That is the last time I saw
> vertical tab.
>
> That tab is very styled and pretty, on the right side. However I never
> used OS/2 so I don't even have a screen shot to show how it is. Recently
> I am working on a new web-application where I very much like to
> implement this effect.
>
> To let the text on the tab title flow top-to-bottom, we need to turn
> Latin alphabetic 90 degree, and for ideographs, we need to arrange them
> one below the other. I immediately think of using 'writing-mode' style
> but soon realized this is an IE-only feature, but my application is
> supposed to run on gecko browsers.
>
> Any suggestions on how to do it? I am very sure that I am not the first
> one on the earth that wants this effect, so there should be articles
> about it on the web, but STFW so far I didn't find yet. In case I found
> one such article I'll post URI on this group:)
http://www.stunicholls.myby.co.uk/menu/book.html
and
http://www.stunicholls.myby.co.uk/book/index.html
--
Gus
| |
| Christoph Paeper 2005-01-29, 11:19 pm |
| *Zhang Weiwu* <zhangweiwu@realss.com>:
>
> As I said, IE could, with 'writing-mode' style. This style is especially
> provided for Asian users. Unfortunately it's not standard.
Well, "not" is a strong word in this case:
<http://www.w3.org/TR/css3-text/#writing-mode>. Although that draft has
now a new editor ("fantasai") and is currently under revision, AFAIK.
Yes, that's right: IE6, which is claimed to be a CSS1 browser with some
support for CSS2, was probably the first browser to support upcoming CSS3
properties (although CSS3 wasn't yet being developped when IE6 was
released and the (former) editor of that module is a Microsoft employee).
--
Three things matter in a speech:
who says it, how he says it, and what he says,
and of the three, the last matters least.
| |
|
|
|
| | Copyright 2003 - 2008 forum4designers.com Software forum Computer Hardware reviews |
|