SitePoint Sponsor

User Tag List

Results 1 to 5 of 5
  1. #1
    SitePoint Member
    Join Date
    Jun 2004
    Location
    UK
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question coloured iframe scroll bars

    Hi,

    Does any one know how to make the scroll bars in an iframe coloured?, i've found code on the web and it tells me to place it in the head tag, but when i do i get a coloured scroll bar on the outside of my page and not in the iframe, i've also placed the code in the head tag of my page that opens up in the iframe and still nothing happends.

    And im still having a nightmare trying to get rid of this bloody horizontal scroll bar, it works fine on a mac, but when i view it on a pc the bar is there no matter what i do!

    Some one heeelllppp please!!!!


    Thanks,

    Paul

  2. #2
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    How are you inserting your <iframe>? If you provide a URL, maybe something is messed up with it. Maybe you forgot to close the <iframe> tag, (</iframe>) I have done this before w/out a problem. The CSS to perform it goes in the <head> tag or external style sheet. Another reason it might not be showing is b/c this only work in IE, why? B/c it's proprietary code. Here's the CSS if you're just dying to have it:

    Code:
    {scrollbar-face-color: #cc9900; 
    scrollbar-shadow-color:#000000;
    scrollbar-highlight-color: #000000; scrollbar-3dlight-color: #000000;
    scrollbar-darkshadow-color:#000000; scrollbar-3dtrack-color: #666666;
    scrollbar-arrow-color: #000000;}
    Keep in mind, using this will cause your CSS to be invalid, b/c again, its proprietary. You could use a conditional IE comment within the <head> tag and then create a separate style sheet just for this and then validate based on the main style sheet and everything would be peachy.

    Something like this:

    Code:
    <!--[if IE6]>
    <style>
    <link href="coloredscrollbars.css" rel="stylesheet" type="text/css">
    </style>
    <![endif]-->
    Ryan Butler

    Midwest Web Design

  3. #3
    SitePoint Member
    Join Date
    Jun 2004
    Location
    UK
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for the reply,

    I think its best if you look at the site as it stands at the mo, here is the url,
    http://www.7dyingtrees.org/cof

    Paul

  4. #4
    SitePoint Member
    Join Date
    Jun 2004
    Location
    UK
    Posts
    12
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Just click on the enter button.

  5. #5
    SitePoint Wizard rbutler's Avatar
    Join Date
    Jul 2003
    Location
    Springfield, MO
    Posts
    1,867
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try changing this on the 800x600.htm

    Code:
    <!-- 
     BODY {
     scrollbar-base-color: #000000;
     scrollbar-track-color: #000000;
     scrollbar-face-color: #666666;
     scrollbar-highlight-color: #999999;
     scrollbar-3dlight-color: #666666;
     scrollbar-darkshadow-color: #000000;
     scrollbar-shadow-color: #000000;
     scrollbar-arrow-color: #990000;
     }
    To this:
    Code:
    <!-- 
     HTML {
     scrollbar-base-color: #000000;
     scrollbar-track-color: #000000;
     scrollbar-face-color: #666666;
     scrollbar-highlight-color: #999999;
     scrollbar-3dlight-color: #666666;
     scrollbar-darkshadow-color: #000000;
     scrollbar-shadow-color: #000000;
     scrollbar-arrow-color: #990000;
     }
    Ryan Butler

    Midwest Web Design


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •