How can I get my scroll bar back from being blue??

C

careless_disaster

My scroll bar is blue for some reason and I don't understand why. How can I
change it back to normal or make it orange??? Here is my code:

<!--
design by Joshua Fleming @ Huboftheearth.com
http://www.huboftheearth.com and http://www.konnekted.com
mailto: (e-mail address removed)
tel. 256-571-9992
-->

<html>
<head>
<title>Sparks Fire & Safety - Everything You Need To Put The Fire Out!</title>
<link rel="stylesheet" href="main.css" type="text/css">
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="file:///C:/Program%20Files/Microsoft%20Office/OFFICE11/fpclass/animate.js">
</script>
</head>
<body bgcolor=#FFFFFF topmargin=0 leftmargin=0 rightmargin=0
onload="dynAnimation()" link="#465F79" vlink="#465F79" alink="#465F79"
language="Javascript1.2">
<!-- ImageReady Slices (mian.psd) -->
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=700 height=61 colspan=5>
<a name="top">
<img src="images/main_1.gif" width=700 height=61></a></td>
<td width=100% height=61>
<img src="images/main_03.jpg" width=100% height=61></td>
</tr>
<tr>
<td width=700 height=19 colspan=5>
<map name="FPMap0">
<area href="charting.htm" shape="rect" coords="355, 1, 411, 18">
<area href="prescriptions.htm" shape="rect" coords="416, 0, 495,
18">
<area href="coding.htm" shape="rect" coords="502, 0, 552, 18">
<area href="support.htm" shape="rect" coords="558, 0, 610, 18">
<area href="aboutus.htm" shape="rect" coords="615, 0, 673, 18">
<area href="index.htm" shape="rect" coords="678, 0, 698,
18"></map><img src="images/main_04.jpg" border=0 width=700 height=19
usemap="#FPMap0"></td>
<td width=100% height=19>
<img src="images/main_05.jpg" width=100% height=19></td>
</tr>
<tr>
<td width=106 height=14>
<img src="images/main_06.jpg" width=106 height=14></td>
<td width=79 height=14>
<img src="images/main_07.jpg" width=79 height=14></td>
<td width=84 height=14>
<img src="images/main_08.jpg" width=84 height=14></td>
<td width=171 height=14>
<img src="images/main_09.jpg" width=171 height=14></td>
<td width=260 height=14>
</td>
<td width=100% height=14>
<img src="images/main_11.jpg" width=50 height=14></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP12'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP12'].src=document['fpAnimswapImgFP12'].imgRolln" href="contactus.htm">
<img src="images/Home.jpg" border=0 id="fpAnimswapImgFP12"
name="fpAnimswapImgFP12" dynamicanimation="fpAnimswapImgFP12"
lowsrc="images/Home2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_13.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_14.jpg" width=84 height=16></td>
<td width=171 height=16>
<img src="images/main_15.jpg" width=171 height=16></td>
<td width=260 height=16 align="right">
<script language="JavaScript" type="text/javascript">
var months=new Array(13);
var days=new Array(8);
months[1]="Jan";
months[2]="Feb";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="Aug";
months[9]="Sept";
months[10]="Oct";
months[11]="Nov";
months[12]="Dec";

days[1]="Monday";
days[2]="Tuesday";
days[3]="Wednesday";
days[4]="Thursday";
days[5]="Friday";
days[6]="Saturday";
days[0]="Sunday";

var time=new Date();
var lmonth=months[time.getMonth() + 1];
var lday=days[time.getDay()];
var date=time.getDate();
var year=time.getYear();
document.write("<div id='datum'>" + lday + " ");
document.write(lmonth + " " + date + " " + "</div>");
</script>
</td>
<td width=100% height=16>
<img src="images/main_17.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP13'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP13'].src=document['fpAnimswapImgFP13'].imgRolln" href="preview.htm">
<img src="images/Equipment.jpg" border=0 id="fpAnimswapImgFP13"
name="fpAnimswapImgFP13" dynamicanimation="fpAnimswapImgFP13"
lowsrc="images/Equipment2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_19.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_20.jpg" width=84 height=16></td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_23.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP14'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP14'].src=document['fpAnimswapImgFP14'].imgRolln" href="demo.htm">
<img src="images/Location.jpg" border=0 id="fpAnimswapImgFP14"
name="fpAnimswapImgFP14" dynamicanimation="fpAnimswapImgFP14"
lowsrc="images/Location2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_25.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_26.jpg" width=84 height=16></td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_29.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP15'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP15'].src=document['fpAnimswapImgFP15'].imgRolln" href="features.htm">
<img src="images/Contact.jpg" border=0 id="fpAnimswapImgFP15"
name="fpAnimswapImgFP15" dynamicanimation="fpAnimswapImgFP15"
lowsrc="images/Contact2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_31.jpg" width=79 height=16></td>
<td width=84 height=16>
</td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_35.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=88 valign="top">
<img src="images/main_36.jpg" width=106 height=88></td>
<td width=594 height=88 colspan="4" valign="top" align="center">
<div align="center">
<center>
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td width="61%"> <p><font size="2" face="Arial"><br>
</font>
<p> </td>
<td width="39%"></td>
</tr>
</table>
</center>
</div>
</td>
<td width=100% height=88>
<img src="images/main_41.jpg" width=50 height=88></td>
</tr>
<tr>
<td width=106 height=19>
<a href="#top">
<img src="images/main_42.jpg" border=0 width="106" height="38"></a></td>
<td width=594 height=19 colspan="4" valign="bottom" align="center">
<p align="center">
<p align="center"><a href="charting.htm">Home</a>
| <a href="prescriptions.htm">Equipment</a> | <a href="coding.htm">
Location</a>
| <a href="support.htm">Contact Us</a>
</td>
<td width=100% height=19>
<img src="images/main_47.jpg" width=50 height=38></td>
</tr>
<tr>
<td width=106 height=19>
</td>
<td width=594 height=19 colspan="4" valign="bottom" align="center">
</td>
<td width=100% height=19>
</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
 
J

JDR

It's in your style sheet:

body { cursor: auto;
font-family: Arial;
font-size: medium;
scrollbar-face-color: #606790;
scrollbar-highlight-color: #9097C0;
scrollbar-shadow-color: Black;
scrollbar-arrow-color: #F0F8FF;
scrollbar-track-color: #438AD1;
scrollbar-darkshadow-color: #000000;
scrollbar-base-color: Black;
margin : 0 0 0 0;
scrollbar-3d-light-color : #9097C0;
scrollbar-dark-shadow-color : Black;
}

Remove the "Scrollbar Style"

JDR
*************************

careless_disaster said:
My scroll bar is blue for some reason and I don't understand why. How can I
change it back to normal or make it orange??? Here is my code:

<!--
design by Joshua Fleming @ Huboftheearth.com
http://www.huboftheearth.com and http://www.konnekted.com
mailto: (e-mail address removed)
tel. 256-571-9992
-->

<html>
<head>
<title>Sparks Fire & Safety - Everything You Need To Put The Fire Out!</title>
<link rel="stylesheet" href="main.css" type="text/css">
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="file:///C:/Program%20Files/Microsoft%20Office/OFFICE11/fpclass/animate.js">
</script>
</head>
<body bgcolor=#FFFFFF topmargin=0 leftmargin=0 rightmargin=0
onload="dynAnimation()" link="#465F79" vlink="#465F79" alink="#465F79"
language="Javascript1.2">
<!-- ImageReady Slices (mian.psd) -->
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=700 height=61 colspan=5>
<a name="top">
<img src="images/main_1.gif" width=700 height=61></a></td>
<td width=100% height=61>
<img src="images/main_03.jpg" width=100% height=61></td>
</tr>
<tr>
<td width=700 height=19 colspan=5>
<map name="FPMap0">
<area href="charting.htm" shape="rect" coords="355, 1, 411, 18">
<area href="prescriptions.htm" shape="rect" coords="416, 0, 495,
18">
<area href="coding.htm" shape="rect" coords="502, 0, 552, 18">
<area href="support.htm" shape="rect" coords="558, 0, 610, 18">
<area href="aboutus.htm" shape="rect" coords="615, 0, 673, 18">
<area href="index.htm" shape="rect" coords="678, 0, 698,
18"></map><img src="images/main_04.jpg" border=0 width=700 height=19
usemap="#FPMap0"></td>
<td width=100% height=19>
<img src="images/main_05.jpg" width=100% height=19></td>
</tr>
<tr>
<td width=106 height=14>
<img src="images/main_06.jpg" width=106 height=14></td>
<td width=79 height=14>
<img src="images/main_07.jpg" width=79 height=14></td>
<td width=84 height=14>
<img src="images/main_08.jpg" width=84 height=14></td>
<td width=171 height=14>
<img src="images/main_09.jpg" width=171 height=14></td>
<td width=260 height=14>
</td>
<td width=100% height=14>
<img src="images/main_11.jpg" width=50 height=14></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP12'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP12'].src=document['fpAnimswapImgFP12'].imgRolln" href="contactus.htm">
<img src="images/Home.jpg" border=0 id="fpAnimswapImgFP12"
name="fpAnimswapImgFP12" dynamicanimation="fpAnimswapImgFP12"
lowsrc="images/Home2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_13.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_14.jpg" width=84 height=16></td>
<td width=171 height=16>
<img src="images/main_15.jpg" width=171 height=16></td>
<td width=260 height=16 align="right">
<script language="JavaScript" type="text/javascript">
var months=new Array(13);
var days=new Array(8);
months[1]="Jan";
months[2]="Feb";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="Aug";
months[9]="Sept";
months[10]="Oct";
months[11]="Nov";
months[12]="Dec";

