Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Sep 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Quick question, need some help!

    Hey guys,

    Firstly nice site!

    Unfortunatly i dont have the time to search my problem (no doubt i would be able to find some solutions) i need a quick fix as soon as possible.

    Im new to CSS coding, but not to web design / development so i know my way around and usually learn quite quickly.

    I'm working on a website which is written in CSS. In IE it shows up perfectly however in Firefox it appears slightly wrong (the navigation isnt aligned correctly etc... its as if the whole page has been pushed up!).

    The website address is - http://www.empowerinc.org.uk

    The CSS code is as follows:

    EDIT>> Sorry for the double post (ran out of characters!) Please see the post below for the CSS code.

  • #2
    New to the CF scene
    Join Date
    Sep 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    /* CSS Document */
    /* page */
    body {text-align: center; }
    #document {padding: 6px; width: 760px; margin-top: 15px; margin-right: auto; margin-bottom: 20px; margin-left: auto; border: 1px solid #666666; text-align: left; background-image: url(images/bg.gif); background-repeat: no-repeat; background-position: left bottom; }

    /* header */
    #logo {left: 0px; top: 0px; float: left; }

    #top_navigation {margin: 85px 25px 20px; padding: 0px 0px 0px 224px; height: 68px; width: 740px; background-image: url(images/grey_line.gif); background-repeat: no-repeat; background-position: left bottom; }
    #top_navigation li {display: inline; margin: 0px; padding: 0px; }
    #top_navigation a:link {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; border-bottom-width: 5px; border-bottom-style: solid; margin-right: 0px; margin-left: 6px; padding-top: 44px; padding-right: 15px; padding-left: 15px; height: 68px; width: 120px; text-align: center;}
    #top_navigation a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; border-bottom-width: 5px; border-bottom-style: solid; margin-right: 0px; margin-left: 6px; padding-top: 44px; padding-right: 15px; padding-left: 15px; height: 68px; width: 120px; text-align: center;}
    #top_navigation a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; color: #333333; text-decoration: none; border-bottom-width: 5px; border-bottom-style: solid; margin-right: 0px; margin-left: 6px; padding-top: 44px; padding-right: 15px; padding-left: 15px; height: 68px; width: 120px; text-align: center;}
    #top_navigation a:active {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; border-bottom-width: 5px; border-bottom-style: solid; margin-right: 0px; margin-left: 6px; padding-top: 44px; padding-right: 15px; padding-left: 15px; height: 68px; width: 120px; text-align: center;}

    a#services:link {border-bottom-color: #89D25A; }
    a#services:visited {border-bottom-color: #89D25A; }
    a#services:hover {border-bottom-color: #666666; }
    a#services:active {border-bottom-color: #89D25A; }

    a#case_studies:link {border-bottom-color: #5CA761; }
    a#case_studies:visited {border-bottom-color: #5CA761; }
    a#case_studies:hover {border-bottom-color: #666666; }
    a#case_studies:active {border-bottom-color: #5CA761; }

    a#careers:link {border-bottom-color: #529C9C; }
    a#careers:visited {border-bottom-color: #529C9C; }
    a#careers:hover {border-bottom-color: #666666; }
    a#careers:active {border-bottom-color: #529C9C; }

    a#contact_us:link {border-bottom-color: #4A7AB1; }
    a#contact_us:visited {border-bottom-color: #4A7AB1; }
    a#contact_us:hover {border-bottom-color: #666666; }
    a#contact_us:active {border-bottom-color: #4A7AB1; }

    ul#main_navigation{list-style:none; background-repeat: no-repeat; background-position: right top; width: 740px; margin-top: 5px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px; padding: 0px; height: 210px; }
    ul.main_navigation0{background-image: url(images/sign.jpg); }
    ul.main_navigation1{background-image: url(images/sign.jpg); }
    ul.main_navigation2{background-image: url(images/sign.jpg); }
    ul.main_navigation3{background-image: url(images/sign.jpg); }
    ul.main_navigation4{background-image: url(images/sign.jpg); }
    ul.main_navigation5{background-image: url(images/sign.jpg); }
    ul.main_navigation6{background-image: url(images/sign.jpg); }


    #main_navigation li,ul#main_navigation li a{width:226px; line-height:29px; display:block; }
    ul#main_navigation li a{border-bottom:1px solid #666666; text-decoration:none; text-indent:10px; font-weight:bold; color:#666666; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-variant: normal; margin: 0px; padding: 0px; }
    ul#main_navigation li a:hover{background:#666666; color:#FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; text-decoration: none; }
    ul#main_navigation li a span{float:left; height:20px; width:8px; margin:5px 0px 5px 5px; background:#ccc; padding: 0px; }
    ul#main_navigation li a:hover span{background:#89D25A; cursor: hand; }
    #first {height:28px; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; }

    #hr-full {background-image: url(images/grey-green-blue-grad.jpg); margin: 0px; padding: 0px; height: 5px; width: 740px; border: 0px none; background-repeat: no-repeat; background-position: right top; background-color: #FFFFFF; }
    /*left column */
    #left-col { width: 226px; float: left; margin: 15px 15px 0px -1px; padding: 25px 5px 0px 0px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; position: relative; top: -10px; background-color: #FFFFFF; text-align: center; }
    #left-col img {border: 1px solid #666666; padding: 0px; margin-top: 3px; margin-bottom: 3px; }
    #search {background-color: #666666; margin: 0px 0px 5px; padding: 5px; height: 47px; width: 226px; vertical-align: middle; font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none; text-align: left; }
    #search input {background-color: #999999; height: 17px; border: 1px solid #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FFFFFF; text-decoration: none; margin-right: 5px; margin-top: 5px; }
    #search-text {width:181px; }

    #contact {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin: 0px; padding: 0px; text-align: left; }
    #contact span {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }
    #contact #tel {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; }
    #contact a {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; }
    #contact a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; }

    #referral {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; text-align: center; margin-top: 18px; margin-bottom: 18px; }
    #referral span {font-family: Arial, Helvetica, sans-serif; font-size: 16px; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; position: relative; }


    #q1, #q3, #q5, #q7, #q9, #q11 {background-image: url(images/quote-start-green.gif); margin: 0px; padding: 3px 0px 0px 27px; width: 210px; background-repeat: no-repeat; background-position: left top; background-color: #FFFFFF; }
    #q1 p, #q3 p, #q5 p, #q7 p, #q9 p, #q11 p{background-image: url(images/quote-end-green.gif); margin: 0px; padding: 0px 24px 9px 0px; background-repeat: no-repeat; background-position: right bottom; text-align: center; }
    #q2, #q4, #q6, #q8, #q10, #q12 {background-image: url(images/quote-start-orange.gif); margin: 0px; padding: 3px 0px 0px 35px; width: 210px; background-repeat: no-repeat; background-position: left top; background-color: #FFFFFF; }
    #q2 p, #q4 p, #q6 p, #q8 p, #q10 p, #q12 p{background-image: url(images/quote-end-orange.gif); margin: 0px; padding: 0px 32px 9px 0px; background-repeat: no-repeat; background-position: right bottom; text-align: center; }

    blockquote a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; color: #666666; text-decoration: none; }
    blockquote a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; color: #666666; text-decoration: none; }
    blockquote a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; color: #609E36; text-decoration: none; }
    blockquote a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: normal; font-weight: bold; color: #666666; text-decoration: none; }

    #accessibility {width: 226px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; padding-top: 5px; text-align: center; margin: 18px 0px 0px; }
    #accessibility a:link{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }
    #accessibility a:visited{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }
    #accessibility a:hover{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; }
    #accessibility a:active{font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }
    #accessibility img {margin: 5px; height: 28px; width: 83px; border: none; }

    /* content */
    h1 {font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; margin: 0px 0px 15px 253px; padding: 0px; }
    h1 span {font-family: Arial, Helvetica, sans-serif; font-size: 15pt; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; margin: 0px; padding: 0px; }
    h2 {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin: 10px 0px 0px 253px; padding: 0px; text-align: left; }
    h3 {font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin: 5px 0px 0px 253px; padding: 0px; }
    h4 {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin: 5px 0px -5px 253px; padding: 0px; }
    h5 {font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; margin: 10px 0px 0px 253px; padding: 0px; }
    ul.content {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; margin-left: 253px; list-style-type: circle; }
    ol.content {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; margin-left: 253px; list-style-type: decimal; }
    .content img {float: left; clear: right; }

    .content {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; margin-left: 253px; padding: 0px; margin-top: 5px; margin-bottom: 14px; }
    .content li {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; margin-left: 20px; }

    a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #4A7AB1; text-decoration: none; }
    a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #4A7AB1; text-decoration: none; }
    a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }
    a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }

    a.sitemap:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color:#666666 ; text-decoration: none; }
    a.sitemap:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color:#666666 ; text-decoration: none; }
    a.sitemap:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color:#609E36 ; text-decoration: none; }
    a.sitemap:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color:#666666 ; text-decoration: none; }


    h2 a:link {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin-top: 0px; padding: 0px; }
    h2 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin-top: 0px; padding: 0px; }
    h2 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; margin-top: 0px; padding: 0px; }
    h2 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin-top: 0px; padding: 0px; }

    h3 a:link {font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }
    h3 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }
    h3 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; }
    h3 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }


    /* footer */
    #footer {clear: both; background-image: url(images/grey-green-blue-grad.jpg); background-repeat: no-repeat; background-position: left top; height: 28px; width: 740px; text-align: center; padding-top: 10px; background-color: #FFFFFF; }
    #footer a:link {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }
    #footer a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }
    #footer a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }
    #footer a:active {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }
    #footer li {display: inline; margin: 0px; padding: 0px 40px; }
    #footer ul {list-style-type: none; margin-top: 0px; margin-right: 40px; margin-bottom: 0px; margin-left: 40px; }

    /* home */
    #features {margin-bottom: 5px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #666666; border-bottom-color: #666666; margin-left: 245px; padding: 0px; }

    #features ul {margin: 0px; padding: 0px; list-style-type: none; text-align: left; }
    #features li {padding-top: 10px; padding-bottom: 10px; display: inline; text-align: left; width: 140px; margin-right: 10px; margin-left: 10px; }
    #features li img {border: 1px solid #666666; height: 88px; width: 140px; margin-bottom: 4px; }

    #features a:link {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }
    #features a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }
    #features a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; }
    #features a:active {font-family: Arial, Helvetica, sans-serif; font-size: 15px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; }

    #news_and_events {float: left; margin: 0px; padding: 0px 10px -5px 0px; position: relative; top: 15px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; width:260; }
    #news_and_events p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #666666; text-decoration: none; margin: 0px; padding: 0px; }
    #news_and_events h2 {padding: 0px; margin: 0px; padding-bottom: 10px; }
    #news_and_events h3 {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; margin: 0px; padding: 0px; }
    #news_and_events h3 a:link {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; margin: 0px; padding: 0px; }
    #news_and_events h3 a:visited {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; margin: 0px; padding: 0px; }
    #news_and_events h3 a:hover {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; margin: 0px; padding: 0px; }
    #news_and_events h3 a:active {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; margin: 0px; padding: 0px; }

    #partners {float: right; margin: 0px; padding: 0px; position: relative; top: 15px; }
    #partners h2 {font-family: Arial, Helvetica, sans-serif; font-size: 17px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin: 0px; padding: 0px; margin-bottom: 10px; }
    #partners h3 {font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; margin: 5px 0px 5px 5px; padding: 0px; }
    #partners img{border: none; margin: 10px 3px 0px; padding: 0px; }
    #partners #more {padding-left: 20px; }

  • #3
    New to the CF scene
    Join Date
    Sep 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    /* case studies */
    .gallery img {height: 96px; width: 145px; margin-top: 0px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; border: 1px solid #666666; }
    .gallery {margin-bottom: 10px; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #666666; border-bottom-color: #666666; margin-left: 250px; padding: 10px 0px; margin-top: 10px; text-align: center; }
    .gallery div img {height: 200px; width: 300px; margin-top: 10px; margin-right: 5px; margin-bottom: 0px; margin-left: 5px; border: 1px solid #666666; }

    /* services */
    .products {height: 135px; width: 235px; background-color: #FFFFFF; clear: none; float: left; margin: 5px 0px; padding: 5px 5px 0px; text-align: center; }
    #product-display {clear: none; float: right; width: 500px; text-align: center; padding: 0px; margin: -5px; }
    .products h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin: 0px; padding: 0px; }
    .products p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; text-align: left; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
    .products img {float: left; margin: 20px 10px 5px 5px; height: 100px; width: 70px; }

    /* news */
    .news {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; margin-left: 253px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 5px; }
    #product1, #product3, #product5, #product7, #product9, #product11 {border-right-width: 1px; border-right-style: solid; border-right-color: #666666; }
    .newsimage {text-decoration: none; margin-left: 0px; padding: 0px; margin-top: 0px; margin-right: 10px; margin-bottom: 5px; float: left; border: none; }
    .serviceintro {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; margin-left: 253px; padding: 0px; margin-top: 5px; margin-bottom: 14px; }
    .serviceintro img {margin-right: 10px; float: left; }
    .service-options {height: 135px; clear: none; float: left; margin: 0px 0px 15px; padding: 0px 5px 15px; text-align: left; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #666666; }
    .service-options h2 {font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin: 0px; padding: 0px; }
    .service-options p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; text-align: left; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
    #design-budget {width: 235px; border-right-width: 1px; border-right-style: solid; border-right-color: #666666; height: 195px; margin-bottom: 5px; padding-bottom: 5px; border-bottom-style: none; }
    #design-proffessional {width: 235px; height: 195px; margin-bottom: 5px; padding-bottom: 5px; border-bottom-style: none; }
    .service-options ul {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; text-align: left; padding: 0px; margin-top: 5px; margin-bottom: 0px; list-style-type: circle; }
    #hosting-basic, #hosting-intermediate , #hosting-advanced {width: 470px; }
    .services {margin-left: 265px; }
    .hr-line {height: 1px; margin-top: 5px; margin-bottom: 5px; border-top-width: 1px; border-top-style: solid; border-top-color: #666666; width: 470px; overflow: hidden; float: right; }
    .price {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; text-align: left; padding: 0px; margin: 0px; }
    td p {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; }
    td h2 {font-family: Arial, Helvetica, sans-serif; font-size: 14pt; font-style: normal; font-weight: bold; font-variant: normal; color: #609E36; text-decoration: none; margin: 0px; padding: 0px; text-align: right; }
    .service-options h4 {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; margin: 5px 0px -5px; padding: 0px; }
    .quotation {font-weight: bold; color: #000000; text-decoration: none; }
    .space {font-size: 9px; margin: 0px; padding: 0px; }
    .contentbold {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; margin-left: 273px; margin-top: 5px; margin-bottom: 14px; list-style-type: circle; }
    .contentbold li {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; font-variant: normal; color: #666666; text-decoration: none; list-style-type: circle; }
    .content span {font-family: Arial, Helvetica, sans-serif; font-size: 13pt; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; }
    p span {font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: normal; font-weight: bold; font-variant: normal; color: #FF6600; text-decoration: none; }
    form {font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none; padding: 0px; margin: 0px; }
    .map {float: right; cursor: hand; }
    .hide {margin: 0px; padding: 0px; float: left; overflow: hidden; position: absolute; visibility: hidden; left: 0px; top: 0px; }
    p .hide {margin: 0px; padding: 0px; float: left; overflow: hidden; position: absolute; visibility: hidden; left: 0px; top: 0px; }


    NOTE: So sorry for the triple post, characters kept running out!

    Thanks in advance for any help, this is quite important!

    Cheers

  • #4
    Senior Coder
    Join Date
    Dec 2004
    Location
    Essex, UK
    Posts
    2,636
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Sorry I don't have time to help with the query so this is probably not a good post... but as you are knew to CSS do you realise that most properties are inherited? Hence the 'Cascading' in Cascading Style Sheets.

    You don't need to specify each attribute again for example, for h1 span, when they're already specified in h1.

    eg.

    h1 {
    font: bold 15pt Arial, Helvetica, sans-serif;
    color: #F60;
    margin: 0 0 15px 253px;
    padding: 0;
    }

    h1 span { color: #609E36; margin: 0; }


    Much more simple.

  • #5
    New to the CF scene
    Join Date
    Sep 2006
    Posts
    7
    Thanks
    0
    Thanked 0 Times in 0 Posts
    cheers for the help ill look into it now

    has anyone else got any ideas? cheers

  • #6
    Senior Coder
    Join Date
    Nov 2003
    Location
    Minneapolis, MN
    Posts
    2,879
    Thanks
    2
    Thanked 65 Times in 56 Posts
    Yes. Please read our Rules and Posting Guidelines. Thanks.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •