View Full Version : Text Rotation?

02-15-2004, 04:00 PM
Is there a CSS attribute to write vertical text? If not that would be cooool. Will i just have to use an image?

02-15-2004, 04:10 PM
Well, you don't want to write to much otherwise it'll be illegible, so an image with image-replacement would be the way to go.

02-15-2004, 04:12 PM
image replacement? like a rollover? or an alt attrib?

02-15-2004, 04:18 PM
To explain image replacement I first need to explain something else — the seperation of content and style. This means keeping your content in one file, and the style (the CSS rules that determine how the page should look) in another. This carries many advantages, mostly ease of updateability, but also alternate devices can be presented with a perfectly good looking page easily without writing in WML or something.

Many people use images as a way of presenting fancy text. Images are presentational markup, they are not just pure text. So, what we normally do, is write the text in the (X)HTML, and use CSS to hide that text and present the image. There are several methods, here is my favourite:
(X)HTML code with the text:
<h1>Hello World</h1>

CSS code to show image:
h1 {
text-indent: -2000em;
background: #fff url(image.gif) no-repeat}Of course, if you wanted to use the image replacement on a tag that appeared several times on your page, you shoud give the element an id (eg <h1 id="header">) and use the id selector in your CSS (eg h1#header {...}).


02-15-2004, 04:46 PM
oh ok. I think i get you, cheers

ps i already separate content and style :D