Transparent Scrollbars!

MarkLP · 3 Mar 2006 at 00:08

Hiya, can anyone help me with transparent scrollbars please? I have googled and found the code but it doesn't seem to be working

this is what i have got in the page i want the iframe with transparent scrollbars

Code:

<h5><p align="center">
  <iframe src="aboutus.html" name="main" width="530" height="250" scrolling="yes" frameborder="0" class="style9" style="FILTER: chroma(color=#FFFFFF)" allowtransparency="true"> </iframe></p></h5>

and this is the code i have in the CSS styles sheet, first time i have used a CSS styles sheet, i dont really know what im doing, but im learning as im going!!

Code:

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

Can anyone please tell me how to get transparent scrollbars but with just black arrows at the ends please!

Thanks,
Mark

MarkLP · 3 Mar 2006 at 10:38

anyone got any ideas please??

Thanks

MarkLP · 3 Mar 2006 at 12:10

Thanks, but this still isnt working, even when i try that.

Im guessing my code is wrong in the first post?

MarkLP · 3 Mar 2006 at 12:29

Have sorted it now, I put this code

Code:

<style>
<!--

BODY {
scrollbar-face-color:#FFFFFF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color:#FFFFFF;
scrollbar-darkshadow-color:#FFFFFF;
scrollbar-shadow-color:#FFFFFF;
scrollbar-arrow-color:#000000;
scrollbar-track-color:#FFFFFF;
}
-->
</style>

into the page i want in the iframe

and with this in the main page

Code:

<iframe src="Working.html" id="content" height="300" width="200" scrolling="yes" frameborder="0" allowtransparency="yes" align="middle"></iframe>

it seems to be working fine

MarkLP · 3 Mar 2006 at 17:02

thanks but im really confused now :confused:

where do i put the

Code:

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

do i just put it into common.css somewhere?

Thanks

MarkLP · 4 Mar 2006 at 17:37

Hi, im getting soo confused now

I really don't know what im doing wrong (or right lol)

Could anyone take alook at these couple of pages and tell me what im doing wrong please?

Main page where i want the iframe with different colour scroll bars

This is the page that is displayed in the iframe

Thanks!
Mark

MarkLP · 6 Mar 2006 at 23:02

yep im using IE and seem to have it sorted now

Thanks