homepage Welcome to WebmasterWorld Guest from 23.20.19.131
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / CSS
Forum Library, Charter, Moderator: open

CSS Forum

    
rotate text using CSS or table
luma




msg:1176886
 1:40 am on Aug 2, 2002 (gmt 0)

I would like to create the following using either CSS or a table based design. The only only problem: the LABEL on the left should be rotated by 90 degree, so it reads from bottom to top.

H E A D E R
L afd asdf asdfas aa
A adsfasdf asdfasd s
B asdfasdf asdfaaaaa
E dfasasdfasdffaa aa
L aas ssd aaaaaa aaa

L afd asdf asdfas aa
A adsfasdf asdfasd s
B asdfasdf asdfaaaaa
E dfasasdfasdffaa aa
L aas ssd aaaaaa aaa

Speaking in terms of table, I would use:

<tr><td colspan=2>Header</td></tr>
<tr><td>label</td><td>content content content</td></tr>

So anything I could use to get the "label" rotated?

 

SmallTime




msg:1176887
 1:55 am on Aug 2, 2002 (gmt 0)

a gif? (for the lable) Haven't seen a css transform for rotate. Might be a dhtml solution also.

Nick_W




msg:1176888
 6:10 am on Aug 2, 2002 (gmt 0)

Yes, I'd use a gif too. You could do it in css but it would be far more trouble than it's worth.

Nick

idiotgirl




msg:1176889
 6:49 am on Aug 2, 2002 (gmt 0)

Since you're doing this in tables why not use CSS to define your line height and letter spacing and do your LABEL as

<tr>
<td class="myfixedsize">L<br>E<br>B<br>A<br>L</td>
<td class="myfixedsize">
text line 1<br>
text line 2<br>
text line 3<br>
(etc.)
</td></tr>

They'd line up perfectly so long as you specified your formatting via CSS for height, width, line-height, etc. (Well... they should, anyway.) Lots faster to change than a gif!

<edit>duh - now I see. Nevermind. You want the letters themselves on their side, right?</edit>

rewboss




msg:1176890
 8:58 am on Aug 2, 2002 (gmt 0)

I think it may be possible in Internet Exploder ;) but I'd think twice about doing it. It is fantastically difficult to read on screen.

Global Options:
 top home search open messages active posts  
 

Home / Forums Index / Code, Content, and Presentation / CSS
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved