...

View Full Version : Quick question, need some help!



mangimaru
09-18-2006, 11:08 PM
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.

mangimaru
09-18-2006, 11:09 PM
/* 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; }

mangimaru
09-18-2006, 11:11 PM
/* 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

mark87
09-18-2006, 11:36 PM
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. :)

mangimaru
09-19-2006, 10:34 AM
cheers for the help ill look into it now

has anyone else got any ideas? cheers

rmedek
09-19-2006, 07:08 PM
Yes. Please read our Rules (http://codingforums.com/rules.htm) and Posting Guidelines (http://codingforums.com/postguide.htm). Thanks.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum