navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

Microsoft MVP

 

Vertical Text - A little " How to" present for bobby

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Vertical Text - A little " How to" present for bobby 		Page: [1]
 
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		Vertical Text - A little " How to" present f... - 6/14/2003 21:28:15   
<html>
<head>
<style>
<!--
#verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
-->
</style>

</head>
<body>


<div id=" verticaltext" >WHEE!!!!! Hello Bobbeeeeee!!!!!!! Karsten
Sub junior deputy under assistant to the deputy assistant under junior deputy spokesgorilla :-)

København
Juni 15 2003


</div>

</body>

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower


gskywalkers

 

Posts: 357
Joined: 3/11/2003
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 6/14/2003 22:27:13   
Gorilla.........how do you make the font bigger when using this style?

(in reply to gorilla)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 6/14/2003 22:54:49   
quote:

ORIGINAL: gskywalkers

Gorilla.........how do you make the font bigger when using this style?



like this:

<html>
<head>
<style>
<!--
#verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;

/* gskywalkers the line below specifies the font size mess with it and save the file to see the results :-) K */

font-size:2.5em;

}
-->
</style>

</head>
<body>


<div id=" verticaltext" >WHEE!!!!! Hello gskywalker2!!!!!!! You just add the code for the font size as per normal for css selectors Karsten
Sub junior deputy under assistant to the deputy assistant under junior deputy spokesgorilla :-)

København
Juni 15 2003


</div>

</body>

< Message edited by gorilla -- 6/14/2003 10:57:26 PM >

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to gskywalkers)
gskywalkers

 

Posts: 357
Joined: 3/11/2003
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 6/14/2003 22:58:57   
Thanks Gorilla.....

gskywalkers

(in reply to gorilla)
Spooky

 

Posts: 26598
Joined: 11/11/1998
From: Middle Earth
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 6/15/2003 0:11:44   
W
h
o

n
e
e
d
s

C
S
S
?

:)

_____________________________

If you arent part of the solution, then there is good money to be made prolonging the problem

§þ:)k¥


(in reply to gorilla)
bobby

 

Posts: 11394
Joined: 8/15/1969
From: Seattle WA USA
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 6/15/2003 1:04:42   
That is the coolest trick I' ve learned in a long time.

I' m gonna have to play with that one in a few browsers.

I have a client/friend who is about to have one heck-uv-a fun prank pulled on them in the very near future. :)

Thanks be to the Mighty Primate for blessing me with this powerful magick.
:)

_____________________________

If con is the opposite of pro, is Congress the opposite of progress?


:)

(in reply to gorilla)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 6/15/2003 10:23:56   
quote:

ORIGINAL: Spooky

W
h
o

n
e
e
d
s

C
S
S
?

:)



Lazy people like me!:)

Med venlig hilsen

Karsten
Sub junior deputy under to the deputy assistant under junior deputy spokesgorilla :-)


København
Juni 15 2003

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to Spooky)
enrightd

 

Posts: 1019
Joined: 12/5/2001
From: Rock Hill SC USA
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 6/16/2003 15:45:06   
Clever.

But Why would anyone want " verticaltext" anyway???:)

_____________________________

Thanks,
Dan

I wonder how much deeper the ocean would be without sponges

(in reply to gorilla)
LCAngela

 

Posts: 7
Joined: 7/28/2003
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/28/2003 7:30:14   
I know this is an old thread, but honestly, I registered with this forum just to reply to it!

quote:

Enrightd says:

But Why would anyone want " verticaltext" anyway???


Check this out: http://echs.lunaclick.net/content/frames.htm

The text in the frame on the left side was done with the CSS trick Gorilla posted, which was *exactly* what I was looking for. It wouldn' t have looked nearly as smooth if I' d used the graphic I made or just put a <br> between every letter.

Thanks, Gorilla! :)

(in reply to gorilla)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/28/2003 7:48:22   
quote:

Check this out: http://echs.lunaclick.net/content/frames.htm


All I get is a series of popups telling me at the wong site....

_____________________________

Gil Harvey, 1947-2004

(in reply to gorilla)
LCAngela

 

Posts: 7
Joined: 7/28/2003
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/28/2003 8:18:35   
quote:

Gil says:

All I get is a series of popups telling me at the wong site....


My main site page (http://www.lunaclick.net) does have a looping routine of confirm and alert dialogs to ensure that people are no longer using my old domain...it alerts you and takes you to the new domain if you click " Cancel," but releases you from the loop if you click " OK." The ECHS subdomain works fine, though, and does not include any popups. If you click on the link in my last post, it should take you directly to the correct frameset.

(If you go to http://echs.lunaclick.net, you' ll get a page that takes you nowhere except back to the main LunaClick site. If you go to http://echs.lunaclick.net/content, you get a directory listing (gotta fix that, lol) from which you can click " frames.htm" to get to the intended page.)

Please try again...it should work fine. :)

(in reply to gorilla)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/28/2003 8:36:56   
quote:

The ECHS subdomain works fine



Nope - I get a page with a link,

# ECHS Alumni are just a bunch of LunaClicks #

that takes me to an endless looping of popups...

_____________________________

Gil Harvey, 1947-2004

(in reply to LCAngela)
LCAngela

 

Posts: 7
Joined: 7/28/2003
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/28/2003 9:04:51   
quote:

Gil says:

Nope - I get a page with a link,

# ECHS Alumni are just a bunch of LunaClicks #

that takes me to an endless looping of popups...


Well, like I said, if you go to the main subdomain page, http://echs.lunaclick.net, that' s what you' ll get. :)

You have to go specifically to http://echs.lunaclick.net/content/frames.htm.

< Message edited by LCAngela -- 7/28/2003 9:30:51 AM >

(in reply to gorilla)
Gil

 

Posts: 7533
From: North Carolina, USA
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/28/2003 9:18:45   
quote:

You have to go specifically to http://echs.lunaclick.net/content/frames.htm.



I DID - and got:

" Nope - I get a page with a link,

# ECHS Alumni are just a bunch of LunaClicks #

that takes me to an endless looping of popups..."

_____________________________

Gil Harvey, 1947-2004

(in reply to LCAngela)
fiachra

 

Posts: 338
Joined: 5/12/2002
From:
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/28/2003 17:29:24   
Umm I got 404d and taken here:

http://echs.lunaclick.net/messages/404notfound.htm

LCAngela - I' m " minding the shop" while the gorillas are away. I' ll pass on your thanks.

F

< Message edited by fiachra -- 7/28/2003 5:31:06 PM >

(in reply to gorilla)
LCAngela

 

Posts: 7
Joined: 7/28/2003
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/28/2003 17:42:14   
quote:

Fiachra says:

Umm I got 404d and taken here


Make sure the " ." isn' t tagging itself onto the end of the URL...I had this problem earlier, actually, when I clicked the link on the board.

Try this link: http://echs.lunaclick.net (I' ve just uploaded some updates.)

(in reply to gorilla)
pageoneresults

 

Posts: 1001
From: Orange, CA USA
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/30/2003 12:55:41   
CSS3 Text Module - W3C Candidate Recommendation 14 May 2003 - writing-mode

Pretty cool stuff! How the heck did you get your hands on that? ;)

Be careful when using CSS2 and CSS3 formatting. There are still many browsers that are now playing catch up on CSS2. Some have not yet addressed CSS3, Opera is one of them. I viewed the above site in Opera and it does not understand the writing-mode property. So, that great looking effect in IE is negated when viewing in other browsers who may not support the property. Just something to think about if you have more than a small percentage of visitors using something other than IE.

< Message edited by pageoneresults -- 8/19/2003 8:25:09 PM >

_____________________________

SEO Consultants Directory
Find Search Engine Marketing Companies

(in reply to gorilla)
Paul Orlowski

 

Posts: 9
Joined: 10/21/2002
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 7/30/2003 13:12:43   
Doesn' t work for me.
I pasted the html into notepad then into the Front Page 2002 Html tab replacing what was previously there. My text comes out like a paragraph, not vertical.

