34 users online (1 members and 33 guests)  


  Results 1 to 6 of 6

Related

  1. how do I change text color?    Forum: CSS Forum
    Replies: 1
  2. Change color of only one link    Forum: CSS Forum
    Replies: 3
  3. Inline Frame Scrollbar Manipulation    Forum: Website Scripts Forum
    Replies: 1
  4. Inline Frames Help    Forum: HTML Forum
    Replies: 3
  5. inline frames.    Forum: HTML Forum
    Replies: 1
  1. #1
    narcissistic's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2002
    Posts
    8

    change color of scrollbar in inline frames..

    i made a set of inline frames and I would like to change the color of the scrollbars, any tips as to how to do this? Oh, and it won't let my regular scrollbar display correctly either, please help! http://www.angelfire.com/retro/demandistortion

  2. #2
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    'Allo.

    I had a look at your link. The scrollbar on the left is black, so I presume its working.

    So the next question is, what Browser and version are you using? I am using IE6.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  3. #3
    narcissistic's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2002
    Posts
    8

    Explorer

    I am also using The most recent version of Internet Explorer, my inline frames on my main page do not display the colored scrollbar. Would I have to insert the style code into the inline frames page (inline.html)?

  4. #4
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    By 'main page' do you mean here?

    http://www.angelfire.com/retro/demandistortion/main.html

    as I dont see any extra scrollbars on there at all, so I am unsure what you mean.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?

  5. #5
    narcissistic's Avatar
    New User

    Status
    Offline
    Join Date
    Aug 2002
    Posts
    8

    let me explain...

    Here's the problem. On the main page, when I clikc on the Biography picture, the text and a photo appear in the frame just like I want it to, but the scrollbars and border aren't the color they should be. Am I missing something or do I need to go more in deoth?

  6. #6
    QuietDean's Avatar
    Administrator

    Status
    Offline
    Join Date
    Oct 2000
    Location
    Bournemouth, UK
    Posts
    2,662
    No that makes a lot more sense.

    Style on iframe are funny things. Some properties are the parent page, some the child page.

    A border is a property of the parent page, as the iframe is a block element within it. My example iframe containing page looks like this -

    Code:
    <style>
    iframe {
    border: 5px solid black;
    }
    </style>
    
    <IFRAME SRC="recipe.html" TITLE="The Famous Recipe">
    <!-- Alternate content for non-supporting browsers -->
    <H2>The Famous Recipe</H2>
    <H3>Ingredients</H3>
    ...
    </IFRAME>
    This gives it a thick black border. To make the scrollbars a different color (ie only!) my 'recipe.html' looks like this -

    Code:
    <style>
    body {
    scrollbar-base-color: #2b4d6f;
    scrollbar-arrow-color: #ffffff;
    }
    </style>
    
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    <h2>tHIS IS THE FRAME CONTENTS</H2>
    Excuse the repeat, I had to force a scroll-bar.

    These two work fine for me, so have a look at your code and see if you can apply this code.
    If one of our members helps you, please click the icon to add to their reputation!
    No support via email or private message - use the forums!
    Before you ask, have you Searched?



Tags for this Thread