PDA

View Full Version : page not obeying external style sheet

My_Daily_Bread
08-15-2004, 05:03 PM
Hello.

I'm making a page with iframes and for the content pages I was hoping to use a style sheet.

this is what my stylesheet contains:

A:link
{ text-decoration: none; color:#000000; }
A:visited
{ text-decoration: line-through; color:#262952; }
A:active
{ text-decoration: line-through; color:#990000; }
A:hover
{ text-decoration: underline overline; color:#990000; }

background-color: #262952;


{ background: #262952;

font-family: Courier New;
color: #FFFFFF ;
letter-spacing: 3pt;
font-size: medium;

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;

margin-top: 10;
margin-bottom: 10;
margin-left: 5;
margin-right: 15;
}

the file is named iframe.css and is located with my other website pages. on the page I am hoping to put the styles on I have put this in the <head> section of my page.

<LINK href="iframe.css" rel="stylesheet" type="text/css">

(yes I do realise that in my style sheet I have not yet configured my scrollbar colors)

I am using a new version of internet explorer for my browser.

My actual page looks like this (I do not have to up on my site yet)

http://img.photobucket.com/albums/v43/Stylish_Modesty/2adf4e41.gif

please let me know any errors I have made. Thanks alot for any help.
weird girl
08-15-2004, 05:39 PM
A:link
{ text-decoration: none; color:#000000; }
A:visited
{ text-decoration: line-through; color:#262952; }
A:active
{ text-decoration: line-through; color:#990000; }
A:hover
{ text-decoration: underline overline; color:#990000; }

background-color: #262952;

body
{ background: #262952;

font-family: Courier New;
color: #FFFFFF ;
letter-spacing: 3pt;
font-size: medium;

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;

margin-top: 10;
margin-bottom: 10;
margin-left: 5;
margin-right: 15;
}
That bit in red is just there in the middle of nowhere. Remove that. :)
And the bit in blue is something you need to have there but didn't.
Hope this helps!
pb&j
08-15-2004, 05:42 PM
the margin lines need measurement values too...

margin-top: 10px;
margin-bottom: 10px;
margin-left: 5px;
margin-right: 15px;
My_Daily_Bread
08-15-2004, 06:38 PM
Thank you so much! Everything works perfectly now. You have made everything so much easier for me. Thank you :D