Forums > help?

Full Version: help?

Forums > Resource Center > Webmasters' Corner > Webmasters' Corner Resolved Topics

TheSpoon

Jun 8 2006, 01:32 AM

http://www.nichole.like-duhh.net/index1.htm

and here is my CSS

QUOTE

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><body style=background-color:transparent><style type="text/css">
BODY {background-color:transparent; filter}
body{
background-image: url("challenger_bg1.jpg");
background-repeat: repeat-y;
background-color: #F0BDE5;
background-position: right;

body,p,td,table,a,textarea,input
{color:black;
font-size: 8pt; line-height:10pt;
font-family: courier new; font-weight:normal; text-transform:none;
}
br{text-align:right}
i{font-weight:bold;color:648A27; font-size:8pt; font-family:courier new; text-decoration:none;}
u{font-weight:bold;color:817068; font-size:8pt; font-family:courier new; text-decoration:none;}
b{font-weight:bold; background-color:8caeb8; color:white; border-bottom: 1px dotted black; font-size:8pt; font-family:courier new;text-transform: none;}
a:link, a:visited, a:active{font-weight:bold; color:8c6b64; font-size:7pt; font-family:tahoma; text-transform: uppercase; border-bottom: #FF5891 dotted 1px;}
A:Hover {font-weight:bold; color:E8E8E8; font-size:7pt; font-family:tahoma; text-transform: uppercase;border-bottom: #FFE258 dotted 1px;}
hr {visibility:hidden;}
input, textarea {border:0px; background:ffffff;}

div.head1 {line-height:20px;color:BF3332;font-family:arial; font-size:25px;letter-spacing:-2px; background-color:E4D5C0; font-style: italic; font-weight:bold; text-align: right; border-bottom:black solid 1px; }

div.head2 {line-height:10px;color:BF3332;font-family:arial; font-size:15px;letter-spacing:-2px; background-color:E4D5C0; font-style: italic; font-weight:bold; text-align: right; border-bottom:black solid 1px; }

div.head3 {font-family:Franklin Gothic Medium; font-size:7px; width: 100%; font-weight:bold; color:white; text-align: left; border-bottom: 1px dotted black; background-color:8a8a8a;line-height:8px; }

div.blog{
width: 350px; font-weight : normal; font-size: 8pt; border-bottom : 5px solid #FF5891; border-left : 1px solid #FFCC00; border-right : 1px solid #FFCC00; border-top : 1px dotted #8a8a8a; text-align: justify; background:url(http://i2.tinypic.com/qp5jf4.jpg); padding: 5px}

div.side{
width: 200px;border-top : 3px solid #4F4937; border-left : 1px dotted #4F4937; border-right : 1px dotted #4F4937; border-bottom : 1px solid #4F4937; text-align: justify; background-color: #FDFFF0; padding: 5px}

a.nav:link, a.nav:visited, a.nav:active {text-decoration: none;font-family: courier-new;font-weight:bold;font-size:8pt;line-height: 11pt;color: #8c6b64;background-color: #494e74;display: block;border-left: 3px solid black;padding-left: 1px;padding-right: 1px;}

a.nav:hover {text-decoration: none;font-family: courier-new;font-weight:bold;font-size:8pt;line-height: 11pt;color: #494e74;background-color: #8c6b64;display: block;border-left: 3px solid black;padding-left: 1px;padding-right: 1px;}

-->
</style>

--->
</style>
</STYLE><style type="text/css">BODY { scrollbar-arrow-color:gray; scrollbar-track-color:white; scrollbar-face-color:white; scrollbar-highlight-color:white; scrollbar-3dlight-color:white; scrollbar-darkshadow-color:white; scrollbar-shadow-color: white;};</style></i> </style></head><body><br><br></body></html>

It works alright in IE but all the fonts are default in FF

satisfied-tom

Jun 9 2006, 07:44 PM

in the file index1.htm

change

CODE

CODE

the css.txt file should be saved as css.css

i cleaned up some code in the css for you.

copy and paste the following into the css.css file.

CODE

BODY {background-color:transparent; filter}
body{
background-image:  url("challenger_bg1.jpg");
background-repeat:  repeat-y;
background-color:  #F0BDE5;
background-position: right;

body,p,td,table,a,textarea,input
{color:black;
font-size: 8pt; line-height:10pt;
font-family: courier new; font-weight:normal; text-transform:none;
}
br{text-align:right}
i{font-weight:bold;color:648A27; font-size:8pt; font-family:courier new; text-decoration:none;}
u{font-weight:bold;color:817068; font-size:8pt; font-family:courier new; text-decoration:none;}
b{font-weight:bold; background-color:8caeb8; color:white; border-bottom: 1px dotted black; font-size:8pt; font-family:courier new;text-transform: none;}
a:link, a:visited, a:active{font-weight:bold; color:8c6b64; font-size:7pt; font-family:tahoma; text-transform: uppercase; border-bottom: #FF5891 dotted 1px;}
A:Hover {font-weight:bold; color:E8E8E8; font-size:7pt; font-family:tahoma; text-transform: uppercase;border-bottom: #FFE258 dotted 1px;}
hr {visibility:hidden;}
input, textarea {border:0px; background:ffffff;}

div.head1 {line-height:20px;color:BF3332;font-family:arial; font-size:25px;letter-spacing:-2px; background-color:E4D5C0; font-style: italic; font-weight:bold; text-align: right; border-bottom:black solid 1px; }

div.head2 {line-height:10px;color:BF3332;font-family:arial; font-size:15px;letter-spacing:-2px; background-color:E4D5C0; font-style: italic; font-weight:bold; text-align: right; border-bottom:black solid 1px; }

div.head3 {font-family:Franklin Gothic Medium; font-size:7px; width: 100%; font-weight:bold; color:white; text-align: left;  border-bottom: 1px dotted black; background-color:8a8a8a;line-height:8px; }

div.blog{
width: 350px; font-weight : normal; font-size: 8pt; border-bottom : 5px solid #FF5891; border-left : 1px solid #FFCC00; border-right : 1px solid #FFCC00; border-top : 1px dotted #8a8a8a; text-align: justify; background:url(http://i2.tinypic.com/qp5jf4.jpg); padding: 5px}

div.side{
width: 200px;border-top : 3px solid #4F4937; border-left : 1px dotted #4F4937; border-right : 1px dotted #4F4937; border-bottom : 1px solid #4F4937; text-align: justify; background-color: #FDFFF0; padding: 5px}

a.nav:link, a.nav:visited, a.nav:active {text-decoration: none;font-family: courier-new;font-weight:bold;font-size:8pt;line-height: 11pt;color: #8c6b64;background-color: #494e74;display: block;border-left: 3px solid black;padding-left: 1px;padding-right: 1px;}

a.nav:hover {text-decoration: none;font-family: courier-new;font-weight:bold;font-size:8pt;line-height: 11pt;color: #494e74;background-color: #8c6b64;display: block;border-left: 3px solid black;padding-left: 1px;padding-right: 1px;}

BODY { scrollbar-arrow-color:gray;  scrollbar-track-color:white;  scrollbar-face-color:white;  scrollbar-highlight-color:white;  scrollbar-3dlight-color:white;  scrollbar-darkshadow-color:white;  scrollbar-shadow-color: white;};

heres a little tip. when you have a .css file, you never put any html tags in it (ex. <html>, <body>, <head>, etc.)

i hope this helped

TheSpoon

Jun 9 2006, 11:59 PM

thanks so much!

mipadi

Jun 10 2006, 12:03 PM

QUOTE(satisfied-tom @ Jun 9 2006, 8:44 PM)

in the file index1.htm

change

CODE

CODE

As a side note, that's not really vital—Internet servers use MIME types (the "text/css" part), not file extensions, to determine file type.

I can, for example, markup an HTML document, give it a .jpg file extension, and it will still be read as an HTML file if I sent it as text/html.

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.