CSS Text Direction

[bharanidharanit]

Hello,
I used this code to change the text direction. This is working in IE but not in mozilla firefox. Also many properties are changing from IE to firefox like padding.
How to rectify this?

writing-mode: tb-rl;

[SambaNeko]

writing-mode is a CSS3 property that's not well-supported at this time. Use direction instead:

direction:rtl;

This is a good list of the CSS properties you can more-or-less depend on being supported at this time.

[bharanidharanit]

Ya, actually that prints text from right to left. right? I want my text to position like this in the image.

[SambaNeko]

Ah, I see, though I don't think that's possible with CSS2. You'd need to use an image of the text instead.

[bharanidharanit]

ya may be with css2, i found this code working in IE for my needs. but not in mozilla.

writing-mode: tb-rl;

[kows]

which means it's unsupported by other browsers, which means you should probably not use it. read Samba's first reply ;)

[bharanidharanit]

ya then i can use images, Also, do the page loads slow when we use images?? If yes, is there anyway to optimize the speed of loading page when using images???

[kows]

of course page loads are increased when using images; this all depends on how big your images are, though. a small image (which is most likely what you have in mind for this) is not going to take a significant amount of bandwidth to load. a large photograph, however, can be much larger (say, 500 - 1000kb), and might take a second or two to load for most users. you would "optimize" them when making the image itself.

[bharanidharanit]

Ya thankyou, i read somewhere, we can put all images together and call it using CSS positioning. So is this the good one?

[kows]

.. I don't know what you mean, but either way you look at it, you have to load the image. this will increase the bandwidth required to load your website no matter what.

[bharanidharanit]

ya, acutally i meant i am having nearly 50 images, can i combine all those images as a single image. So when the page loads it loads only a single image, rather than loading all those 50 images. Will this be helpful?

[kows]

.. no? how would you possibly even display them all the way you'd want to?

while I know this is possible using the background-position CSS property, a method like this for upwards of 50 images seems like it would be out of your grasp right now. it depends on the content of the images, as well. are they layout images, or are they photographs?

the fact that you have almost 50 images kind of worries me and makes me think you might be doing something wrong. even some of the most complex layouts don't use 50 different images.

[bharanidharanit]

Ya. I read in some links, using background-position property we can display the images with positions. And also those images for layout only. And i am having 5 to 6 pages. and each page has 10 images approx. But the styles for all the page is same. So i thought of CSS position method, after merging all images as a single image.
Is that the good one?

[kows]

it really depends on the layout images :/ if you're not familiar with how to do it, then don't try to do it. it isn't going to save you any trouble when you're just starting out.

[bharanidharanit]

ok thankyou

[Justa Lol]

i got a suggestion, you could use php to generate an image and rotate it using php code...

http://php.about.com/od/gdlibrary/a/rotate_image_gd.htm

[kows]

making a PHP script to rotate an image is a little much, especially if this text is never going to change.