days[1]="Monday";
days[2]="Tuesday";
days[3]="Wednesday";
days[4]="Thursday";
days[5]="Friday";
days[6]="Saturday";
days[0]="Sunday";

var time=new Date();
var lmonth=months[time.getMonth() + 1];
var lday=days[time.getDay()];
var date=time.getDate();
var year=time.getYear();
document.write("<div id='datum'>" + lday + " ");
document.write(lmonth + " " + date + " " + "</div>");
</script>
</td>
<td width=100% height=16>
<img src="images/main_17.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP13'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP13'].src=document['fpAnimswapImgFP13'].imgRolln" href="preview.htm">
<img src="images/Equipment.jpg" border=0 id="fpAnimswapImgFP13"
name="fpAnimswapImgFP13" dynamicanimation="fpAnimswapImgFP13"
lowsrc="images/Equipment2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_19.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_20.jpg" width=84 height=16></td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_23.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP14'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP14'].src=document['fpAnimswapImgFP14'].imgRolln" href="demo.htm">
<img src="images/Location.jpg" border=0 id="fpAnimswapImgFP14"
name="fpAnimswapImgFP14" dynamicanimation="fpAnimswapImgFP14"
lowsrc="images/Location2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_25.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_26.jpg" width=84 height=16></td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_29.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP15'];img.imgRolln=img.src;img.src=img.lowsrc?img.lowsrc:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
onmouseout="document['fpAnimswapImgFP15'].src=document['fpAnimswapImgFP15'].imgRolln" href="features.htm">
<img src="images/Contact.jpg" border=0 id="fpAnimswapImgFP15"
name="fpAnimswapImgFP15" dynamicanimation="fpAnimswapImgFP15"
lowsrc="images/Contact2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_31.jpg" width=79 height=16></td>
<td width=84 height=16>
</td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_35.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=88 valign="top">
<img src="images/main_36.jpg" width=106 height=88></td>
<td width=594 height=88 colspan="4" valign="top" align="center">
<div align="center">
<center>
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td width="61%"> <p><font size="2" face="Arial"><br>
</font>
<p> </td>
<td width="39%"></td>
</tr>
</table>
</center>
</div>
</td>
<td width=100% height=88>
<img src="images/main_41.jpg" width=50 height=88></td>
</tr>
<tr>
<td width=106 height=19>
<a href="#top">
<img src="images/main_42.jpg" border=0 width="106" height="38"></a></td>
<td width=594 height=19 colspan="4" valign="bottom" align="center">
<p align="center">
<p align="center"><a href="charting.htm">Home</a>
| <a href="prescriptions.htm">Equipment</a> | <a href="coding.htm">
Location</a>
| <a href="support.htm">Contact Us</a>
</td>
<td width=100% height=19>
<img src="images/main_47.jpg" width=50 height=38></td>
</tr>
<tr>
<td width=106 height=19>
</td>
<td width=594 height=19 colspan="4" valign="bottom" align="center">
</td>
<td width=100% height=19>
</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Click to expand...
 
A

Andrew Murray

the external style sheet "main.css" must have the scroll bar set as blue. If you
don't want it, delete that line (below):

<link rel="stylesheet" href="main.css" type="text/css">

careless_disaster said:
My scroll bar is blue for some reason and I don't understand why. How can I
change it back to normal or make it orange??? Here is my code:

<!--
design by Joshua Fleming @ Huboftheearth.com
http://www.huboftheearth.com and http://www.konnekted.com
mailto: (e-mail address removed)
tel. 256-571-9992
-->

