9 replies [Last post]
SethMace
Offline
Regular
Liverpool, England
Last seen: 13 years 9 weeks ago
Liverpool, England
Joined: 2006-12-25
Posts: 25
Points: 0

Hi there,

Having a slight issue with a site im doing. The font styling was working fine at first. I noticed the bug after i started to refine the font styling a bit more, i was in the process of styling the footer information when i noticed the 4 features at the top, had lost their colour classes.

http://www.sethmace.plus.com/test/eco-rich/index.htm

The issue revolves around these 4 features at the top of my index page. Each of the 4 has a

header and each header has a different class (4 different colours applied).

Any help would be much appreciated.

Thanks.

/* CSS Document */ body { background-color: #F0E0B2; background-attachment: scroll; margin: 0 auto; padding: 0; text-align: center; }

.clear {
clear: both;
}

#container {
height: 100%;
width: 822px;
margin: 0px auto; padding: 0;
}

#containerBG {
float:left;
height: 100%;
width: 822px;
margin: 0px auto; padding: 0;
text-align: left;
background: url(../images/eco-rich-bg.gif) repeat-y 50% 0;
background-attachment: scroll;
background-color:#FFFFFF;
}

/*#top {
height: 250px;
width: 822px;
margin: 0px; padding:0;
text-align: left;
background: url(../images/eco-richheader2.jpg) no-repeat 50% 0;
background-attachment: scroll;
}

/* --- Main Content Elements - Start --- */
#info {
height: auto; width: auto;
margin: 0; padding: 0 0 0 40px;
text-align: left;
float: left;
}

#contactinfo {
height: auto; width: auto;
margin: 0px;padding: 14px 40px 0 0px;
text-align: right;
float: right;
}

#menu {
clear: both;
height: auto;width: auto;
margin: 0px;padding: 10px 0px 0 40px;
text-align: left;
}
/* --- Main Content Elements - End --- */

.clear {
clear: both;
}

#content {
float:left;
height: auto;
width: 822px;
margin: 0px; padding: 0;
text-align: left;
background: url(../images/eco-rich-content.jpg) no-repeat 50% 0;
background-attachment: scroll;
}

#spacer { clear:both; height: 100px; width: auto; margin:0; padding:0; }

/* --- Main Content Holders - Start --- */

#features {
clear: both; width: auto; padding: 0; margin: 0; float: left;
}

/* --- Features Elements - Start --- */

#features div {
float:left; width: auto; margin: 0; padding: 10px 0px 10px 40px;
}

#features div div {
float:left; width: 350px; margin: 15px 5px 0px 10px; padding: 0px;
}

.featurePic {
float:left; vertical-align:middle;padding: 10px 5px 0px 0px; margin: 0;
}

/* --- Features Elements - End --- */

#index-content {
clear:both; float: left; height: auto; width: 822px; padding: 0px; margin: 0px;
}

#index-content div {
float: left; height: auto; width: auto; padding: 0 0px 0 40px; margin: 0;
}

#news-feature {
float:left;
height: auto; width: auto;
margin: 0px; padding: 0;
}

#news-feature div {
float:left;
height: 132px; width: 357px;
margin: 30px 0 0 0px; padding: 0;
text-align: left;
background: url(../images/news-feature-bg.gif) no-repeat;
background-attachment: scroll;
}

.news-featurePic {
float:right; padding:16px 15px 5px 5px; margin: 0;
}

#leftcontent {
height: auto;
width: 455px;
margin: 0px;
padding: 20px 20px 0 40px;
text-align: left;
float: left;
}

#rightcontent {
height: auto;
width: 248px;
margin: 0;
padding: 20px 0 0 0;
text-align: left;
float: left;
}

#video-bar {
clear: both;
height: 189px; width:auto;
margin: 0px;
padding: 0px 0 0 40px;
}

/* --- Main Content Holders - End --- */

/* --- Index Content - Start --- */

#leftcontent div {
margin: 0px; padding: 0px;
text-align: left;
float: left;
}

/* --- Index Content - End --- */

/* --- Main Content Elements - Start --- */

#highlight {
height: 182px;
width: 248px;
margin: 0px; padding: 0;
text-align: left;
background: url(../images/eco-rich-handshake.jpg) no-repeat 50% 0;
background-attachment: scroll;
float: left;
}

#eco-news {
clear: both;
height: auto;
width: 248px;
margin: 0;
padding: 20px 0 0 0px;
text-align: left;
float: left;
}

/* --- Main Content Elements - End --- */

/* --- Video Bar Elements - Start --- */

#mission {
height: 189px;
width: 455px;
margin: 0 20px 0 0;
padding: 0;
text-align: left;
float: left;
background-image:url(../images/environmental-mission.jpg);
background-repeat:no-repeat;
}

#video {
float: left;
margin:26px 0 0 0;
padding:0;
}

.video { margin: 0; padding: 0; border-width:0;}
/* --- Video Bar Elements - End --- */

/* --- Footer - Start --- */

#footer {
clear: both;
height: auto;
width: auto;
margin: 0; padding: 0;
text-align:center;
background: url(../images/eco-rich-footer.jpg) no-repeat 50% 0;
background-attachment: scroll;
float: left;
background-color: #F0E0B2;
}

#footer div {
height: auto;width: 822px;
margin: 0px;
padding: 100px 0 10px 0;
text-align:center;
float: left;
}

/* --- Footer - End --- */

/* --- Header Text - Start --- */

#info h1 {
font: 12px Verdana;
margin: 0;
padding: 20px 0 0 0;
color: #FFFFFF;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-style: italic;
}

#contactinfo p {
font: 12px Verdana;
margin: 0;
padding: 0;
color: #000000;
font-family: "Verdana", Arial, Helvetica, sans-serif;
line-height: 20px;
}

#contactinfo p a:link, a:visited {
color: #CC0066;
}

#menu ul li {
font: 14px/20px Verdana;
color: #FFFFFF;
font-family: "Verdana", Arial, Helvetica, sans-serif;
padding: 0; margin: 0;
list-style-type:none;
}

#menu ul li.current a:link, #menu ul li.current a:visited {
list-style-type: circle;
font-weight:bold;
}

#menu a:link, #top a:visited {
font: 14px/20px Verdana;
color: #FFFFFF;
font-family: "Verdana", Arial, Helvetica, sans-serif;
text-decoration: none;
list-style-type: disc;
padding: 0; margin: 0;
border-bottom:none;
}

#menu a:hover {
color: #FFFFFF;
text-decoration: underline;
}

/* --- Header Text - End --- */

/* --- Features Content Text - Start --- */

#features h2 {
font: 16px Verdana;
color: #000000;
margin: 0; padding: 10px 0 0 0px;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-weight: bold;
text-decoration: none;
}

#features h2 a:link, a:visited {
text-decoration: none;
}

#features h2 a:hover {
text-decoration: underline;
}

#features p {
font: 12px/16px Verdana;
color: #000000;
font-family: "Verdana", Arial, Helvetica, sans-serif;
padding: 10px 0 0 120px; margin: 0;
}

#features p a:link, a:visited { text-decoration: none; font-style:italic; border-bottom:none; }
#features p a:hover { text-decoration:underline; font-style:italic; }

.blue { color:#0099CC;} .blue a:link, a:visited { color:#0099CC; } .blue a:hover { text-decoration:underline; }
.pink { color:#CC0066;} .pink a:link, a:visited { color:#CC0066; } .pink a:hover { text-decoration:underline; }
.gold { color:#CC9900;} .gold a:link, a:visited { color:#CC9900; } .gold a:hover { text-decoration:underline; }
.grey { color:#333333;} .grey a:link, a:visited { color:#333333; } .grey a:hover { text-decoration:underline; }

#news-feature h3 {
font: 16px/22px Verdana;
color: #FFFFFF;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-weight:bold; text-align: center;
padding: 10px 5px 0 5px;
margin: 0;
}

#news-feature p {
font: 11px/16px Verdana;
color: #FFFFFF;
font-family: "Verdana", Arial, Helvetica, sans-serif;
text-align: center;
padding: 5px 5px 0px 5px;
margin: 0;
}

/* --- Features Content Text - End --- */

/* --- Main Content Text - Start --- */

#leftcontent h1 {
font: 22px/30px Verdana;
margin: 0; padding: 0 0 10px 30px;
color: #CC0066;
font-family: "Verdana", Arial, Helvetica, sans-serif;
letter-spacing: 2px;
font-weight: bold;
}

#leftcontent h2 {
font: 16px Verdana;
margin: 0 0 10px 0; padding: 3px 0px 4px 30px;
color: #FFFFFF;
font-family: "Verdana", Arial, Helvetica, sans-serif;
letter-spacing: 2px;
font-weight: bold;
background-image:url(../images/h1-long-pink.gif);
background-repeat:no-repeat;
}

#leftcontent h3 {
font: 12px/16px Verdana;
margin: 0; padding: 0 0 10px 30px;
color: #000000;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-weight: bold;
}