Is there something else I need to do?

Paul

(in reply to gorilla)
BeamMeUp

 

Posts: 12
From: None
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 8/19/2003 14:43:55   
I copied and pasted this code into an html page and nothing happened. Just got plain old horizontal text - what am I missing? I am running IE 5; do I need a newer version of the browser?

(in reply to gorilla)
LCAngela

 

Posts: 7
Joined: 7/28/2003
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 8/19/2003 14:59:39   
Paul and BeamMeUp:

Take the space out in front of the DIV ID attribute...
id=" verticaltext" should be id="verticaltext"

It should work fine then. :)

(in reply to BeamMeUp)
gorilla

 

Posts: 2974
From: Denmark
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 8/19/2003 15:21:32   
Just to make one quick point. Karsten did this as a joke in response to a posting Bobby made elsewhere. See his sig :-) and indeed the title of the thread.

He sent bobby a screenshot of what the code does and wondered how many millionths of a second it would be before bobby logged in, found, and tried, the code.

He had a serious intent also, to, as PageOneResults spotted, give a sneak preview of just one of the things we can expect from CSS3. PageOneResults' other point is very important also.

This is non-standard code and may well not render properly in many current browsers. What this means is that when a browser doesn't understand the instructions in Karsten's code, it [i}won't break the browser all that will happen is that the browser will ignore the instructions and render the paragraph as a normal one.

One point of optimism for CSS3 btw is that the word we're getting here is that W3C are plannning on releasing it "into the wild" in a modular way. Thereby giving browser manufacturers a way of planning their upgrades/support.

Hope this helps and thank you LCAngela for spotting the typo.


Thor

Spokesgorilla :-)

Copenhagen
Denmark
August 19th 2003

PS:

Paul

From the notes IE6 was the version of IE tested that this did work for. So many bugs in IE5 that for once I suggest an upgrade.

T

< Message edited by gorilla -- 8/19/2003 3:35:56 PM >

_____________________________

Mháircaish

Signature self-censored to protect the sensibilities of the thin-skinned :).

May we never confuse honest dissent with disloyal subversion. – Dwight D. Eisenhower



(in reply to gorilla)
Paul Orlowski

 

Posts: 9
Joined: 10/21/2002
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 8/19/2003 15:49:34   
I removed the space in
id="verticaltext"

This is the html code copied back from my page.
It's still coming up horizontal for me.

<html>
<head>
<style>
<!--
#verticaltext {
writing-mode: tb-rl;
filter: flipv fliph;
}
-->
</style>

</head>
<body>

<div id="verticaltext" >WHEE!!!!! Hello Bobbeeeeee!!!!!!! Karsten
Sub junior deputy under assistant to the deputy assistant under junior deputy spokesgorilla :-)

København
Juni 15 2003
</div>

</body>


Any more suggestions?
Paul

(in reply to gorilla)
LCAngela

 

Posts: 7
Joined: 7/28/2003
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 2/4/2004 4:27:21   
I can't edit my posts above, or else I'd take care of this myself...

Could one of the mods or admin please remove my links from the posts above, or at least take the end punctuation off of the ones that need it? A couple of the links continually produce error messages in my logs, resulting in unnecessary 404 errors.

I did decide to stop using the vertical text -- even though it's a very cool effect! -- because it indeed didn't translate well (read: at all) in some browsers.

Thanks!

(in reply to Paul Orlowski)
LCAngela

 

Posts: 7
Joined: 7/28/2003
Status: offline

  		RE: Vertical Text - A little " How to" prese... - 2/6/2004 4:29:06   
Please, pretty please, remove my links from above. :) I can edit the post I made the other day, but again, for some reason, I can't edit the older ones. Much obliged!

(in reply to LCAngela)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Vertical Text - A little " How to" present for bobby 		Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts


Back to top

  Microsoft Corporation in no way endorses or is affiliated with "OutFront."
  OutFront is published and edited by Thomas Brunt.
  440 Great Circle Dr., St. Matthews, SC 29135.
  © 2008 All Rights Reserved
  Click here to view our privacy statement.