View Full Version : My text is backwords


Paco
12-02-2005, 05:11 PM
This sounds really strange but my text is backwords.

I've got a link so that you can view it.
http://allthingsrandom.cjb.net/

And my source

<html>
<head>
<title>All Things Random</title>

<style type="text/css">

a:link
{text-decoration: none;
color: #000000;}

a:visited
{text-decoration: none;
color: #000000; }

a:active
{text-decoration: none;
color: #000000;}

a:hover
{text-decoration: underline overline
;
color: #000000;}

h1
{font-family: Palatino Linotype;
color: #000000;}

p
{font-family: Palatino Linotype;
color: #000000;}

body
{margin: 0;
padding: 0;
font-family: Palatino Linotype;
background-image: url('http://i2.photobucket.com/albums/y22/kier1989/auroxlive_1_1024.jpg');
background-repeat: no-repeat;
color: #000000;
letter-spacing: 0;
font-weight: normal;
font-size: 9pt;
direction: rtl;

scrollbar-highlight-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-shadow-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-track-color: #000000;
scrollbar-arrow-color:#000000; scrollbar-face-color}

td
{font-family: Palatino Linotype;
color: #000000;
padding: 2cm;}

input, textarea
{border: 5px dashed #000000;
font-family: Palatino Linotype;
color: #000000;}

</style>

</head>

<body>

<div style="position: absolute; left: 102; top: 59; width: 335; height: 164; background-color: #FFFFFF; overflow: auto">

<p align="left">Welcome to the new All Things Random (Made all by me with the help of
<a href="http://www.lissaexplains.com">Lissa</a> and
<a class="bigusername" href="http://labeled-`````.net/">Monkey Bizzle</a>). </p>
<p align="left"><hr><font style="font-size: 9pt;" face="Palatino Linotype">Hello and
welcome to my place on the web, All Things Random (Sometimes called ATR), is
about All Things Random.&nbsp; If you have any questions please make your way to the
<a href="http://s14.invisionfree.com/allthingsrandom/index.php">forum</a>.</font><p>&nbsp;</p>
<p>&nbsp;</div>

<div style="position: absolute; left: 102px; top: 19px; width: 335px; height: 33px; background-color: #FFFFFF; overflow: auto;">

<p align="center"><u>All Things Random </u>

</div>

<div style="position: absolute; left: 508px; top: 26px; width: 158px; height: 164px; background-color: #FFFFFF; overflow: auto;">

<p align="center">Navigation</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>

</div>

<div style="position: absolute; left: 447; top: 346; width: 335; height: 245; background-color: #FFFFFF; overflow: auto">

&nbsp;</div>

</body>
</html>


Thanks in advance

lefty
12-02-2005, 06:10 PM
Right after the <body> tag, add this:

<div style="direction:ltr;">

and put </div> before </body> as well.

The reverse scrollbar code flips the entire page, not just the scrollbar, so you have to add a little more to make your page functional again.

Paco
12-02-2005, 06:12 PM
Thanks

lefty
12-02-2005, 06:15 PM
No problem :D