[HTML JS] - Softwareontwikkeling

donderdag 1 augustus 2002 11:30

Acties:

Inspirator

Topicstarter

Heeft iemand een idee hoe je HTML tekst verticaal neer kunt zetten? Dus je tekst een kwartslag naar links of recht omdraaien. Niet de letters rechtop en onderelkaar maar de letters draaien.

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

donderdag 1 augustus 2002 11:34

Acties:

Bosmonster

*zucht*

Internet Explorer heeft wat filters die dat kunnen in de meest recente versies.. maar that's it.

Anders plaatjes gebruiken.

donderdag 1 augustus 2002 12:59

Acties:

KMK

Devour schreef op 01 augustus 2002 @ 11:30:
Heeft iemand een idee hoe je HTML tekst verticaal neer kunt zetten? Dus je tekst een kwartslag naar links of recht omdraaien. Niet de letters rechtop en onderelkaar maar de letters draaien.

In lezen in een variable naar flash en het daarin maken..
Dat zou ik doen

Would you like to know more?!! [StarShip Troopers] - Void Station

donderdag 1 augustus 2002 14:31

Acties:

Devour

Inspirator

Topicstarter

Mmm,...flash is idd een idee. Ik vindt het wel jammer dat je bv. een layer niet kunt roteren. Moet niet zo moeilijk zijn om te maken als browser boer toch?

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

donderdag 1 augustus 2002 14:52

Acties:

Bosmonster

*zucht*

Devour schreef op 01 augustus 2002 @ 14:31:
Mmm,...flash is idd een idee. Ik vindt het wel jammer dat je bv. een layer niet kunt roteren. Moet niet zo moeilijk zijn om te maken als browser boer toch?

Wel als je je aan de standaarden wilt houden. Daarom zei ik ook. Microsoft heeft filters hiervoor, maar die zijn dus IE-only

donderdag 1 augustus 2002 14:55

Acties:

Devour

Inspirator

Topicstarter

ja idd, nou dat wordt dus toch meer weer gewoon plaatjes gebruiken. Ik had gehoopt om nog wat te kunnen optimaliseren maar dat zit er dus niet in.

Maar weer eens lekker prutsen met gif-optimalisatie.

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.

donderdag 1 augustus 2002 20:44

Acties:

Verwijderd

Je kunt ook SVG gebruiken, maar ja, da's weer een plug-in...

donderdag 1 augustus 2002 20:46

Acties:

Verwijderd

of je kijkt of je met php + de gd library wat kunt fixen. Op die manier kun je de tekst toch variabel houden. weet alleen niet of je met php je tekst verticaal kunt neerzetten dus dat zou je ff aan de andere kant moeten vragen

donderdag 1 augustus 2002 22:28

Acties:

Verwijderd

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();
}

http://gathering.tweakers.net/forum/list_messages/124969

vrijdag 2 augustus 2002 11:36

Acties:

Devour

Inspirator

Topicstarter

Er bestaan idd twee mogelijkheden om dit te doen, allebij zijn ze alleen geschikt voor IE5.5+
Dus compatible is het zeker niet.

<HTML>
<STYLE>
.clsHoriz { writing-mode:lr-tb }
</STYLE>
</HEAD>
<BODY>

<H1>writing-mode Attribute</H1>

<P>This example shows how to use the <B>writing-mode</B> attribute to
display horizontal text (<SPAN >lr-tb</SPAN>) within vertical text
(<SPAN>tb-rl</SPAN>).</P>

<P>The following <B>DIV</B> element has a <B>writing-mode</B> of tb-rl
and contains text and <B>SPAN</B> child elements. The text flow alternates
between vertical and horizontal. Note the effect of the <B>BR</B> element
after the second set of vertical text.</P>

<DIV STYLE="writing-mode:tb-rl">
First Set of Vertical Text
<SPAN CLASS="clsHoriz">First Set of Horizontal Text</SPAN>
Second Set of Vertical Text plus a line break<BR>
<SPAN STYLE="writing-mode:lr-tb">Second Set of Horizontal Text</SPAN>
Third Set of Vertical Text
<SPAN CLASS="clsHoriz">Third Set of Horizontal Text</SPAN>
</DIV>
</BODY>
</HTML>

<html>
<head>
<script>

var i = 0;
function rot()
{
i = ++i % 4;
if (!document.all.aDiv.style.filter)
document.all.aDiv.style.filter =
'progid:DXImageTransform.Microsoft.BasicImage(rotation=' + i + ')';
else
document.all.aDiv.filters.item('DXImageTransform.Microsoft.BasicImage').Rotation
= i;
} // ends function rot(void)

</script>
</head>
<body>
<input type="button" value="90 graden roteren" onclick="rot();" />
<div id="aDiv" style="width: 100px; height: 100px; background-color:
lime;">
<table width="100%" height="100%">
<tr>
<td align="center" valign="middle">Tekst Tekst Tekst Tekst Tekst Tekst Tekst </td>
</tr>
</table>
</div>
</body>
</html>

Ik denk dat ik er zo wel een beetje uit ben, bedankt voor de reacties. Ik hoop dat we dit ook in Moz te zien krijgen

Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning.