Home › Forums › General Webmaster Forum ›

CSS vertical text for mozilla-firefox?

Submitted by Anonymous on Mon, 06/08/2009 - 11:17

I have no problem with internet explorer. This code works on msie but not on mozilla firefox.

<style>
.my_vertical_text { writing-mode: tb-rl; filter: flipv fliph; }
</style>

<p class="my_vertical_text ">A vertical text with css</p>

I need it for a table header (data grid view). Is there a solution without text-over-images for both msie and ff?

Bookmark/Search this post with
‹ Get Full Url Path excluding PHP Script's name Modern Websites ›
Tags:
Submitted by Anonymous on Sat, 06/27/2009 - 13:25.

Just if you use CSS3

Submitted by Anonymous (not verified) on Tue, 07/14/2009 - 18:53.

why answer a question without actually answering the question? Your answer was as helpful as if you just said "yes". WTF?

Submitted by Duminda (not verified) on Fri, 08/20/2010 - 11:55. 
Try this,
<style type="text/css">
.my_vertical_text { display:block; -moz-transform: rotate(-90deg);	}
</style>

<p class="my_vertical_text ">A vertical text with css</p> 

This works on mozilla 
Cheers :D

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Use <pre> all your html php come here </pre> for your code
  • Allowed HTML tags: <a> <b> <pre> <h1> <h2> <h3> <h4> <h5> <h6> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <div> <style><img> <br> <blockquote>
  • Lines and paragraphs break automatically.
  • You may insert videos with [video:URL]

More information about formatting options

CAPTCHA
This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Image CAPTCHA
Enter the characters shown in the image.

CafeWebmaster.com(CW) is a free online community for webdevelopers and beginners. Anybody can share their code, articles, tips, tutorials, code-examples or other webdesign related material on the site. Newbies can submit their questions and reply to existing questions. CW does not guarantee or warrant reliability of code, data and information published on the site. Use the site on your own risk. The site takes no responsibility of direct or indirect loss or any kind of harm to its users. The site also doesn't take responsibility of infected files or source code with any kind of infection or viruses, worms, spywares, malwares, trojan horses. CW reserves the right to edit, move, or delete any of content for any reason.