<html>
<head>
<title>Sparks Fire & Safety - Everything You Need To Put The Fire Out!</title>
<link rel="stylesheet" href="main.css" type="text/css">
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="file:///C:/Program%20Files/Microsoft%20Office/OFFICE11/fpclass/animate.js">
</script>
</head>
<body bgcolor=#FFFFFF topmargin=0 leftmargin=0 rightmargin=0
onload="dynAnimation()" link="#465F79" vlink="#465F79" alink="#465F79"
language="Javascript1.2">
<!-- ImageReady Slices (mian.psd) -->
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=700 height=61 colspan=5>
<a name="top">
<img src="images/main_1.gif" width=700 height=61></a></td>
<td width=100% height=61>
<img src="images/main_03.jpg" width=100% height=61></td>
</tr>
<tr>
<td width=700 height=19 colspan=5>
<map name="FPMap0">
<area href="charting.htm" shape="rect" coords="355, 1, 411, 18">
<area href="prescriptions.htm" shape="rect" coords="416, 0, 495,
18">
<area href="coding.htm" shape="rect" coords="502, 0, 552, 18">
<area href="support.htm" shape="rect" coords="558, 0, 610, 18">
<area href="aboutus.htm" shape="rect" coords="615, 0, 673, 18">
<area href="index.htm" shape="rect" coords="678, 0, 698,
18"></map><img src="images/main_04.jpg" border=0 width=700 height=19
usemap="#FPMap0"></td>
<td width=100% height=19>
<img src="images/main_05.jpg" width=100% height=19></td>
</tr>
<tr>
<td width=106 height=14>
<img src="images/main_06.jpg" width=106 height=14></td>
<td width=79 height=14>
<img src="images/main_07.jpg" width=79 height=14></td>
<td width=84 height=14>
<img src="images/main_08.jpg" width=84 height=14></td>
<td width=171 height=14>
<img src="images/main_09.jpg" width=171 height=14></td>
<td width=260 height=14>
</td>
<td width=100% height=14>
<img src="images/main_11.jpg" width=50 height=14></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP12'];img.imgRolln=img.src;img.src=img.lowsrc?img.low
src:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
Click to expand...
onmouseout="document['fpAnimswapImgFP12'].src=document['fpAnimswapImgFP12'].imgRo
lln" href="contactus.htm">
<img src="images/Home.jpg" border=0 id="fpAnimswapImgFP12"
name="fpAnimswapImgFP12" dynamicanimation="fpAnimswapImgFP12"
lowsrc="images/Home2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_13.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_14.jpg" width=84 height=16></td>
<td width=171 height=16>
<img src="images/main_15.jpg" width=171 height=16></td>
<td width=260 height=16 align="right">
<script language="JavaScript" type="text/javascript">
var months=new Array(13);
var days=new Array(8);
months[1]="Jan";
months[2]="Feb";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="Aug";
months[9]="Sept";
months[10]="Oct";
months[11]="Nov";
months[12]="Dec";

days[1]="Monday";
days[2]="Tuesday";
days[3]="Wednesday";
days[4]="Thursday";
days[5]="Friday";
days[6]="Saturday";
days[0]="Sunday";

var time=new Date();
var lmonth=months[time.getMonth() + 1];
var lday=days[time.getDay()];
var date=time.getDate();
var year=time.getYear();
document.write("<div id='datum'>" + lday + " ");
document.write(lmonth + " " + date + " " + "</div>");
</script>
</td>
<td width=100% height=16>
<img src="images/main_17.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP13'];img.imgRolln=img.src;img.src=img.lowsrc?img.low
src:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
Click to expand...
onmouseout="document['fpAnimswapImgFP13'].src=document['fpAnimswapImgFP13'].imgRo
lln" href="preview.htm">
<img src="images/Equipment.jpg" border=0 id="fpAnimswapImgFP13"
name="fpAnimswapImgFP13" dynamicanimation="fpAnimswapImgFP13"
lowsrc="images/Equipment2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_19.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_20.jpg" width=84 height=16></td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_23.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP14'];img.imgRolln=img.src;img.src=img.lowsrc?img.low
src:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
Click to expand...
onmouseout="document['fpAnimswapImgFP14'].src=document['fpAnimswapImgFP14'].imgRo
lln" href="demo.htm">
<img src="images/Location.jpg" border=0 id="fpAnimswapImgFP14"
name="fpAnimswapImgFP14" dynamicanimation="fpAnimswapImgFP14"
lowsrc="images/Location2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_25.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_26.jpg" width=84 height=16></td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_29.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP15'];img.imgRolln=img.src;img.src=img.lowsrc?img.low
src:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
Click to expand...
onmouseout="document['fpAnimswapImgFP15'].src=document['fpAnimswapImgFP15'].imgRo
lln" href="features.htm">
 