p {
font: 12px/16px Verdana;
color: #000000;
font-family: "Verdana", Arial, Helvetica, sans-serif;
padding: 0 0 0 30px; margin: 0 0 10px 0;
}

#index-content blockquote {
float:left; height: auto; width: 320px;
margin: 0; padding: 40px 0px 20px 0px;
text-align: left;
background: url(../images/eco-quote-open.gif) no-repeat;
background-attachment: scroll;
}

#index-content blockquote p {
font-weight: bold; height: 12em;
background: url(../images/eco-quote-close.gif) no-repeat;
background-attachment: scroll;
background-position:100% 100%;
}

#index-content cite {
float:left; height: 0; width: 300px;
margin: -20px 0 0 0; padding: 0px;
text-align: right;
}

#leftcontent ol {
font: 12px/16px Verdana;
color: #000000;
font-family: "Verdana", Arial, Helvetica, sans-serif;
padding: 0 0 0 70px; margin: 0 0 10px 0;
}

#leftcontent ul {
font: 12px/16px Verdana;
color: #000000;
font-family: "Verdana", Arial, Helvetica, sans-serif;
padding: 0 0 0 70px; margin: 0 0 10px 0;
}

#leftcontent li { padding: 5px 50px 0 10px; margin:0; }

/* --- Main Content Text - End --- */

/* --- Left Content Text - Start --- */

#mission h2 {
font: 24px Verdana;
margin: 0 0 10px 0;
padding: 40px 210px 4px 20px;
color: #CC0066;
font-family: "Verdana", Arial, Helvetica, sans-serif;
letter-spacing: 0px;
font-weight: bold;
text-align:right;
}

#mission p {
font-size: 15px;
line-height: 20px;
margin: 0 0 0px 10px;
padding: 0px 210px 4px 20px;
text-align:right;
font-weight:normal;
}

/* --- Left Content Text - End --- */

/* --- Right Content Text - Start --- */

#highlight h3 {
font: 20px Verdana;
margin: 0;
padding: 10px 10px 0 10px;
color: #FFFFFF;
font-family: "Verdana", Arial, Helvetica, sans-serif;
letter-spacing: 0;
font-weight: bold;
text-align:center;
}

#highlight p {
font: 14px Verdana;
margin: 0;
padding: 14px 10px 0 10px;
color: #FFFFFF;
font-family: "Verdana", Arial, Helvetica, sans-serif;
font-weight: bold;
text-align:center;
}

#eco-news h2 {
font: 16px Verdana;
margin: 0;
padding: 3px 0px 4px 30px;
color: #FFFFFF;
font-family: "Verdana", Arial, Helvetica, sans-serif;
letter-spacing: 0;
font-weight: bold;
background-image:url(../images/h1-short-blue.gif);
background-repeat:no-repeat;
}

#eco-news ul {
font: 12px/16px Verdana;
color: #000000;
font-family: "Verdana", Arial, Helvetica, sans-serif;
padding: 10px 0 10px 10px;
margin: 0 0 0 10px;
list-style-type:disc;
}

#eco-news a:link, a:visited { text-decoration:none; } #eco-news a:hover { text-decoration:underline; }

/* --- Right Content Text - End --- */

/* --- Footer Content Text - Start ---

.footer a:link, a:visited {
font: 12px/18px Verdana;
color: #000000;
font-family: "Verdana", Arial, Helvetica, sans-serif;
padding: 0; margin: 0;
text-decoration:none;
border-bottom-style:dotted;
border-bottom-width:thin;
}

.footer a:hover { color: #CC0066; }

/* --- Footer Content Text - End --- */

Local UK Energy Consultants - Carbon Footprint, CO2 Management - Renewable Energy & Conservation - www.Eco-Rich.com - Welcome







Environmental & Energy Consultants



Eco-Rich Ltd. Tel +44 [0] 1704 877957

Email: [email protected]













Carbon Reduction

Know the Impact of your Energy Consumption?


We provide training and development about Energy Efficiency and Awareness in the workplace, Climate Change, the Climate Change Levy (UK Energy Tax), the responsibility more...



Utility Reduction

Do you really check your Invoices?


Utility invoices are technical documents requiring a trained eye and appropriate software support. We will provide a thorough Invoice Validation Service for your organization to ensure more...



Recycle Resources

Looking for Cost Savings?


We provide a FREE Initial Energy Audit to identify if your consumption can be reduced, carbon dioxide emissions reduced, energy tax reduced, and savings achieved. more...



Environmental Footprint

Want to Reduce Energy Consumption and Costs?


