Toon posts:

[css] writing-mode tb-rl andersom...

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb het volgende:
Afbeeldingslocatie: http://i1.tinypic.com/ogxo94.gif

Maar nu wil ik eigelijk dat de "geilheid" precies andersom komt te staan, alleen krijg ik dit niet helemaal voor elkaar met de huidige css eigenschappen.
Er is nu "top to bottom - right to left" maar eigelij kwil ik "bottom to top - left to right".

Zegmaar zo:
Afbeeldingslocatie: http://i1.tinypic.com/ogxpty.gif

Ik kom er dus niet uit hoe je dit zou moeten kunnen binnen css.
Ik heb al wel overwogen om er een achtergrond plaatje van te maken, maar das dan net niet wat je eigelijk wil...

Verwijderd

Volgens de W3C recommendation van CSS3 (http://www.w3.org/TR/2003/CR-css3-text-20030514/) hoort de writing-mode tag vanalles aan te kunnen, maar een bottom-to-top is nergens te vinden. Dan is het nog de vraag of dit wel ondersteund wordt door alle browsers, het is immer CSS3.

Verwijderd

Topicstarter
Hmm, ja. Hij werkt idd alleen voor IE, maar das geen probleem want we ontwikkelen de applicatie specifiek voor IE.
Is er een andere mogelijkheid om het beoogde effect wel te bereiken? Het lijkt een zo voor de hand liggende mogelijkheid namelijk :S

Verwijderd

alleen voor ie? een css rotatie filter erbij plempen (of alleen gebruiken)

(ben overigens erg benieuwd naar waar je mee bezig bent, ben namelijk zelf ook bezig met grafieken slim online te krijgen)

[ Voor 46% gewijzigd door Verwijderd op 24-02-2006 13:20 ]


  • RM-rf
  • Registratie: September 2000
  • Laatst online: 19:46

RM-rf

1 2 3 4 5 7 6 8 9

bedoel je soms het roteren van een element?

Writing-mode is vooral bedoeld voor de leestekenrichting van tekst (links-naar-rechts voor wsesterse schriften, andersom voor arabisch en hebreeuws) en of een tekst horizontale regels volgt of juist verticale regels (bv bepaalde chinese schriftsoorten) .....

dat zou het bv mogelijkmaken om een stuk teksten te zetten als
code:
1
2
3
4
5
6
7
8
9
10
11
12
D  s
i  t
t  u
   k
i  j
s  e

e  t
e  e
n  k
   s
   t


CSS3 wordt echter sowieso niet door explorer ondersteund ... Maar wel zijn er bv voor het roteren van elementen proprietaire properties, de 'filters', die het in msie wel mogelijk maken elementen te draaien
http://msdn.microsoft.com...author/filter/filters.asp
http://msdn.microsoft.com...r/reference/reference.asp
speciaal bv iets als filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3) zou interssant moeten zijn (dat het door jou gewenste effect moeten geven)

[ Voor 48% gewijzigd door RM-rf op 24-02-2006 13:41 ]

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen


Verwijderd

Topicstarter
Whoei. Das een slimme oplossing. De filters zijn idd een mooie optie in verband met onze ie only app.
Thanx dit zou de boel gewoon goed moeten oplossen :)

K had even helemaal niet aan de filter gedacht.

Verwijderd

maar dan ben ik toch nog heel erg nieuwchierig naar de applicatie zelf :P

Verwijderd

Topicstarter
Ghehe, het was even een demo'tje. De applicatie zelf gaat helaas niet over de graad van opwinding. Het ging om een veel saaier onderwerp namelijk: risico niveuas.

Verwijderd

maar zit er nog iets speciaals achter die grafieken? want blijkbaar wil je niet alle info in het plaatje hebben zitten maar op de een of andere manier toegankelijk hebben (selecteerbaar, kopieerbaar oid).

Ik ben namelijk bezig met het clientside omzetten van xhtml tabellen naar een svg grafiek mbv een xsl transformatie. Werkt overigens alleen nog even in Fx omdat dat de enige browser is die én SVG doet én xsl transformaties kan.

Dus vandaar m'n interesse

[ Voor 4% gewijzigd door Verwijderd op 24-02-2006 16:49 ]


  • aex351
  • Registratie: Juni 2005
  • Laatst online: 19:01

aex351

I am the one

gewoon rtl gebruiken ?

< dit stukje webruimte is te huur >


Verwijderd

Topicstarter
Het ging eigelijk helemaal niet om een grafiek, maar om een grid waar dingen in komen te staan aan de hand van een risicoanalyse. Geen grafiek met svg dus helaas. wel een leuk iets overigens.
Probeer het eens uit. Werkt niet in deze situatie ;)
Pagina: 1