#1
  1. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2011
    Posts
    3
    Rep Power
    0

    Need help adding some css to a style sheet


    Hi, we are building a online shop which comes with a css file, and i want to add some things to it.

    I want to make the field set boxes light grey, and everything i have tried doesnt alter the box colour. Their is no code for fieldset only formboxes, and i have added in the background colour, but still nothing.

    This is the css file.

    a { color : 333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : underline;}
    a:active { color : 333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : underline;}
    a:hover { color : 333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : underline;}
    body,table,td,p,div { color : 000000; font-family : Verdana, Arial, Helvetica, sans-serif; font-size : 10pt;}
    .menu { color : 666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : none;}
    .menu2 { color : 000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : none;}

    .menu3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration : none;}
    .menu3 a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration : none;}
    .menu3 a:hover { color : 333333;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration : underline;}

    input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
    cfinput { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
    textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
    select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
    cfselect { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}
    td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
    tr { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
    th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
    h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold}
    h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold}
    h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold}
    p { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
    li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
    ul { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
    div { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px}
    .formstyle { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; background-color: #333333}
    .formboxes { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal;background-color:grey}
    .formstyle2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal}

    .mainmenu {color : 333333;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight: bold}
    .mainmenu a { color : 333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : none;}
    .mainmenu a:hover { color : 666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : underline;}

    .pagetitle {color : 333333;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px;font-weight: bold}
    .shoppingcart {color : FFFFFF;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight: normal}

    .buttontext {color : 000000;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight: normal}
    .buttontext a { color : 000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : none;}
    .buttontext a:hover { color : 000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration : underline;}

    .shopcartsmall {color : 333333;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;font-weight: normal}
    .shopcartbig {color : 333333;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;font-weight: bold}
    .shopcartbig a { color : 333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration : none;}
    .shopcartbig a:hover { color : 333333; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration : underline;}
  2. #2
  3. Contributing User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Aug 2011
    Location
    The Pleiades
    Posts
    300
    Rep Power
    9
    Can you post the HTML as well please?

    Regards,

    NM.
  4. #3
  5. No Profile Picture
    Registered User
    Devshed Newbie (0 - 499 posts)

    Join Date
    Jun 2011
    Posts
    3
    Rep Power
    0
    Originally Posted by Nanomech
    Can you post the HTML as well please?

    Regards,

    NM.
    Its a cold fusion site, here is the code, its the member login, products search and mailing list areas that i wont to change, but its all wrapped up in a table and i dont want to change the other areas - thanks

    <!--- site header, meta data, body etc --->
    <cfinclude template="htmlheader.cfm">
    <cfparam name="pageName" default="Fat Man Customs">

    <table width="760" border="0" cellspacing="0" cellpadding="0" align="center" style="background-color:#ffffff">
    <tr>
    <td bgcolor="#666666" align="right" class="shoppingcart" style="height:3px;"></td>
    </tr>
    <tr>
    <td height="100" bgcolor="ffffff">
    <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
    <td width="49%"><img src="images/FMC-Header.jpg" border="0"></td>
    <td width="49%" align="right">
    <table>
    <tr>
    <td><a href="basket.cfm"><img src="images/ShoppingCart.jpg" border="0" alt="view your shopping cart contents"></a></td>
    <td>
    <div class="shopcartbig"><a href="basket.cfm" class="shopcartbig">Shopping Cart</a></div>
    <div class="shopcartsmall">now in your cart:</div>
    <cfparam name="session.cart_total" default="0">
    <cfparam name="session.cart_items" default="0">
    <cfoutput>#session.cart_items#</cfoutput> items<br />
    <cfoutput>#request.currencySymbol##trim(numberFormat(session.cart_total*request.exchangeRate,"999,99 9.00"))#</cfoutput><br />
    <div class="shopcartbig"><a href="checkout1.cfm" class="shopcartbig">go to CHECKOUT</a></div>
    </td>
    </tr>

    </table>
    </td>
    <td width="2%">&nbsp;</td>
    </table>
    </td>
    </tr>
    <tr>
    <td height="39" background="images/menu_bar.jpg" align="right" class="mainmenu">
    <a href="index.cfm" class="mainmenu">HOME</a>&nbsp;&nbsp;&nbsp;
    <a href="aboutus.cfm" class="mainmenu">ABOUT US</a>&nbsp;&nbsp;&nbsp;
    <a href="privacy.cfm" class="mainmenu">PRIVACY</a>&nbsp;&nbsp;&nbsp;
    <a href="orderhistory.cfm" class="mainmenu">ORDER HISTORY</a>&nbsp;&nbsp;&nbsp;
    <a href="basket.cfm" class="mainmenu">SHOPPING CART</a>&nbsp;&nbsp;&nbsp;
    <a href="wishlist.cfm" class="mainmenu">WISH LIST</a>&nbsp;&nbsp;&nbsp;
    <a href="contactus.cfm" class="mainmenu">CONTACT US</a>&nbsp;&nbsp;&nbsp;
    </td>
    </tr>
    <tr>
    <td align="left" valign="top">
    <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
    <tr>
    <td width="177" align="left" valign="top">
    <table width="176" border="0" align="left" cellpadding="0" cellspacing="0">
    <tr>
    <td align="left" valign="top"><img src="images/title_MemberLogin.jpg" alt="Member Login" width="176" height="22" border="0" /></td>
    </tr>
    <tr>
    <td align="left" valign="top">
    <table width="176" border="0" cellpadding="0" cellspacing="0" bordercolor="4282E7">
    <tr>
    <td background="images/details_area_border.jpg" style="height:50px;padding-left:2px;padding-top:5px;padding-right:3px;">
    <!--- tell user whether logged in or not --->
    <cfinclude template="showlogindetails.cfm">
    </td>
    </tr>
    <tr>
    <td><img src="images/border_base.jpg" alt="BorderBase" width="176" height="5" /></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td align="left" valign="top">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top"><a href="products.cfm?showtree=1"><img src="images/title_SearchProducts.jpg" alt="Click for Product Categories" width="176" height="22" border="0" /></a></td>
    </tr>
    <tr>
    <td align="left" valign="top">
    <table width="176" border="0" cellspacing="0" cellpadding="0" bordercolor="333333">
    <tr>
    <td background="images/details_area_border.jpg" style="height:50px;padding-left:5px;padding-top:5px;">
    <!--- show the main product categories (user can expand) --->
    <cfinclude template="showmainproductcategories.cfm">
    <table border="0">
    <form action="search.cfm" method="post" name="top_search">
    <tr>
    <td align="right" class="buttontext">Search:</td>
    <td colspan="2" class="buttontext"><input type="text" maxlength="20" name="SearchText" style="width:88"></td>
    <td><input type="image" src="images/go.jpg" onclick="return checkTopSearch();"></td>
    </tr>
    </form>
    </table>
    </td>
    </tr>
    <tr>
    <td><img src="images/border_base.jpg" alt="BorderBase" width="176" height="5" /></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td align="left" valign="top">&nbsp;</td>
    </tr>
    <tr>
    <td align="left" valign="top"><img src="images/title_MailingList.jpg" alt="Mailing List" width="176" height="22" border="0" /></td>
    </tr>
    <tr>
    <td align="left" valign="top">
    <table width="176" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td background="images/details_area_border.jpg" style="height:50px;padding-left:5px;padding-top:5px;" class="buttontext">
    <form action="mailinglist.cfm" method="post" name="MLform">
    <table border="0">
    <tr>
    <td align="right" class="buttontext">Email:</td>
    <td colspan="2" class="buttontext"><input type="text" maxlength="100" name="EmailAddress" style="width:93"></td>
    <td><input type="image" src="images/go.jpg" onclick="return CheckEmail();"></td>
    </tr>
    </table>
    <input type="radio" name="Action2" value="Subscribe" checked class="buttontext">Subscribe&nbsp;<input type="radio" name="Action2" value="Unsubscribe" class="buttontext">Unsubscribe</p>
    </form>
    </td>
    </tr>
    <tr>
    <td><img src="images/border_base.jpg" alt="BorderBase" width="176" height="5" /></td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td align="left" valign="top" style="padding:5px;">
    <!--- show the credit cards this store accepts --->
    <cfinclude template="showcreditcards.cfm">
    </td>
    </tr>
    </table>
    </td>
    <td width="1%" align="left" valign="top"><img src="images/space.jpg" alt="space" width="10" height="9" /></td>
    <td align="left" valign="top" style="border-left: 1px solid #333333">
    <table width="100%" border="0" align="left" cellpadding="0" cellspacing="0">
    <tr>
    <td align="left" bgcolor="84B6FF" style="height:18px;background-image:url(images/title_DetailsArea.jpg);background-repeat: no-repeat;" class="pagetitle">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<cfoutput>#pageName#</cfoutput>
    </td>
    </tr>
    <tr>
    <td align="left" valign="top" bgcolor="FFFFFF" style="padding: 5px;">

IMN logo majestic logo threadwatch logo seochat tools logo