Having a bad day in the CSS office :-(


Yep I’m having a bad oine today :frowning: Heres the problem. On the above page I just cant get the div column 3 to connect to my css. At the moment its all black, the css styling remains un connected. The paragraph causing my bum to have a migraine is the paragragh that runs with - “Big brand support”.

I;m just too tirred to spot it despite 5 coffees in the last 30 mins :frowning:

Any insights welcome…

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<title>UK Office coffee services - rent office coffee service solutions - Call Suzy 01924 363 091 - pause...thoughtful refreshment</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css" media="all">
@import "css/homepage_draft1.css";
<div id="container">
<div id="hotline">
  <h1>Sell coffee make money</h1>
  <img class="google" alt="Make money sell coffee" src="images/testimonial/businessman_3.jpg" />
  <h2>"When it costs 20p per cup and you sell for £2 per cup its easy to see why selling coffee remains one of the most lucrative business opportunities in retail". Mike Parkes - Senior business development manager for pause.</h2>
<div id="headbanners">
  <p><img src="images/model_machine/vision_400_2.jpg" alt="Vision 400" /><span class="sector">Instant coffee maker</span><br />
    Need to make money from selling  instant coffee? pause refreshment recommends the Vision 400</p>
  <p><img src="images/model_machine/franke_flair.jpg" alt="franke flair" width="75" height="163" /><span class="sector">Fresh bean to cup</span><br />
    Need to make money from selling fresh bean to cup coffee pause... refreshment recommends the franke flair coffee machine</p>
  <p><img src="images/model_machine/mondo2_2.jpg" alt="rent coffee machines for your corporation" /><span class="sector">catering coffee machines</span><br />
    Need to make money from selling fresh filter coffee pause recommends the Franke Evolution.</p>
<div style="clear:both"></div>
<div class="column2">
  <h6>Jet Petrol  choose pause</h6>
  <p class="paddingblast">"pause makes money for big fuel station chain"</p>
  <p><a href="#"><img src="images/testimonial/rob_150_150.jpg" alt="&quot;The i make from coffee is great&quot;" /></a>Jet 2 garages wanted to offer its customers coffee and earn good profit. Pause refreshment won the contract and now supplies Jet 2 garages with a total coffee service solution. "The margin I make on every cup sold is great" Rob Campbell - Area Manager</p>
<div class="column2">
  <h6>Toni & Guy choose pause</h6>
  <p class="paddingblast">"Prestige hair salon pick pause"</p>
  <p><a href="http://www.pauserefreshment.co.uk/hairdressing_coffee_machine.html"><img src="images/testimonial/toni_guy_black.jpg" alt="Fast rental coffee machine quotes" ></a>Toni & Guy chooses pause... refreshment to supply there salons with a total front of house coffee service. "We'd recommend pause.. refreshment to any business serious about improving front of house hospitality." Rebecca Gill - UK Toni & Guy Business Manager</p>
<div class="column3">
<h1>We've got the backing of big brand support</h1>
<p>"You get lots of coffee machine choice backed with total service support"</p>
<p>Our warehouse is stacked to the rafters with todays cutting edge table top coffee machines but with one caveat, we only sell coffee machine that have a proven track record as relaible money earners in the competitive world of coffee retail. We support all our new customers with loyalty cards and free advice on how much money you could be expected to earn. Give us a call, wqe're ready to get the right coffee machine for you to increase your profit</p>
<div id="thumnails">
  <ul class="nav">
    <li><a href"#">Need a quote? Call David 01924 330 845&nbsp;&nbsp;|</a><a href="mailto:david@pause.co.uk">david@pause.co.uk</a><a href="http://www.pauserefreshment.co.uk">| &nbsp; www.pause.co.uk</a></li>
  <div id="endfooter">
    <p>&copy; 2009 pause refreshment | Unit 3 128 Thornes Lane | Wakefield | West Yorkshire | WF2 7RE | 01924 363 091 | <a href="mailto:hello@pause.co.uk">hello@pause.co.uk</a></p>
  /*column 3 start*/

#column3 {
	background-color: #fff;
	border-top: 0px solid #702453;
#column3 p {
	margin: 0 0 0 15px;
	padding-top: 3px;
	padding-left: 2px;

#column3 h2 {
	margin: 0 0 0 15px;

#column3 h1 {
	margin: 0 0 0 5px;

#column3 p img {
	float: left;
	margin-right: 3%;
/*column 3 end*/

indicates an id, not a class. :slight_smile:

Hi, the probglem is is that in teh CSS you use #column3 while in the HTML you give class=“column3”

It should be .column3 or id=“column3” or whatever :).

BTW, you realize you have a .column2 and a #column2 in the CSS?

Thank you both - Ive fixed it thanks to your help. Also tried to clean the garbage out of the css :slight_smile:

You’re welcome :).

At last you’ve been badged with css guru of the year! Well done, you’ve got me out of the css sh*t so many times, congratulations Ryan :slight_smile:

Thanks :D.