[CSS/DHTML] Verticale tekst

[Verwijderd]

hey

ik vroeg me af of et mogelijk is om de tekst verticaal te laten lopen (van beneden naar boven dus ) met behulp van css / dhtml

en dan nog compatible met ns4.X ook

tnx/tim

[Verwijderd]

nope...

[Tsjipmanz]

Wat je zou kunnen proberen is een tabel zo dun maken dat ie elke letter wel onder de vorige moet zetten. Geen fraaie oplossing, maar kan misschien nog wel het gewenste resultaat opleveren!

[dusty]

Ja dat kan.. noemen ze : Plaatje.

[GraasGast]

bedoel je 90 graden gedraaid of geoon onder elkaar? dat kan toch gewoon met een <br> na elke letter?

z
o

i
e
t
s

d
u
s

[Verwijderd]

TimV: Ik vroeg me af of et mogelijk is om de tekst verticaal te laten lopen (van beneden naar boven dus ) met behulp van css / dhtml en dan nog compatible met ns4.X ook

Elke letter in een layer en uitlijnen maar.

Of (zoals eerder gezegd): plaatje.

[Verwijderd]

zo dus <- rotate 90 degrees counterclockwise

letters ook op z'n kant dus. je zou zeggen dat et weinig moeite is om de letters om te draaie maar blijbaar is et impossible

enne ik kan wel plaatje maken maar (1) het gaat om variabele text en (2) dan wordt et een te groot plaatje om nog leuk te blijven qua filesize

tnx anyway!

[DeFeCt]

Til je monitor op en leg hem voorzichtig op z'n linkerzijkant...
Voila!

[dusty]

Op maandag 12 februari 2001 18:11 schreef DeFeCt again het volgende:
Til je monitor op en leg hem voorzichtig op z'n linkerzijkant...
Voila!

"DeFeCt again".. verklaart al een hoop

[GraasGast]

Op maandag 12 februari 2001 16:30 schreef TimV het volgende:
zo dus <- rotate 90 degrees counterclockwise

letters ook op z'n kant dus. je zou zeggen dat et weinig moeite is om de letters om te draaie maar blijbaar is et impossible

enne ik kan wel plaatje maken maar (1) het gaat om variabele text en (2) dan wordt et een te groot plaatje om nog leuk te blijven qua filesize

tnx anyway!

maak het dan als plaatje, met php en gd-lib!
kan je de text gewoon uit een variabele halen...

[Verwijderd]

een tijdje later...

http://webfx.eae.net/ hoe hij het flikt? Ben te brak om er achter te komen, maar het kan dus wel...

er staat in z'n coder oa. dit

code:

cssText: RIGHT: 10px; BACKGROUND: white; FILTER: flipH() flipV() alpha(opacity=50); WIDTH: 20px; POSITION: absolute; TOP: 102px; WRITING-MODE: tb-rl;

writeDesignedByEdger    :   function () {
        if (ie && document.body.currentStyle && document.body.currentStyle.writingMode != null)
            // IE55+
            document.write("<div id='webfx-about'>Page designed and maintained by " +
                    "<a href='mailto:[e-mail]'>Erik Arvidsson</a> &amp; " +
                    "<a href='mailto:[e-mail]'>Emil A Eklund</a>.</div>");
    }
};

Deze regel writeDesignedByEdger:function () {
snap ik niet helemaal, is dit hetzelfde als funciton wde()?

En WRITING-MODE: tb-rl; zal ook wel belangerijk zijn...

[Willem]

Als het per se in HTML moet, kun je die gast van die site een mailtje sturen, en vragen of jij zijn manier mag gebruiken. Anders, als het gewoon een statische tekst mag zijn, zou ik 't gewoon even in Photoshop of Illustrator doen.

[Verwijderd]

Het leuke is dat het dus in HTML/CSS en dat je er dus ook dynamische text in zou kunnen kieperen... moet die meneer idd. maar gaan mailen.

[crisp]

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnie55/html/verticaltext.asp
http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/writingMode.asp
IE-only dus, vanaf 5.5

[Bosmonster]

Wow oud.. hier staat mn ouwe nick nog.. de Seend

[Verwijderd]

en kijk daar...

The vertical text is achieved using the writing-mode css property. We also use filters to flip the text.

#id {
writing-mode: tb-rl;
filter: FlipH() FlipV();
}

[Verwijderd]

flash in combinatie met php