CONTROL OVER CSS

[hosted3334]

http://www.w3schools.com/

I went oover the samples at w3 and I can't have control over my css.
My Index is different from the way I bought it as a ready site.
I am saying maybe that maybe my index does not see the this css in particular.
My Question is this.
Is the problem a) my css or b) index does not recognise the css.
Here is my css
Thanks
/*
$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

osCommerce, Open Source E-Commerce Solutions

http://www.oscommerce.com

Copyright (c) 2003 osCommerce

Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #888888; text-decoration: underline; }

FORM {
display: inline;
}

.infoBox {
background: #b6b7cb;
}

.infoBoxContents {
background: #ffffff;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
/*

*/
TR.headerNavigation {
background: #bbc3d3;
}

TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #bbc3d3;
color: #ffffff;
font-weight : bold;
}

A.headerNavigation {
color: #FFFFFF;
}

A.headerNavigation:hover {
color: #ffffff;
}

TR.headerError {
background: #ff0000;
}

TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}

TR.headerInfo {
background: #00ff00;
}

TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}





.infoBoxNotice {
background: #FF8E90;
}

.infoBoxNoticeContents {
background: #FFE6E6;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #bbc3d3;
color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #f8f8f9;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #D6D6D6;
}

TABLE.productListing {
border: 0px;
border-style: solid;
border-color: #D6D6D6;
border-spacing: 1px;

}

.productListing-heading {

border-right:1px solid #FFFFFF;
border-bottom:2px solid #FFFFFF;
text-align:center;


color: #636363;
font-weight: bold;
padding: 11px;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
background: #D6D6D6;
//shopping-cart header/footer color
}

TD.productListing-data {
border-right:1px solid #FFFFFF;
border-bottom:1px solid #FFFFFF;
text-align:center;
vertical-align:top;
padding:10 10 10 10;


font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
color: #636363;
}

A.pageResults {
color: #353535;
}

A.pageResults:hover {
color: #353535;
}

TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 20px;
font-weight: bold;
color: #9a9a9a;
}

TR.subBar {
background: #f4f7fd;
}

TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}

TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}

TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}

TD.fieldKey {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

TD.fieldValue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}

TD.tableHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}

SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #f0a480;
font-weight: bold;
}

TABLE.formArea {
background: #f1f9fe;
border-color: #7b9ebd;
border-style: solid;
border-width: 1px;
}

TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}

SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #c76170;
font-weight: bold;
}

SPAN.productSpecialPrice {
font-size: 12px;
color: #575757;
font-family: tahoma;
font-weight: bold; text-decoration:none;
}

SPAN.errorText {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */
#manu * {background:none;padding-top:0;padding-bottom:0;}
#manu select {background-color:#fff;padding-top:0;padding-bottom:0;}
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.smallText_1 a {
color:#000;
text-decoration:underline;
}

.smallText_1 a:hover {
color:#000;
text-decoration:none;
}

#myse select {
width:90%;
}

.delp {
color:#808080;
font-size:11px;
font-weight:normal;
}
s {
color:#808080;
font-size:11px;
font-weight:normal;
}
.main a {
color:#000;
text-decoration:none;
}

.main a:hover {
color:#000;
text-decoration:underline;
}

.subcatl {
color:#000;
text-decoration:underline;
font-weight:normal;
}

.subcatl:hover {
color:#000;
text-decoration:none;
font-weight:normal;
}
.smallText {
color:#464646;padding:5px 10px 5px 10px;
height:30px;

}
.smallText a {
color:#888888; font-size:10px; text-decoration:none;
}
.smallText a:hover {
color:#888888; font-size:10px; text-decoration:underline;
}
/* -------------------------------------------- ---------------------------------------------------- */
td{
font-family: tahoma, verdana, arial;
font-size: 11px;
color: #636363;
}
.bg1{
background-image: url("images/m21.gif");
background-repeat: repeat-y;
}

.ch1{
font-size: 11px;
color: #636363;
font-weight: bold;
}

.ch2{
font-size: 10px;
font-weight: bold;
color: #9D080D;
}

.ch3{
font-size: 11px;
font-weight: bold;
color: #9D080D;
}

.ch4, .ch4 a{
font-size: 13px;
color: #FFFFFF;
font-weight: bold; text-decoration:none;
}

.ch5, .ch5 a{
font-size: 12px;
color: #575757;
font-family: tahoma;
font-weight: bold; text-decoration:none;
}

.ch6, .ch6 a{
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
}
.ch6:hover, .ch6 a:hover{
text-decoration:underline;
}
.ch7{
font-size: 12px;
color: #ED1B23;
font-weight: bold;
font-family: tahoma;
}

.ml1{
font-size: 11px;
color: #636363;
font-weight: bold;
}

.ml2{
font-size: 10px;
font-weight: bold;
color: #9D080D;
text-decoration: none;
}

.ml3{
font-size: 13px;
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

.ml4{
font-size: 11px;
color: #575757;
text-decoration: none;
}

.ml5{
font-size: 11px;
color: #636363;
font-weight: bold;
text-decoration: none;
}

.ml6{
font-size: 11px;
color: #C80051;
font-weight: bold;
text-decoration: none;
}


.se{
border: #818181 1px solid;
width: 196px;
font-size: 9px;
color: #363636
}

.se2{
border: #818181 1px solid;
width: 85px;
font-size: 9px;
color: #363636
}

.image_border_{
border:1px solid #B1B1B1;
}



ul { list-style:none;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}

li { background:url(images/mark_bg.gif) left top no-repeat;
color:#000000;padding:0px 0px 0px 33px;margin:0px 0px 0px 0px;
}
li a {text-decoration:none; color:#575757; font-size:11px; line-height:19px;}
li a:hover {text-decoration:underline; color:#888888; font-size:11px;}

.el { background:url(images/mark.gif) left top no-repeat;
color:#000000;padding:0px 0px 0px 43px;margin:0px 0px 0px 0px;
}
/*

.al { background:url(images/mark_bg1.gif) left top no-repeat;
color:#000000;padding:0px 0px 0px 43px;margin:0px 0px 0px 0px;
}
*/
.pr_name a{
font-size: 11px;
color: #636363;
font-weight: bold;
text-decoration:none;
}

.pr_name a:hover{
font-size: 11px;
color: #636363;
font-weight: bold;
text-decoration:underline;
}

.bg2 {
background:url(images/m45.jpg) left top repeat-x;}
.bg22 {
background:url(images/m50.gif) left bottom repeat-x #901D28;}
.ch11{
font-size: 11px;
color: #ffffff;
}
.ch10 a { color:#70787D; text-decoration:none;}
.ch10 a:hover { color:#70787D; text-decoration:underline;}

.ml8{
font-size: 11px;
color: #ffffff;
text-decoration: none;
}
.ml8:hover{
font-size: 11px;
color: #ffffff;
text-decoration:underline;
}
p.main {line-height:14px; color:#8A8A8A;}
p.main b {line-height:18px; color:#535353; font-size:12px;}


/* -------------------------------------------- ---------------------------------------------------- */
.sea_1 {border:1px solid #b6b7cb;} /* ----- login.php -- password_forgotten.php -- ... ---- */
.sea_2 {padding:10px;}
.sea_3 {padding:0px 03px 0px 3px;}

.sea_4 td{
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color:#636363;
}
.sea_4 a:hover {
color:#888888;
text-decoration:none;
}
.sea_4 a {
color:#575757;
text-decoration:underline;
}
.sea_5 a {color:#DC1400;}

 

[BillyRayPreachersSon]

In the same way you wouldn't expect a doctor to be able to diagnose an illness without seeing the patient, we cannot diagnose how your CSS isn't being picked up without seeing how you are attaching it the the page.

How about posting the relevant code, or a URL?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[hosted3334]

Is there another link that cannects index to css.
I think that is my problem


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

 

[BillyRayPreachersSon]

Is your file saved with an all-lowercase filename? Some OSes are case-sensitive.

Also make sure the CSS file is in the same folder as the HTML file.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[Vragabond]

And moreso, check that your CSS file does not have any HTML tags or any non-CSS syntax text.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[BillyRayPreachersSon]

(such as using "//" for comments, which isn't valid in a CSS file).

Also make sure your HTML & CSS validates.

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

hosted3334,

How did you go with this? Did you resolve your problem?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

hosted3334,

How did you go with this? Did you resolve your problem?

Dan



Coedit Limited - Delivering standards compliant, accessible web solutions

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]