Kezdőoldal » Számítástechnika » Weblapkészítés » Hogy lehet 90 fokkal elforgato...

Hogy lehet 90 fokkal elforgatott szöveget írni? Htmlben?

Figyelt kérdés

2012. máj. 13. 08:16
 1/3 anonim ***** válasza:
2012. máj. 13. 08:47
Hasznos számodra ez a válasz?
 2/3 Drone007 ***** válasza:

Ahogy az előző is utalt rá finoman ehhez már css-t is használnod kell.

Példa:


<html><head><title></title>

<style>

.rotate {

/* Safari */

-webkit-transform: rotate(-90deg);

/* Firefox */

-moz-transform: rotate(-90deg);

/* IE */

-ms-transform: rotate(-90deg);

/* Opera */

-o-transform: rotate(-90deg);

/* Internet Explorer */

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

</style></head>

<body>

<div class="rotate">Elforgatva</div>

</body>

</html>


Ez a legtöbb böngészőnél működik, de ahogy látod majd minden böngésző máshogyan értelmezi a dolgot, ezért kell ennyi sor a style-ban. Ráadásul az Internet Explorer 8 vagy az alatti verziók nem használják a legújabb (CSS3) trükköket, ezért ilyen spec filteres megoldások szükségeltetnek.


Kísérletezz bátran!

[link]

[link]

2012. máj. 13. 09:01
Hasznos számodra ez a válasz?
 3/3 A kérdező kommentje:
köszi
2012. júl. 17. 11:39

Kapcsolódó kérdések:




Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!