Inhalte mit Winkelangabe versehen?

[:: RK ::]

hi,

sagt mal kann man n DIV o.ä. ne Winkelangabe verpassen, so dass es schief
steht? Ich rede nicht von kursivem Text sondern davon, ein Objekt einfach
schief zu positionieren (z.B. von links unten nach rechts oben).

div {
  position: absolute;
  top: 100px;
  left: 100px;
  width: 300px;
  height: 30px;
  /* hier Winkel eintragen ??? */
}

Geht sowas mit CSS oder brauch ich JS dafür? Uns wenn JS, wie?

Danke

Edit:
Wenn möglich IE6 tauglich ... also kein CSS3

[Dharokan]

Zitat von :: RK ::

Wenn möglich IE6 tauglich ... also kein CSS3

You made my day


In CSS3 ist ein "rotating" angedacht: CSS basic box model
Aber wie das mit der Unterstützung aussieht, kann' man sich ja denken

Dann gibt es noch ein paar Webkit-Tricks oder Microsoft Filter o.ä.
Mit Javascript/JQuery geht wohl auch was: jquery-rotate on Google Code

Mir ist keine sichere Möglichkeit bekannt, die ich auch wirklich in einem eigenen Projekt einsetzen wollen würde.

Willst Du denn eine Grafik drehen oder soll nur der Eindruck einen schiefen Kästchens entstehen? Bei Zweiterem könntest Du den Effekt mit geschickter Verwendung von Hintergrundgrafiken faken.

Grüße!

[:: RK ::]

Zitat von Dharokan

You made my day :-D


In CSS3 ist ein "rotating" angedacht: CSS basic box model
Aber wie das mit der Unterstützung aussieht, kann' man sich ja denken

Dann gibt es noch ein paar Webkit-Tricks oder Microsoft Filter o.ä.
Mit Javascript/JQuery geht wohl auch was: jquery-rotate on Google Code

Mir ist keine sichere Möglichkeit bekannt, die ich auch wirklich in einem eigenen Projekt einsetzen wollen würde.

Willst Du denn eine Grafik drehen oder soll nur der Eindruck einen schiefen Kästchens entstehen? Bei Zweiterem könntest Du den Effekt mit geschickter Verwendung von Hintergrundgrafiken faken.

Grüße!

Danke für deine Antwort

"rotation" von CSS3 ist mir auch bekannt, aber eben nicht IE6 tauglich.

Ich werds wohl mal mit JS versuchen.

Es geht um Screendesigns für Webseiten in welchen Beschriftungen um ein
paar Grad gedreht angeordnet sind (aber keine Animationen, alles statisches
HTML). Diese Beschriftungen sollen im HTML als normaler Text erscheinen.
Mit Hintergrundgrafiken komm ich da leider nicht weit .

Frage is nur: wie?

[Ahrsib]

Zitat von :: RK ::

… Frage is nur: wie?

Frage ist aber auch: wie siehts aus?
Schiefe Köpfe beim Konsumieren der Site?
Manche Ideen mancher Kunden
muss man diesen ausreden.

Ahsib
... IE 6 und drehen! *spöttel*

[Dharokan]

Zitat von :: RK ::

Es geht um Screendesigns für Webseiten in welchen Beschriftungen um ein
paar Grad gedreht angeordnet sind (aber keine Animationen, alles statisches
HTML). Diese Beschriftungen sollen im HTML als normaler Text erscheinen.
Mit Hintergrundgrafiken komm ich da leider nicht weit .

Ohne Bildchen kann ich mir da jetzt nichts vorstellen...
Kannste was zeigen?

[:: RK ::]

Zitat von Dharokan

Ohne Bildchen kann ich mir da jetzt nichts vorstellen...
Kannste was zeigen?

Vom eigentlich Projekt kann ich nix zeigen, aber hier mal n Bild welches den
groben Aufbau demonstriert.

Es gibt ein großes Hintergrundbild welches sich über die gesamte Seite erstreckt
(in Höhe wie auch Breite). In diesem Hintergrund gibt es auf an der Position
der oberen Rechtecke (der angehängten Grafik) grafisch zwei Bereiche welche
eine Überschrift besitzen. Diese Übeschrift soll aber später verändert werden
können (z.B. Mehrsprachigkeit, etc).

Ich kann die Überschrift also nicht in die Hintergrundgrafik einbinden.

Ausreden lässt sich das leider nicht

[Dharokan]

Mit reinem HTML wird das nicht gehen.

Aber das könnte doch eine gute Einsatzmöglichkeit für sIFR oder Consorten sein?!

Wenn das 'ne TYPO3 site wird, könntest Du vielleicht auch imageMagic dazu verwenden, die Überschriften dynamisch zu generieren. Wie's da mit Rotation aussieht, weiß ich allerdings nicht. Könnte mir vorstellen, daß man da tricksen müsste.

Das war's an Einfällen meinerseits...

Du machst das schon

[:: RK ::]

Zitat von Dharokan

Mit reinem HTML wird das nicht gehen.

Aber das könnte doch eine gute Einsatzmöglichkeit für sIFR oder Consorten sein?!

Wenn das 'ne TYPO3 site wird, könntest Du vielleicht auch imageMagic dazu verwenden, die Überschriften dynamisch zu generieren. Wie's da mit Rotation aussieht, weiß ich allerdings nicht. Könnte mir vorstellen, daß man da tricksen müsste.

Das war's an Einfällen meinerseits...

Du machst das schon :-D

Ne leider keine TYPO3 Seite sonst hätt ich natürlich sofort zu grafischen
Headlines gegriffen , aber danke für dein Vorschlag. Es ist ne statische
HTML Seite, nichts besonderes außer eben den gedrehten
Headlines

siFR wär ne Möglichkeit, ist aber nicht eingeplant und wär in etwa wie
"mit Kanon auf Spatzen geschossen".

Zitat von Dharokan

Du machst das schon :-D

Das haben Die auch zu mir gesagt

[Nightflyer]

Würds mit PHP drauf generieren

PHP: imagettftext - Manual

[Dharokan]

Zitat von Nightflyer

PHP: imagettftext - Manual

Wow, die Funktion ist bislang völlig an mir vorbeigegangen...
Guter Tipp!

[:: RK ::]

Zitat von Nightflyer

Würds mit PHP drauf generieren

PHP: imagettftext - Manual

Hab ich schon erwähnt, dass alle _statisch_ ist

Ich hab das Netz jetzt abgegrast und bin zu folgendem Entschluss gekommen:
der IE kann Objekte nur in 90 Grad Schritten drehen, also 90, 180 und 270.
Mehr kann der gute Junge net (IE8 eingeschlossen)!

Habs für den Firefox und Safari geschmeidig per CSS lösen können, aber der IE
versagt auf ganzer Linie! Im IE6 soll das mit den 90 Grad Schritten angeblich auch
gehen, aber ich habs net hingekriegt (ich bezweifle, dass es geht).