Hogy lehet 90 fokkal elforgatott szöveget írni? Htmlben?
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!
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!