Let us work with you to identify and quantify the potential reductions and prepare a business case for your organization. Based on a prelimnary audit, an in-depth analysis more...











“The term Carbon Footprint is commonly used to describe the total amount of Carbon Dioxide (CO2) and other greenhouse gas (CHG.) emissions for which an individual or organisation is responsible. Virtually all human activities cause the CO2 emissions that lead to climate change.”


Leslie. J. Richards




Les.J.Richards - Carbon Footprint Advisor

EIBI Energy Manager of the Year 2001


NEW - As a Carbon Trust Consultant, Eco-Rich may be able to provide up to ten days free consulting assessment & advice.













Eco-Rich Company Profile


Managing energy consumption with respect for the environment is a complex responsibility. It requires breadth and depth in energy management, engineering, and knowledge of environmental impacts.


This requires mature and experienced people, and the support of new technologies.


We use a software-based programme that assists energy managers to achieve financial savings, year on year.


Eco-Rich has experience in applying this technique in diverse buildings and industrie.


We conduct a preliminary Energy Audit, prepare our recommendations for your review, and assist your organisation to implement energy management policies that reduce consumption, save money and are environmentally-friendly.


We focus on:



  1. Educating about environmental and energy management issues,

  2. Validating your current charges,

  3. Auditing your energy consumption - detailed identification of the potential energy savings - specific planning to reduce the potential financial impact of the Climate Change Levy (energy tax)

  4. Reducing consumption, emissions, taxation, and cost.









Eco-Rich will bring together a team that is appropriate to your situation.


Email, phone or write to us for further information and / or a quotation.







Eco-Rich News



  • Opportunity for free advice

  • Richards named as Carbon Trust Consultant

  • HEEPI Report on Water Savings at Liverpool John Moores University

  • Les Richards pictured with the Chief Executive of The Carbon Trust


Click for more news..










Our Mission


Eco-Rich Ltd. Environmental & Energy Consultants help businesses to save energy, reduce costs and improve the environment.







Save Carbon Emissions










Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 2 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

Not sure what you're asking,

Not sure what you're asking, but all Features have different colors in FF2

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

SethMace
Offline
Regular
Liverpool, England
Last seen: 13 years 9 weeks ago
Liverpool, England
Joined: 2006-12-25
Posts: 25
Points: 0

Strange because it doesnt

Strange because it doesnt for me!

Although it does show in Dreamweaver. Have you followed a link, then gone back and see if it still displays ok? I have the colours setup for a:visited though, so its quite a strange thing:/

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 2 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

(No subject)

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 18 weeks 6 days ago
Joined: 2004-06-30
Posts: 9674
Points: 810

SethMace wrote:Although it

SethMace wrote:
Although it does show in Dreamweaver.

A word of advice, never preview in Dreamweaver. It's not a browser and nobody uses Dreamweaver to browse the internet Wink

Verschwindende wrote:
  • CSS doesn't make pies

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 2 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

After i visit the link and

After i visit the link and come back it gives me an italic black link instead of the colorful one.

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

SethMace
Offline
Regular
Liverpool, England
Last seen: 13 years 9 weeks ago
Liverpool, England
Joined: 2006-12-25
Posts: 25
Points: 0

Yup, thats my problem. Any

Yup, thats my problem.

Any suggestions to stop this from happening?:/

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 2 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

instead of giving your h2

instead of giving your h2 the class, give it to the anchor

a.blue:link, a.blue:visited { color:#0099CC; } a.blue:hover { text-decoration:underline; }

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph

SethMace
Offline
Regular
Liverpool, England
Last seen: 13 years 9 weeks ago
Liverpool, England
Joined: 2006-12-25
Posts: 25
Points: 0

Cheers Deuce, thats that fix

Cheers Deuce, thats that fix i was hoping for:)

Beyond the possibility its me being a noob but what fundamental is behind that? IE. why was my method fine until i added an actual URL to the ahref?

Deuce
Deuce's picture
Offline
Guru
Somewhere, USA
Last seen: 4 years 2 weeks ago
Somewhere, USA
Timezone: GMT-5
Joined: 2005-11-20
Posts: 4424
Points: 1843

because you had a:visited on

because you had a:visited on there 4 times, you never specified which anchor just anchor:visited
which tells the browser if you have been to "anchor" then change it to blue, nope red, nope black, nope green.... etc

all » http://dictionary.reference.com/browse/all

Google isn't a bunch of guys reading and grading web sites, it's more like a bunch of monkeys sniffing food and putting the good bananas at the top. -Triumph