HTML Text rotieren

KaffeeFan

KaffeeFan

Bekanntes Mitglied
Hey Peoplezzz,

ich bin momentan dabei in HTML einen Text um 90Grad zu rotieren, dies klappt soweit auch, allerdings nur in Firefox, im IE wird der Text ohne Rotation angezeigt...

Gibt es eine Möglichkeit, dass der Text in allen Browsern mit Rotation angezeigt wird?

Gruß
Luk
 
KaffeeFan

KaffeeFan

Bekanntes Mitglied
Habe es jetzt hinbekomme!
Habe einen Filter gesetzt, der es auch im IE dreht.
Dreht sich jetzt soweit in Firefox, im IE und im edge ebenfalls, das sollte erstmal reichen...

HTML:
<html>
  <style>
    #block{
      width:500px;
      height:500px;
      display:block;
      margin:auto;
      border: 1px solid #000;
      position:relative;
    }

    #text {
      -webkit-transform: rotate(90deg);
      -webkit-transform-origin: left top;
      -moz-transform: rotate(90deg);
      -moz-transform-origin: left top;
      -ms-transform: rotate(90deg);
      -ms-transform-origin: left top;
      -o-transform: rotate(90deg);
      -o-transform-origin: left top;
      transform: rotate(90deg);
      transform-origin: left top;

      position: absolute;
      top: 0;
      left: 100%;
      white-space: nowrap;   
      font-size: 48px;
     
      filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    }
  </style>
  <div id="container">
    <p id="text">Rotier dich!!!</p>
  </div>
</html>

Trotzdem danke für deine Hilfe!

Gruß
Luk
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
PhilipMJNE Hilfe bei HTML und CSS! HTML / CSS 12
PhilipMJNE CSS in HTML via Link einbinden PROBLEM ! HTML / CSS 22
VPChief HTML Bei bestimmter eingabe in textfeld neu HTML Seite öffnen HTML / CSS 6
B Bilder aus Server in HTML anzeigen HTML / CSS 5
B Zeit für Doppelklick messen (HTML/JS) HTML / CSS 3
M Javascript: HTML-Datei erstellen und auf Festplatte speichern HTML / CSS 8
M HTML-Code einer fremden Webseite auslesen - geht das mit Javascript HTML / CSS 19
U Html Funktion Java Funktion zuweisen HTML / CSS 2
D Daten von einer HTML Datei auf eine andere HTML Datei bekommen HTML / CSS 2
E HTML DOM HTML / CSS 1
A Nur bestimmte Zeichen in HTML input Feld erlauben (JavaScript) HTML / CSS 11
Dimax HTML bei button click Formular an php senden aber andere seite öffnnen HTML / CSS 23
Dimax Mehrere css Dateien in eine HTML Seite einbinden HTML / CSS 3
Dimax Variable vom Get Request in HTML abfangen HTML / CSS 9
A Mit Modal (Bootstrap) eine html Seite anzeigen, die von id abhängig ist HTML / CSS 0
D HTML- Formulare an den Server senden HTML / CSS 5
S Quiz mit HTML/PHP erstellen HTML / CSS 3
W Keylistener Applet in Html HTML / CSS 9
S HTML Datei per E-Mail versenden HTML / CSS 3
K Html Programmieroberfläche einbinden (java) HTML / CSS 1
_Andi84 Unfertige HTML Ersetzungsfunktion HTML / CSS 1
T [JS] Extrahiere werte aus HTML Tabelle (td) aber nur bestimmten Teil HTML / CSS 5
K Verständnis von HTML/CSS & JScript HTML / CSS 2
Pataraca mit HTML auf php zugreifen HTML / CSS 1
I zugehörige HTML bzw. PHP Datei in den Entwicklertools finden HTML / CSS 3
D Hilfe bei erster Html-Aufgabe (Rahmen) HTML / CSS 6
K How to create Html tables for java parser objects? HTML / CSS 2
EisKaffee HTML interner Link soll neues Fenster aufmachen HTML / CSS 2
H javascript - html Beispiel LQH, verwirklichung HTML / CSS 1
I Menü, Header, Content ausgliedern aus einer HTML Seite HTML / CSS 2
G HTMl Tabellen-Zelle zeilen oder Höhe begrenzen HTML / CSS 1
O HTML/CSS doppeltes DropDown Menu HTML / CSS 1
A Formatierten Text an innerHTML übergeben HTML / CSS 6
B javascript ausgabe in Text HTML / CSS 2
E 2 text eingaben in einer function ? HTML / CSS 2

Ähnliche Java Themen

Anzeige

Neue Themen


Oben