Improve company productivity with a Business Account.Sign Up

x
?
Solved

Trying to invert text

Posted on 2008-06-17
5
Medium Priority
?
1,839 Views
Last Modified: 2010-05-18
Hey im trying to invert text that is displayed on a cfm page,  i know all about flipv and fliph and writing-mode in css, this does not work as the text font, weight gets effected when doing this , is there any other way to invert text

please help
0
Comment
Question by:jockmahon01
5 Comments
 
LVL 49

Accepted Solution

by:
Roonaan earned 1000 total points
ID: 21801806
You might try a negative letter-spacing:
letter-spacing:-2em;
0
 

Author Comment

by:jockmahon01
ID: 21801954
well how do i invert , ie upside down , as well
0
 
LVL 17

Expert Comment

by:gops1
ID: 21810158
You can use flip in css but it works only in IE:

<span style="height: 20px; font-size: 16px; font-family: Verdana; Filter: FlipV">Upside Down </span>
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 21810818
Use images

Php can do it for you dynamically
0
 
LVL 75

Expert Comment

by:Michel Plungjan
ID: 22026150
Hmm - the negative letter spacing did not do it for me. Did you just close it to close it?
0

Featured Post

What Kind of Coding Program is Right for You?

There are many ways to learn to code these days. From coding bootcamps like Flatiron School to online courses to totally free beginner resources. The best way to learn to code depends on many factors, but the most important one is you. See what course is best for you.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

This article discusses how to create an extensible mechanism for linked drop downs.
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …

606 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question