I want to add a custom scroll bar to my inner frame the way you create them for a body tag. Can someone help out? My code is below:
.scroller {
scrollbar-3dlight-color : #FFFF66;
scrollbar-highlight-color : #00FFFF;
scrollbar-darkshadow-color : #CC6633;
scrollbar-shadow-color : #FF6600;
scrollbar-face-color : #330066;
scrollbar-arrow-color : #FFFF00;
scrollbar-track-color : #FF9900;
}
<iframe class="scroller" src=http://www.webdeveloper.com/forum/archive/index.php/"faq.html"
width="250" height="100%"
scrolling="yes"
marginwidth="0" marginheight="0"
frameborder="0"
align="center">The way I would do it is put it in the faq.html page but as.
body {
scrollbar-3dlight-color : #FFFF66;
scrollbar-highlight-color : #00FFFF;
scrollbar-darkshadow-color : #CC6633;
scrollbar-shadow-color : #FF6600;
scrollbar-face-color : #330066;
scrollbar-arrow-color : #FFFF00;
scrollbar-track-color : #FF9900;
}
that should sort out your problem.
Gazthans Gaz, that did it!i can get the scroll bar to work in the body but it doesnt sem to want to open up into the i frame, i have set it out the way crazy gaz has said to but that doesnt work im using dream weaver and its set up to have a separate css file
could sumone help meHow can we possibly help you if you haven't posted any code or a link?my css is set up exactly the same way as crazy gaz shows, and my i frame is set up like this
<iframe name="1" src=http://www.webdeveloper.com/forum/archive/index.php/"home.html" width="100%" height="600" scrolling="auto" frameborder="0">
</iframe>
the site in there is large enough to make both v and h scroll bars come up and neither of them are customised like i wanted them to be altho the browsers scroll bar is changing, i am confused as to why that is happeningWhat is your html for home.html? Post that.dont worry i got it working
.scroller {
scrollbar-3dlight-color : #FFFF66;
scrollbar-highlight-color : #00FFFF;
scrollbar-darkshadow-color : #CC6633;
scrollbar-shadow-color : #FF6600;
scrollbar-face-color : #330066;
scrollbar-arrow-color : #FFFF00;
scrollbar-track-color : #FF9900;
}
<iframe class="scroller" src=http://www.webdeveloper.com/forum/archive/index.php/"faq.html"
width="250" height="100%"
scrolling="yes"
marginwidth="0" marginheight="0"
frameborder="0"
align="center">The way I would do it is put it in the faq.html page but as.
body {
scrollbar-3dlight-color : #FFFF66;
scrollbar-highlight-color : #00FFFF;
scrollbar-darkshadow-color : #CC6633;
scrollbar-shadow-color : #FF6600;
scrollbar-face-color : #330066;
scrollbar-arrow-color : #FFFF00;
scrollbar-track-color : #FF9900;
}
that should sort out your problem.
Gazthans Gaz, that did it!i can get the scroll bar to work in the body but it doesnt sem to want to open up into the i frame, i have set it out the way crazy gaz has said to but that doesnt work im using dream weaver and its set up to have a separate css file
could sumone help meHow can we possibly help you if you haven't posted any code or a link?my css is set up exactly the same way as crazy gaz shows, and my i frame is set up like this<iframe name="1" src=http://www.webdeveloper.com/forum/archive/index.php/"home.html" width="100%" height="600" scrolling="auto" frameborder="0">
</iframe>
the site in there is large enough to make both v and h scroll bars come up and neither of them are customised like i wanted them to be altho the browsers scroll bar is changing, i am confused as to why that is happeningWhat is your html for home.html? Post that.dont worry i got it working