R

Ronx

.....and instantly lose all the page formatting?

Edit the style sheet, don't remove it.

--
Ron Symonds (Microsoft MVP - FrontPage)
Reply only to group - emails will be deleted unread.


Andrew Murray said:
the external style sheet "main.css" must have the scroll bar set as blue.
If you
don't want it, delete that line (below):

<link rel="stylesheet" href="main.css" type="text/css">

careless_disaster said:
My scroll bar is blue for some reason and I don't understand why. How can
I
change it back to normal or make it orange??? Here is my code:

<!--
design by Joshua Fleming @ Huboftheearth.com
http://www.huboftheearth.com and http://www.konnekted.com
mailto: (e-mail address removed)
tel. 256-571-9992
-->

<html>
<head>
<title>Sparks Fire & Safety - Everything You Need To Put The Fire
Out!</title>
<link rel="stylesheet" href="main.css" type="text/css">
<script language="JavaScript" fptype="dynamicanimation">
<!--
function dynAnimation() {}
function clickSwapImg() {}
//-->
</script>
<script language="JavaScript1.2" fptype="dynamicanimation"
src="file:///C:/Program%20Files/Microsoft%20Office/OFFICE11/fpclass/animate.js">
</script>
</head>
<body bgcolor=#FFFFFF topmargin=0 leftmargin=0 rightmargin=0
onload="dynAnimation()" link="#465F79" vlink="#465F79" alink="#465F79"
language="Javascript1.2">
<!-- ImageReady Slices (mian.psd) -->
<table width=100% border=0 cellpadding=0 cellspacing=0>
<tr>
<td width=700 height=61 colspan=5>
<a name="top">
<img src="images/main_1.gif" width=700 height=61></a></td>
<td width=100% height=61>
<img src="images/main_03.jpg" width=100% height=61></td>
</tr>
<tr>
<td width=700 height=19 colspan=5>
<map name="FPMap0">
<area href="charting.htm" shape="rect" coords="355, 1, 411,
18">
<area href="prescriptions.htm" shape="rect" coords="416, 0,
495,
18">
<area href="coding.htm" shape="rect" coords="502, 0, 552,
18">
<area href="support.htm" shape="rect" coords="558, 0, 610,
18">
<area href="aboutus.htm" shape="rect" coords="615, 0, 673,
18">
<area href="index.htm" shape="rect" coords="678, 0, 698,
18"></map><img src="images/main_04.jpg" border=0 width=700 height=19
usemap="#FPMap0"></td>
<td width=100% height=19>
<img src="images/main_05.jpg" width=100% height=19></td>
</tr>
<tr>
<td width=106 height=14>
<img src="images/main_06.jpg" width=106 height=14></td>
<td width=79 height=14>
<img src="images/main_07.jpg" width=79 height=14></td>
<td width=84 height=14>
<img src="images/main_08.jpg" width=84 height=14></td>
<td width=171 height=14>
<img src="images/main_09.jpg" width=171 height=14></td>
<td width=260 height=14>
</td>
<td width=100% height=14>
<img src="images/main_11.jpg" width=50 height=14></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP12'];img.imgRolln=img.src;img.src=img.lowsrc?img.low
src:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
Click to expand...
onmouseout="document['fpAnimswapImgFP12'].src=document['fpAnimswapImgFP12'].imgRo
lln" href="contactus.htm">
<img src="images/Home.jpg" border=0 id="fpAnimswapImgFP12"
name="fpAnimswapImgFP12" dynamicanimation="fpAnimswapImgFP12"
lowsrc="images/Home2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_13.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_14.jpg" width=84 height=16></td>
<td width=171 height=16>
<img src="images/main_15.jpg" width=171 height=16></td>
<td width=260 height=16 align="right">
<script language="JavaScript" type="text/javascript">
var months=new Array(13);
var days=new Array(8);
months[1]="Jan";
months[2]="Feb";
months[3]="March";
months[4]="April";
months[5]="May";
months[6]="June";
months[7]="July";
months[8]="Aug";
months[9]="Sept";
months[10]="Oct";
months[11]="Nov";
months[12]="Dec";

days[1]="Monday";
days[2]="Tuesday";
days[3]="Wednesday";
days[4]="Thursday";
days[5]="Friday";
days[6]="Saturday";
days[0]="Sunday";

var time=new Date();
var lmonth=months[time.getMonth() + 1];
var lday=days[time.getDay()];
var date=time.getDate();
var year=time.getYear();
document.write("<div id='datum'>" + lday + " ");
document.write(lmonth + " " + date + " " + "</div>");
</script>
</td>
<td width=100% height=16>
<img src="images/main_17.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP13'];img.imgRolln=img.src;img.src=img.lowsrc?img.low
src:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
Click to expand...
onmouseout="document['fpAnimswapImgFP13'].src=document['fpAnimswapImgFP13'].imgRo
lln" href="preview.htm">
<img src="images/Equipment.jpg" border=0 id="fpAnimswapImgFP13"
name="fpAnimswapImgFP13" dynamicanimation="fpAnimswapImgFP13"
lowsrc="images/Equipment2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_19.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_20.jpg" width=84 height=16></td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_23.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP14'];img.imgRolln=img.src;img.src=img.lowsrc?img.low
src:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
Click to expand...
onmouseout="document['fpAnimswapImgFP14'].src=document['fpAnimswapImgFP14'].imgRo
lln" href="demo.htm">
<img src="images/Location.jpg" border=0 id="fpAnimswapImgFP14"
name="fpAnimswapImgFP14" dynamicanimation="fpAnimswapImgFP14"
lowsrc="images/Location2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_25.jpg" width=79 height=16></td>
<td width=84 height=16>
<img src="images/main_26.jpg" width=84 height=16></td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_29.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=16>
<a onmouseover="var
img=document['fpAnimswapImgFP15'];img.imgRolln=img.src;img.src=img.lowsrc?img.low
src:img.getAttribute?img.getAttribute('lowsrc'):img.src;"
Click to expand...
onmouseout="document['fpAnimswapImgFP15'].src=document['fpAnimswapImgFP15'].imgRo
lln" href="features.htm">
<img src="images/Contact.jpg" border=0 id="fpAnimswapImgFP15"
name="fpAnimswapImgFP15" dynamicanimation="fpAnimswapImgFP15"
lowsrc="images/Contact2.jpg" width="106" height="16"></a></td>
<td width=79 height=16>
<img src="images/main_31.jpg" width=79 height=16></td>
<td width=84 height=16>
</td>
<td width=171 height=16>
</td>
<td width=260 height=16>
</td>
<td width=100% height=16>
<img src="images/main_35.jpg" width=50 height=16></td>
</tr>
<tr>
<td width=106 height=88 valign="top">
<img src="images/main_36.jpg" width=106 height=88></td>
<td width=594 height=88 colspan="4" valign="top" align="center">
<div align="center">
<center>
<table border="0" cellpadding="5" cellspacing="0" width="100%">
<tr>
<td width="61%"> <p><font size="2" face="Arial"><br>
</font>
<p> </td>
<td width="39%"></td>
</tr>
</table>
</center>
</div>
</td>
<td width=100% height=88>
<img src="images/main_41.jpg" width=50 height=88></td>
</tr>
<tr>
<td width=106 height=19>
<a href="#top">
<img src="images/main_42.jpg" border=0 width="106" height="38"></a></td>
<td width=594 height=19 colspan="4" valign="bottom" align="center">
<p align="center">
<p align="center"><a href="charting.htm">Home</a>
| <a href="prescriptions.htm">Equipment</a> | <a
href="coding.htm">
Location</a>
| <a href="support.htm">Contact Us</a>
</td>
<td width=100% height=19>
<img src="images/main_47.jpg" width=50 height=38></td>
</tr>
<tr>
<td width=106 height=19>
</td>
<td width=594 height=19 colspan="4" valign="bottom" align="center">
</td>
<td width=100% height=19>
</td>
</tr>
</table>
<!-- End ImageReady Slices -->
</body>
</html>
Click to expand...
Click to expand...
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

How can I get my scroll bar back from being blue?? 0
Gallery problem 12
Sript error when previewing page. 4
Frontpage 2000, browser trouble 5
pages don't work in Firefox? 2
Error setting up Attribute Mapping Template 1
Adsense breaks Frontpage 6
"open or save" message when opening an ASP form from either IE or FF1.5 1

Top