| View previous topic :: View next topic |
| Author |
Message |
cinderella518
Joined: 15 Feb 2005
Posts: 29
|
 Posted: Sun Jul 17, 2005 10:04 pm Ok I'm lost LOL |
 |
|
|
I am more used to HTML and really have never used CSS to do anything except maybe a scroll bar.
Here's the site I have so far.
http://www.freewebs.com/cinderella518/kcs.html
Now I am trying to change the background color of side.html and main.html which are what the iframes are set up as. All I can seem to manage is I got both scrollbars added in the color I wanted.
I know my main CSS used in the first main page had background color black so I tried adding this:
| Code: |
| <LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen> |
To the other two pages and that didn't do anything either.
I'm sure I'm missing something simple I just have NO clue what??
Any help much appreciated!  |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA
|
| Posted: Mon Jul 18, 2005 3:39 am |
|
|
|
You need to check your side.html source code. Right now I see:
| Code: |
<html>
<head>
<title>Starry Nights</title>
<style type="text/css">
<!-- body{scrollbar-3d-light-color:#000000; scrollbar-arrow-color:black;
scrollbar-base-color:#000000; scrollbar-dark-shadow-color:#f76802;
scrollbar-face-color:#f76802; scrollbar-highlight-color#000000;
scrollbar-shadow-color:#000000} --> </style>
</head>
<body>
<iframe name="side" width="180" height="1100" border="0" frameborder="0"
src="side.html" target="_self">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
</head>
<script type="text/javascript" src="/i.js"></script></body> |
You did not add a background color to this page but you changed the scroll-bar information as you saw. Plus for some reason, you have an Iframe set up here as well? |
|
cinderella518
Joined: 15 Feb 2005
Posts: 29
|
| Posted: Mon Jul 18, 2005 10:45 am I thought I had to have iframes |
|
|
|
In both other sections to maintain the height/width the same that shows on the front page?
So here's side.html doc
| Code: |
<html>
<head>
<title>Starry Nights</title>
<style type="text/css">
<!-- body{scrollbar-3d-light-color:#000000; scrollbar-arrow-color:black;
scrollbar-base-color:#000000; scrollbar-dark-shadow-color:#f76802;
scrollbar-face-color:#f76802; scrollbar-highlight-color#000000;
scrollbar-shadow-color:#000000} --> </style>
</head>
<body>
<iframe name="side" width="180" height="1100" border="0" frameborder="0"
src="side.html" target="_self">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
</head>
</body>
|
And here's my main.html doc
| Code: |
<html>
<head>
<title>Starry Nights</title>
<style type="text/css">
<!-- body{scrollbar-3d-light-color:#000000; scrollbar-arrow-color:black;
scrollbar-base-color:#000000; scrollbar-dark-shadow-color:#f76802;
scrollbar-face-color:#f76802; scrollbar-highlight-color#000000;
scrollbar-shadow-color:#000000} --> </style>
</head>
<body>
<iframe name="frame" width="500" height="1100" border="0" frameborder="0"
src="main.html" target="_self">
Your browser does not support inline frames or is currently configured not to display inline frames.</iframe>
</head>
</body>
|
The place that had a style sheet maker had instructions and it made it sound like the CSS needed to be used on main and side too.
So I guess how to I maintain the size I want in both of those and still have it work within the iframes on the first page? Can I just code with HTML using those sizes? And get the iframes outta there?
Thanks for helping! |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA
|
| Posted: Mon Jul 18, 2005 1:13 pm |
|
|
|
Remember - when you use CSS you can overwrite your CSS on another style sheet - this is what is implied by cascading.
Why are you including an iframe in your side.html page - isn't side.html already an iframe in your main page? |
|
cinderella518
Joined: 15 Feb 2005
Posts: 29
|
| Posted: Mon Jul 18, 2005 3:40 pm |
|
|
|
Ok so basically then what you're saying is neither main.html or side.html need the CSS because its already included in the main page setup?
Like I said I never used iframes or CSS for anything but a scroll bar. The place that had the style maker made it sound like it had to have iframes on every page or at least the CSS but I didn't get that.
So glad I'm taking a course so I can figure this all out LOL
So I can have iframe ONLY on the first page and use reg coding on the other two without the iframes? Just wanna make sure I'm getting this right?
Thanks again! |
|
Corey Bryant
Site Admin
Joined: 15 May 2004
Posts: 8257
Location: Castle Rock CO USA
|
| Posted: Mon Jul 18, 2005 3:45 pm |
|
|
|
Well you have a CSS in the side.html:
| Code: |
<style type="text/css">
<!-- body{scrollbar-3d-light-color:#000000; scrollbar-arrow-color:black;
scrollbar-base-color:#000000; scrollbar-dark-shadow-color:#f76802;
scrollbar-face-color:#f76802; scrollbar-highlight-color#000000;
scrollbar-shadow-color:#000000} --> </style> |
So that is the only CSS applied to side.html. I do not understand though why you have the iframe code in that side.html? It seems you are using side.html in the index.html as an iframe? Keep in mind that a (i)frame is only another webpage. |
|
cinderella518
Joined: 15 Feb 2005
Posts: 29
|
| Posted: Mon Jul 18, 2005 4:01 pm |
|
|
|
Well when I removed the iframe from side.html and set the background to black now the scroll bar doesn't show up. 
http://www.freewebs.com/cinderella518/kcs.html
I guess I better read up on using iframes cuz I just don't understand how to setup the side and main so that they are like their own little web pages that show up in the iframes on the first page.
Thx for trying |
|
cinderella518
Joined: 15 Feb 2005
Posts: 29
|
| Posted: Mon Jul 18, 2005 8:19 pm Took me long enough |
|
|
|
But I finally figured out what you meant
Thanks SO MUCH! |
|
|
Forum Home
FAQ
Search
Memberlist
Register
Profile
Log in to check your private messages
Log in
