This one is for you, transmothra!! :cheers: I figured out the thing with rtl and ltr now I'm trying to make those scroll bars transparent. I have iframes and I want the background to show throught he frame and the scroll bar. At the moment my .css looks like this:<br />
<br />
.text {<br />
FONT-SIZE: 11px; FILTER: DropShadow(Color=#FDDE8C, OffX=1, OffY=1, Positive=1); VERTICAL-ALIGN: text-top; COLOR: #ffaa21; FONT-FAMILY: Tahoma, "Trebuchet MS", Arial; HEIGHT: 0px; TEXT-ALIGN: justify<br />
}<br />
.title {<br />
BORDER-RIGHT: #a1cd3c 0px dotted; BORDER-TOP: #a1cd3c 0px dotted; FONT-WEIGHT: bold; FONT-SIZE: 12px; FILTER: DropShadow(Color=#D7F2F9, OffX=1, OffY=1, Positive=1); WORD-SPACING: 5px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #a1cd3c 0px dotted; COLOR: #66ccff; BORDER-BOTTOM: #a1cd3c 1px dotted; FONT-FAMILY: "Trebuchet MS", Arial; LETTER-SPACING: 3px; HEIGHT: 0px<br />
}<br />
A {<br />
COLOR: #a0ca42; TEXT-DECORATION: none<br />
}<br />
.code {<br />
FONT-SIZE: 11px; FILTER: DropShadow(Color=#FDDE8C, OffX=1, OffY=1, Positive=1); VERTICAL-ALIGN: text-top; COLOR: #d9861e; FONT-FAMILY: "Courier New", Courier, mono; HEIGHT: 0px<br />
}<br />
A:hover {<br />
CURSOR: help; COLOR: #999900<br />
}<br />
INPUT {<br />
BORDER-RIGHT: #cccc00 0px solid; BORDER-TOP: #cccc00 0px solid; FONT-SIZE: 11px; FILTER: none; BORDER-LEFT: #cccc00 1px solid; CURSOR: help; COLOR: #f5951a; BORDER-BOTTOM: #cccc00 1px solid; FONT-FAMILY: "Trebuchet MS", Arial; HEIGHT: 0px; BACKGROUND-COLOR: #ffffff<br />
}<br />
TEXTAREA {<br />
BORDER-RIGHT: #cccc00 0px solid; BORDER-TOP: #cccc00 1px solid; FONT-SIZE: 11px; FILTER: none; BORDER-LEFT: #cccc00 1px solid; CURSOR: help; COLOR: #f5951a; BORDER-BOTTOM: #cccc00 1px solid; FONT-FAMILY: "Trebuchet MS", Arial; BACKGROUND-COLOR: #ffffff<br />
}<br />
BODY {<br />
SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-ATTACHMENT: fixed; SCROLLBAR-HIGHLIGHT-COLOR: #ddedfd; SCROLLBAR-SHADOW-COLOR: #ffffff; DIRECTION: rtl; SCROLLBAR-3DLIGHT-COLOR: #ddedfd; SCROLLBAR-ARROW-COLOR: #8fcde2; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #8fcde2 <br />
}<br />
BODY {<br />
SCROLLBAR-FACE-COLOR: #ebf5ff; FONT-SIZE: 9px; SCROLLBAR-HIGHLIGHT-COLOR: #78aaff; CURSOR: nw-resize; SCROLLBAR-SHADOW-COLOR: #3399ff; SCROLLBAR-3DLIGHT-COLOR: #99ccff; SCROLLBAR-ARROW-COLOR: black; SCROLLBAR-TRACK-COLOR: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #3399ff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none<br />
}<br />
<br />
<br />
The frame is transparent but the scroll bar isn't. What did I do wrong?<!--content-->why did you start a new thread?<!--content-->The frame is transparent but the scroll bar isn't. What did I do wrong? <br />
<br />
i think becuase of that question ^^^, which was directed towards transmothra<!--content-->but it still the same post.<!--content-->
<br />
.text {<br />
FONT-SIZE: 11px; FILTER: DropShadow(Color=#FDDE8C, OffX=1, OffY=1, Positive=1); VERTICAL-ALIGN: text-top; COLOR: #ffaa21; FONT-FAMILY: Tahoma, "Trebuchet MS", Arial; HEIGHT: 0px; TEXT-ALIGN: justify<br />
}<br />
.title {<br />
BORDER-RIGHT: #a1cd3c 0px dotted; BORDER-TOP: #a1cd3c 0px dotted; FONT-WEIGHT: bold; FONT-SIZE: 12px; FILTER: DropShadow(Color=#D7F2F9, OffX=1, OffY=1, Positive=1); WORD-SPACING: 5px; TEXT-TRANSFORM: uppercase; BORDER-LEFT: #a1cd3c 0px dotted; COLOR: #66ccff; BORDER-BOTTOM: #a1cd3c 1px dotted; FONT-FAMILY: "Trebuchet MS", Arial; LETTER-SPACING: 3px; HEIGHT: 0px<br />
}<br />
A {<br />
COLOR: #a0ca42; TEXT-DECORATION: none<br />
}<br />
.code {<br />
FONT-SIZE: 11px; FILTER: DropShadow(Color=#FDDE8C, OffX=1, OffY=1, Positive=1); VERTICAL-ALIGN: text-top; COLOR: #d9861e; FONT-FAMILY: "Courier New", Courier, mono; HEIGHT: 0px<br />
}<br />
A:hover {<br />
CURSOR: help; COLOR: #999900<br />
}<br />
INPUT {<br />
BORDER-RIGHT: #cccc00 0px solid; BORDER-TOP: #cccc00 0px solid; FONT-SIZE: 11px; FILTER: none; BORDER-LEFT: #cccc00 1px solid; CURSOR: help; COLOR: #f5951a; BORDER-BOTTOM: #cccc00 1px solid; FONT-FAMILY: "Trebuchet MS", Arial; HEIGHT: 0px; BACKGROUND-COLOR: #ffffff<br />
}<br />
TEXTAREA {<br />
BORDER-RIGHT: #cccc00 0px solid; BORDER-TOP: #cccc00 1px solid; FONT-SIZE: 11px; FILTER: none; BORDER-LEFT: #cccc00 1px solid; CURSOR: help; COLOR: #f5951a; BORDER-BOTTOM: #cccc00 1px solid; FONT-FAMILY: "Trebuchet MS", Arial; BACKGROUND-COLOR: #ffffff<br />
}<br />
BODY {<br />
SCROLLBAR-FACE-COLOR: #ffffff; BACKGROUND-ATTACHMENT: fixed; SCROLLBAR-HIGHLIGHT-COLOR: #ddedfd; SCROLLBAR-SHADOW-COLOR: #ffffff; DIRECTION: rtl; SCROLLBAR-3DLIGHT-COLOR: #ddedfd; SCROLLBAR-ARROW-COLOR: #8fcde2; SCROLLBAR-TRACK-COLOR: #ffffff; SCROLLBAR-DARKSHADOW-COLOR: #8fcde2 <br />
}<br />
BODY {<br />
SCROLLBAR-FACE-COLOR: #ebf5ff; FONT-SIZE: 9px; SCROLLBAR-HIGHLIGHT-COLOR: #78aaff; CURSOR: nw-resize; SCROLLBAR-SHADOW-COLOR: #3399ff; SCROLLBAR-3DLIGHT-COLOR: #99ccff; SCROLLBAR-ARROW-COLOR: black; SCROLLBAR-TRACK-COLOR: none; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; SCROLLBAR-DARKSHADOW-COLOR: #3399ff; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none<br />
}<br />
<br />
<br />
The frame is transparent but the scroll bar isn't. What did I do wrong?<!--content-->why did you start a new thread?<!--content-->The frame is transparent but the scroll bar isn't. What did I do wrong? <br />
<br />
i think becuase of that question ^^^, which was directed towards transmothra<!--content-->but it still the same post.<!--content-->