[CSS] Ruotare div

01-03-2010, 19.52.15

Ciao a tutti, sto cercando un modo per ruotare un div...
Se ad esempio io il div lo vorrei a 45° come potrei fare con il CSS?
Immaginate un div semplice con css semplice! xD

Codice PHP:


<style type="text/css">#ruota { color: #aaa; }</style>

<div id="ruota">Testoooooooooooooooooooooooooooooo</div>

Grazie mille.

01-03-2010, 20.00.44

Domanda semplice risposta semplice..

oppure questo testato solo con IE

Codice PHP:


<HTML>
 <HEAD>
  <TITLE>Untitled Document</TITLE>
 </HEAD>

 <BODY bgcolor="#FFFFFF" text="#000000">
 <DIV ID="oDiv" STYLE="position:absolute; left:300px;">
  <IMG SRC="whatever.gif">
 </DIV>
 <BUTTON onclick="oDiv.style.filter=
  'progid:DXImageTransform.Microsoft.BasicImage(rotation=1)'">
  Rotate 90 degrees
 </BUTTON> 
 </BODY>
</HTML>

01-03-2010, 20.15.12

Originalmente inviato da zomer

Domanda semplice risposta semplice..

Se solo tutto fosse così semplice

...non devo ruotare un immagine ma un div con dentro un testo!

Infatti avevo già visto quel sito prima che lo scrivessi tu! >.<"

**dementialsite** · 01-03-2010, 23.24.34

A quanto pare, la rotazione di un elemento è prevista solo in CSS3 (non ancora completamente supportato dai browser).

Qui la proprietà "ufficiale" rotation, mentre qui alcuni work-around per Firefox, Safari e (in parte) Internet Explorer.

Stammi bene...

01-03-2010, 23.47.50

Originalmente inviato da sIM

Se solo tutto fosse così semplice

...non devo ruotare un immagine ma un div con dentro un testo!

Infatti avevo già visto quel sito prima che lo scrivessi tu! >.<"

Scusa

02-03-2010, 00.35.24

Trovato il codice:

Codice PHP:


-moz-transform: rotate(45deg);

Grazie mille...e scusami zomer se ti sei offeso. Non volevo! ^^"

Discussione: [CSS] Ruotare div

LinkBack

Strumenti discussione

Display

[CSS] Ruotare div

Regole di scrittura