My first CC website is on-line:
http://www.queens-english-society.com
Now the tweaking starts
In ..../roguesgallery.html my background image is not showing, I know the image is uoloaded and in the correct folder..
Here is the code for the page:
<!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" xml:lang="en" lang=
"en">
<head>
<title>The QES ACADEMY Rogues Gallery</title>
<meta http-equiv="generator" content=
"CoffeeCup HTML Editor (www.coffeecup.com)" />
<meta name="created" content="Thu, 10 Sep 2009 14:03:32 GMT" />
<meta http-equiv="content-type" content=
"text/html; charset=us-ascii" />
<meta name="description" content=
"A world of information and resources about the English Language" />
<meta name="keywords" content=
"words | spelling | grammar | etimology | proper usage" />
<link href="stylex.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/menu-menu.css"
media="screen" />
<link rel="stylesheet" type="text/css" href=
"css/superfish-vertical.css" media="screen" />
<meta name="keywords" content="" />
</head>
<body>
<div id="roguesbackcolor">
<div id="roguestopbanner"><img src="Images/roguesbanner.png"
class="roguesbanner" width="523" height="98" alt=
"Image QES Academy Rogues' Gallery" title=
"The Academy's Rogues' Gallery" border="0" /></div>
<!-- end roguestopbanner div -->
<div id="main">
<div id="navigation">
<ul class="menu-menu sf-vertical">
<li class="first"><a href="index.html">Cover
Page</a></li>
<li>
<a href="about.html">About</a>
<ul>
<li class="first">
<a href="about_contd.html">About (Continued)</a>
<ul>
<li class="first"><a href=
"constitution.html">QES Constitution</a></li>
</ul>
</li>
</ul>
</li>
<li>
<a href="academy.html">Academy</a>
<ul>
<li class="first">
<a href="introduction.html">Introduction</a>
<ul>
<li class="first"><a href=
"what.html">What?</a></li>
<li><a href="why.html">Why?</a></li>
<li>
<a href="whytheneed.html">Why the Need?</a>
<ul>
<li class="first"><a href="code.html">The
Code</a></li>
</ul>
</li>
<li><a href="whocanuse.html">Who can
use?</a></li>
</ul>
</li>
<li>
<a href="library.html">Library</a>
<ul>
<li class="first">
<a href="dictionary.html">Dictionary</a>
<ul>
<li class="first"><a href=
"british_dictionaries.html">British
Dictionaries</a></li>
<li><a href=
"american_dictionaries.html">American
Dictionaries</a></li>
<li><a href=
"general_dictionaries.html">General
Dictionaries</a></li>
</ul>
</li>
<li>
<a href="grammar.html">Grammar (intro)</a>
<ul>
<li class="first"><a href=
"grammar_sites.html">Grammar Sites</a></li>
</ul>
</li>
<li>
<a href=
"britamerican.html">British-American</a>
<ul>
<li class="first"><a href=
"british_americansites.html">British -
American Sites</a></li>
</ul>
</li>
<li>
<a href="other.html">Other English</a>
<ul>
<li class="first"><a href=
"other_english_sites.html">Other English
Sites</a></li>
</ul>
</li>
<li>
<a href="foreign.html">Foreign English</a>
<ul>
<li class="first"><a href=
"foreign_errors.html">Foreign
Errors</a></li>
<li><a href="foreign_Misuse.html">Foreign
Misuse</a></li>
</ul>
</li>
<li>
<a href="errors.html">Comedy of Errors</a>
<ul>
<li class="first"><a href=
"errors_list.html">List of Errors</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="roguesgallery.html">Rogues'
Gallery</a></li>
<li>
<a href="specialarticles.html">Special
Articles</a>
<ul>
<li class="first">
<a href="qesapproach.html">QES Approach</a>
<ul>
<li class="first"><a href=
"qes_policydoc.html">QES Policy
Document</a></li>
<li><a href=
"prescriptivist.html">Prescriptivist
QES</a></li>
</ul>
</li>
<li><a href="academiesoverview.html">Academies
Overview</a></li>
<li><a href="style.html">Style</a></li>
<li><a href="peoplesenglish.html">Peoples'
English</a></li>
<li><a href="gender.html">Gender</a></li>
<li><a href=
"genderneutral.html">Gender-Neutrality</a></li>
<li><a href=
"political_correctness.html">Political
Correctness</a></li>
</ul>
</li>
<li>
<a href="punctuation_intro.html">Punctuation</a>
<ul>
<li class="first"><a href=
"punctuation_guide.html">Punctuation
Guide</a></li>
<li><a href=
"apostrophe.html">Apostrophes</a></li>
<li><a href="full_stop.html">Full Stop</a></li>
<li><a href=
"hyphens_and_dashes.html">Hyphens</a></li>
</ul>
</li>
<li>
<a href="teaching.html">Teaching</a>
<ul>
<li class="first"><a href=
"teaching_mcnee.html">Teaching - M
McNee</a></li>
<li><a href="teaching_williams.html">Teaching -
R Williams</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="books.html">Books</a></li>
<li><a href="contact.html">Contact</a></li>
<li>
<a href="join.html">Join</a>
<ul>
<li class="first"><a href=
"apply.html">Apply</a></li>
</ul>
</li>
<li><a href="news.html">News</a></li>
<li><a href="pageone.html">Page One</a></li>
<li><a href="sitemap.html">Site Map</a></li>
</ul>
</div><!-- end navigation div -->
<div id="content">
<img src="Images/dungeon.png" class="dungeon" width="318"
height="474" alt="image of a dimly lit dungeon stairway"
title=
"Leading down to the Rogues' Gallery, where there is always room!"
border="0" align="" />
<p class="roguespara">This is the page on which no-one
will want to appear. If you do find your name here,
hang your head in shame because you are by definition a
person of English mother tongue with a good education,
and you occupy a public position in politics, TV, the
press, public service or the like and should know better
than to have said or written that which is being reported
here. If this is your first offence, you may get
off with a warning but let reoffenders beware!<br />
Those who have already earned a place as a QES Rogue are
listed below. Select any one of them to discover
who they are and what English "crime" they have
committed.</p>
<p class="rogueslist"><a href=
"roguesgallery_bush.html">George W. Bush</a><br />
<img src="Images/skull.png" class="skull" width="154"
height="249" alt="image of a skull" title=
"He couldn't make it out...literally!" border="0"
align="" /> <a href="roguesgallery_fellowes.html">Julian
Fellowes</a><br />
<a href="roguesgallery_eu.html">The European
Parliament</a><br />
<a href="roguesgallery_harnden.html">Toby
Harnden</a><br />
<a href="roguesgallery_mullaney.html">Councillor Martin
Mullaney</a><br />
<a href="roguesgallery_farmer_canniffe.html">Ben Farmer
& Eamonn Canniffe</a><br /></p><br />
<br />
<br />
<br />
<br />
<br />
</div><!-- end content div -->
<div id="footer">
<p class="footer">Copyright © 2009. Website
Design by "SCOTT" Enquiries to: <a href=
"mailto:webmaster@queens-english-society.com">QES
Webmaster</a></p>
</div><!-- end footer div -->
</div><!-- end main div -->
</div><!-- end roguesbackcolor div -->
</body>
</html>
and the CSS:
#roguesbackcolor {
background-color: #330033;
background-image: url(images/roguesbackcolor.jpg);
width: 1100px;
height: 745px;
margin-left: auto;
margin-right: auto;
margin-top:20px;
}Looking at the page, only the background colour shows.
It is probably something very obvious, but if I try to put some html in there is moves all the content downout of the wrapper.
Any ideas would be helpful.
Tone
tonethemoan
I luv the web
http://www.ajswebdesign.com
http://www.thethatcherstavern.com
http://www.philchambersconsultancy.co.uk
I luv the web
http://www.ajswebdesign.com
http://www.thethatcherstavern.com
http://www.philchambersconsultancy.co.uk
