HTML Help

Re: Code for knowing where you are in the website ssi menu

sticks464 — Sun Oct 11, 2009 6:55 am

Author: sticks464

Posted: Sun Oct 11, 2009 6:55 am

Quote:

alyson

Quote:

its producing duplicate content in google for my home page

What do I do a search for so I can see the results you are getting from google?

alyson alyson alyson, what have you done?
I see you have made some additions. The validator needs to be used to identify errors (there are some duplicate id's being used). This has nothing to do with the google results but will ensure your site works in all browsers.

Re: Code for knowing where you are in the website ssi menu

alyson — Sun Oct 11, 2009 2:32 am

Author: alyson

Posted: Sun Oct 11, 2009 2:32 am

hi sticks464,

is it possible for you to edit the above message with all the code in, its producing duplicate content in google for my home page,

many thanks

alyson

Re: Code for knowing where you are in the website ssi menu

alyson — Mon Apr 27, 2009 8:17 am

Author: alyson

Posted: Mon Apr 27, 2009 8:17 am

Worked it out now and all is working as it should, so many thanks

alyson

Re: Code for knowing where you are in the website ssi menu

alyson — Mon Apr 27, 2009 5:55 am

Author: alyson

Posted: Mon Apr 27, 2009 5:55 am

thank you so much, you have been very kind.

I have input your code and the original problem of the difference in ie and ff has gone and the menu bar looks exactly as I wanted it.

But (!you knew that was coming ?)

<meta http-equiv="content-type" content="text/html;charset=utf-8" />

This bit that defines the text type is not allowing my french accents to show and when I googled the problem it seems that it should,

many many thanks

alyson

Re: Code for knowing where you are in the website ssi menu

sticks464 — Sun Apr 26, 2009 7:35 am

Author: sticks464

Posted: Sun Apr 26, 2009 7:35 am

Quote:

Do I need to do the doc bit to all my pages ?
And what is charset ???

Yes
charset identifies the character set used in the document.

This is how you html page should be written

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Bed and Breakfast| Guesthouse| Sancerre| Magny Cours| Bourges| Pouilly sur loire| Loire Valley|.</title>
<link rel="stylesheet" href="stylesheet.css">
<meta name="description" content="Traditional and historic Guesthouse offering bed, breakfast and evening meals. Situated near the towns of Sancerre, Pouilly sur loire, Magny cours, Bourges and Nevers in the Loire valley.">
<meta name="keywords" content="Sancerre, Magny Cours, France, French, bed and breakfast, B&B, Guesthouse, Loire Valley, Berry, Borgogne, Pouilly, Bourges ,Nevers, chambres d'hotes ,evening meals, dinner ,table d hotes,, wine region, accommodation">
<meta name="robots" content="all">

</head>
<body id="home">
<div id="wrapper">
<div id="header">
<img src="http://www.grandcoudray.com/banner.JPG" width="920px" height="130px"title="bed and breakfast Sancerre, Loire Valley" alt="Chambres d'hotes, bed and breakfast in the Loire Valley pres de Sancerre image">

<h1>Le Grand Coudray</h1>
<h2>Guesthouse in the Loire Valley</h2>
<h3>Bed and Breakfast situated at the eastern end of the Loire Valley, France, by Sancerre, Pouilly sur Loire, Menetou Salon and Magny Cours</h3><h3> with the Bourgogne and Berry regions on the doorstep</h3>
</div>

<div id="col1">
<h2>Out and about</h2>
<div class="navigation">
<ul>
<li><a href="http://www.maison-des-sancerre.com/en/home/" target="_blank"title="Visit the website of the Wine museum at Sancerre">Wine museum at Sancerre</a></li>

<li><a href="http://www.paysloirevaldaubois.com/page_english.php?RID=11&ID=51
" target="_blank" title="Cycle paths along the Loire in this area of the Loire valley">Cycling around the Loire</a> </li>

<li><a href="http://www.golf-germigny.com/" target="_blank"title="Golf course with in 5 kilometres of Le Grand Coudray">Golf</a></li>

<li><a href="http://grandcoudray.wordpress.com/2009/03/10/the-loire-valley-chateau-in-this-area/" target="_blank"title="A list of websites or addresses of the local Chateaux near Le Grand Coudray">Chateaux</a></li>

<li><a href="http://www.paysloirevaldaubois.com/page_english.php?%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20RID=11&ID=43#natural/ "target="_blank"title="About the Loire, l'Aubois, l'Allier and the canal lateral a la loire">Rivers</a></li>

<li><a href="http://www.paysloirevaldaubois.com/page_english.php?%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20RID=11&ID=43#gardens" target="_blank" title="Gardens to visit around Sancerre">Gardens</a></li>

<li><a href="http://www.magnyf1.com" target="_blank" title="Magny Cours website">Magny Cours</a></li>

<li><a href="http://www.dollfin-plongee.com/" target="_blank"title="Cave diving at Beffes">Diving at Beffes</a></li>

<li><a href="http://www.bourges-tourisme.com/ancien/page-english.php?ID=34" target="_blank"title="Visit Bourges and the Cathedral">Bourges Cathedral</a> </li>

<li><a href="http://www.angelfire.com/abbowine/routej.jpg" target="_blank"title="Travel the route Jacques Coeur">Route Jacques Coeur</a></li>

<li><a href="http://www.apremont-sur-allier.com/" target="_blank"title="Apremont, one of the 100 best villages in France, found in the department of Cher, 10 kms from Le Grand Coudray">Apremont sur Allier</a></li>
</ul>
</div>

<h2>Articles</h2>
<div class="navigation">
<ul>

<li>
<a href="http://www.my-sancerre.com">Wines around Le Grand Coudray</a></li>

<li>
<a href="http://www.thewinedoctor.com/regionalguides/loirecentre.shtml"

target="_blank">Eastern Loire Wines</a></li>

<li><a href="http://grandcoudray.wordpress.com/2009/02/07/snow-at-the-grand-coudray/" target="_blank">Snowy days in the Loire Valley</a></li>

<li><a href="http://grandcoudray.wordpress.com/2009/02/19/fishing-lake/" target="_blank">Fishing around Sancerre</a></li>

<li><a href="http://www.terroir-france.com/wine/loire_map.htm"target="_blank">Loire Valley wine map</a></li>
</ul>
</div>

<div class="navigation">
<ul>
<li><a href="http://www.grandcoudray.wordpress.com/" target="_blank">Our 2009 Blog</a> </li>
</ul>
</div>

<h2>Transport links</h2>
<div class="navigation">
<ul>

<li><a href="http://www.eurotunnel.com/" target="_blank">Dover to Calais - Eurotunnel</a></li>

<li><a href="http://www.poferries.com" target="_blank">Dover to Calais - P & O ferries</a></li>

<li><a href="http://www.seafrance.com" target="_blank"> - - - - Or Seafrance</a></li>

<li><a href="http://www.norfolkline.com/ferry"target="_blank">Dover to Dunkirk - Norfolkline</a></li>

<li><a href="http://www.voyages-sncf.com/?rfrr=Homepage_header_ACCUEIL/" target="_blank">French trains - SNCF</a></li>
</ul>
</div>

<img src="http://www.grandcoudray.com/hoopoe.JPG" title="Bird watching at our bed and breakfast Sancerre" alt="Bird watching in the Loire Valley - Hoopoe" width="130" height="170" style="border:40px solid #ecd672;">
</div>

<div id="col3">
<h2>About the house</h2>
<div class="navigation">

<ul id="navlist">
<li><a href="http://grandcoudray.com" id="homenav">Home</a></li>
<li><a href="http://grandcoudray.org"id="frenchnav">Version Franaise</a></li>
<li><a href="gallerybedrooms.html"id="bedroomsnav">Bedrooms</a></li>
<li><a href="lounge.html"id="sittinganddiningareasnav">Sitting and dining areas</a></li>
<li><a href="guestbook.html"id="guestbooksnav">Guestbooks</a></li>
<li><a href="cuisine.html"id="cuisinenav">Cuisine</a></li>
<li><a href="prices.html"id="pricesandoffersnav">Prices and offers</a></li>
<li><a href="contact.html"id="contactusnav">Contact us</a></li>
<li><a href="howtogethere.html"id="howtogetherenav">How to get here</a></li>
<li><a href="FAQs.html"id="faqsnav">FAQ's</a></li>
<li><a href="sponsors.html"id="oursponsorsnav">Our sponsors</a></li>
</ul>

</div>
<A HREF="http://www.yourholidaymatters.com/" TARGET="_new"><IMG SRC="http://www.yourholidaymatters.com/images/yhmlogosmall.jpg" HEIGHT=120 WIDTH=120 style="border:40px solid #ecd672"ALT="Le Grand Coudray is proud to be recommended by Your Holiday Matters" TITLE="YHM lists approved holiday rental properties run by owners who care." BORDER="0"></a>

<img src="http://www.grandcoudray.com/gdf.jpg" alt="The Grand Coudray near Sancerre has been awarded 3 epis with GDF" width="210px" height="115px"><br>

<img src="http://www.grandcoudray.com/robin.jpg" title="Bird watching at our bed and breakfast Magny cours"alt="Bird watching in the Loire Valley - Robin"width="130px" height="170px" style="border:40px solid #ecd672">

<img src="http://www.grandcoudray.com/redstart.jpg"title="Bird watching at our bed and breakfast Loire Valley" alt="Bird watching in the Loire Valley - Redstart"width="130px" height="170px" style="border:40px solid #ecd672">

</div>

<div id="col2">

<p>
<img src="http://www.grandcoudray.com/house2009.JPG" width="400px" height="250" title="bed and breakfast Sancerre" alt="picture of our Bed and Breakfast in the Loire Valley close to Sancerre"></p>

<br>

<p><b>A very special guesthouse</b>, located in the centre of France in the Loire Valley amid the peace and tranquillity expected of the French countryside. We offer bed and breakfast and evening meals for long and short stays.
</p><br>

<p>Our home is a traditional French longre which we have renovated sympathetically and converted into a bed and breakfast. The house is set in over 4 acres of grounds, in a hamlet close to the main attractions of the area. Close by are vineyards making some of the best wines of the Loire Valley. If you are seeking a comfortable base for your French holiday, you need look no further. </p><br>

<h3><b>Holiday at le Grand Coudray</b></h3>

<p>Our two largest rooms have en-suite facilities, and there is a third double room with a private shower suite across the hall. Breakfast is included in the price of the rooms. </p><br>

<p>We love to cook and if you would like to sample our local and home grown produce, we are delighted to offer a traditional French Table dHtes dinner or Sunday lunch.</p><br>

<h3><b>The Loire Valley</b></h3>

<p>The Loire is the longest river in France, rising in the Ardche near Mont Gerbier de Jonc, then flowing north to Orlans and west and into the sea at the Bay of Biscay.</p><br>

<p>All along the banks of the Loire are large historic towns and villages, many benefiting from the river for industry and produce, both crops and wine. The central part of the Loire Valley was recently declared a World Heritage Site.</p><br>

<h3><b>The Loire in Cher</b></h3>

<p>After flowing through Nevers the Loire is joined by the river Allier at Le Bec dAllier and from there flows through La Charit, Sancerre and on up through Briare. </p><br>

<h3><b>Sancerre, La Charit, Magny Cours, Bourges and Nevers</b></h3>

<p><p class="nounder">Sancerre, Pouilly sur Loire and Menetou Salon are our three nearest villages famous for producing wine. La Charit is a beautiful historic town situated on the Loire with elegant buildings and and historic church. <a href="magnycours.html" title="Directions to Magny Cours from Le Grand Coudray">Magny Cours</a> hosted the F1 championship until this year but still has numerous events for all other types of motors and karting including the Bol d'or and the Superbike championship. Bourges is the main town in Cher, is very historic and has one of the largest cathedrals in france and Nevers is also a large town on the Loire just over the border in Nievre.</p><br>

<h3><b>Out and about in the Loire Valley from Le Grand Coudray</b></h3>

<p>Wile away the days visiting the local villages and historic towns. Drive, stroll or cycle around some of the most beautiful, peaceful roads and lanes; perfect for a total change of mood from busy and stressful working lives. We have bikes here, available for you to use if you wish.</p><br>

<p>You can play golf at the local course, fish in the Loire, the canal or the local lakes; visit the numerous chateaux that make this area famous. Whatever else you do, a visit to the local vineyards of Sancerre and Pouilly-fum to sample the wines is a must.</p><br>

<p>The Grand Coudray is at the centre of the popular holiday areas of the Loire Valley, Pays Loire, Bourgogne and Berry. Close by are the historic towns of Bourges, Nevers and La Charit, as well as the famous village of Apremont which is listed in the 100 best villages in France. For motor racing enthusiasts the Magny Cours circuit is just a short drive.</p><br>

<p>Our aim, while you stay here, is to give you the ultimate in relaxing holidays and to help you to make the most of your stay in this beautiful part of the Loire region. If you let us know in advance that you would like to play golf or fish we can book tee times for you and arrange tourist fishing licenses even before your arrival.</p><br>

<h3><b>Arriving at Le Grand Coudray</b></h3>
<p>We are a 5 hour drive from Calais, Boulogne and Dunkirk; therefore perfectly situated for short stays if you are travelling from the north to the south of France or if you are on your way to ski the French Alps. Why not take a real break and stay a few days; we are 15 minutes from junction 28 on the A77, 30 minutes from Bourges and 20 minutes from Nevers. It is also a simple train journey.</p><br>

<P>Come and explore, but don't tell too many people!</p><br>
</div >
</div>
</body>
</html>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-4265567-2");
pageTracker._trackPageview();
} catch(err) {}
</script>

<script type="text/javascript">
function utmx_section(){}function utmx(){}
(function(){var k='3942335681',d=document,l=d.location,c=d.cookie;function f(n){
if(c){var i=c.indexOf(n+'=');if(i>-1){var j=c.indexOf(';',i);return c.substring(i+n.
length+1,j<0?c.length:j)}}}var x=f('__utmx'),xx=f('__utmxx'),h=l.hash;
d.write('<sc'+'ript src="'+
'http'+(l.protocol=='https:'?'s://ssl':'://www')+'.google-analytics.com'
+'/siteopt.js?v=1&utmxkey='+k+'&utmx='+(x?x:'')+'&utmxx='+(xx?xx:'')+'&utmxtime='
+new Date().valueOf()+(h?'&utmxhash='+escape(h.substr(1)):'')+
'" type="text/javascript" charset="utf-8"></sc'+'ript>')})();
</script>

<script type="text/javascript">
if(typeof(_gat)!='object')document.write('<sc'+'ript src="http'+
(document.location.protocol=='https:'?'s://ssl':'://www')+
'.google-analytics.com/ga.js"></sc'+'ript>')</script>

<script type="text/javascript">
try {
var pageTracker=_gat._getTracker("UA-7437742-1");
pageTracker._trackPageview("/3942335681/test");
}catch(err){}</script>

I cleaned up you css using shorthand so it will render faster

Code:

*{
margin:0;
padding:0;
border:none;
}

:focus {outline:none;}

body {
margin:0;
padding: 1em 0;
background:#ffff99;
color: #663300;
font: 80% Georgia, Arial, Helvetica, serif;
text-align: center;
}

#home #navlist #homenav, #french #navlist #frenchnav a, #bedrooms #navlist #bedroomsnav a,
#sittinganddiningareas #navlist #sittinganddiningareasnav a, #guestbooks #navlist #guestbooksnav a, #cuisine #navlist #cuisinenav a,
#pricesandoffers #navlist #pricesandoffersnav a, #contactus #navlist #contactusnav a, #howtogethere #navlist #howtogetherenav a,
#faqs #navlist #faqsnav a, #oursponsors #navlist #oursponsorsnav a {
color: #663300;
background: #c7a317;
}

.nounder a {
text-decoration:none;
color: #663300;
font-weight:bold;
}

.nounder a:hover {text-decoration: underline;}

/* I have moved these up as they are general usage tags i.e. they may apply to different divs */

h1 {
font: 200%/bold Georgia, Arial, Helvetica, serif;
color: #663300;
padding-top: 10px;
}

h2 {
font: Georgia, Arial, Helvetica, serif;
padding-top: 10px;
padding-bottom: 10px;
}

h3 {
font:120% Georgia, Arial, Helvetica, serif;
padding-top: 5px;
padding-bottom: 5px;
}

/* Define the content wrapper */

#wrapper {
background:#c7a317;
width: 930px;
margin: 0 auto;
padding: 1em;
}

#header {
width:920px;
height:auto;
padding:10px 5px;
font-size: 100%;
}

#col1 {
float: left;
width: 220px;
margin: 10px 0;
padding: 15px 5px 15px 15px;
background: #ECD672;
text-align: left;
}

#col1C {
float: left;
width: 220px;
margin: 10px 0;
padding: 15px 5px 15px 15px;
background: #ECD672;
text-align: center;
}

#col2 {
width:auto;
margin: 10px 250px;
background: #ECD672;
padding: 15px;
text-align: left;
}

#col3 {
width:220px;
margin: 10px 0;
float: right;
background: #ECD672;
padding: 15px 5px 15px 15px;
text-align: left;
}

#col4 {
float: left;
width: 270px;
margin: 10px 0;
padding: 15px 5px 15px 15px;
background: #ECD672;
text-align: left;
}

#col5{
width:auto;
margin: 10px 0;
padding: 15px;
background: #ECD672;
text-align: left;
}

#col6 {
float: left;
width: 650px;
margin: 10px 0;
padding: 15px 5px 15px 15px;
background: #ECD672;
text-align: center;
}

#col6a {
float: left;
width: 650px;
margin: 10px 0;
padding: 15px 5px 15px 15px;
background: #ECD672;
text-align: left;
}

#col7 {
width:220px;
margin: 10px 0 10px 685px;
padding: 15px 5px 15px 15px;
background: #ECD672;
text-align: left;
}

/* Define Top Navigation Bar Settings */

/* Navigation buttons style */
.navigation {
width: 200px;
margin-top: 2em;
margin-bottom: 3em;
border-left: 2px solid #c7a317;
border-right: 2px solid #c7a317;
border-top: 2px solid #c7a317;
border-bottom: 2px solid #c7a317;
font: 110% Georgia, Arial, Helvetica, serif;
color: #663300;
}

.navigation ul {
list-style: none;
margin: 0;
padding: 0;
}

.navigation li {border-bottom: 0px solid #c7a317;}

.navigation li a:link {
font-size: 110%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 0px solid #c7a317;
border-right: 0px solid #c7a317;
background-color: #ecd672;
color: #663300;
text-decoration: none;
}

.navigation li a:visited {
font-size: 90%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 0px solid #c7a317;
border-right: 0px solid #c7a317;
background-color: #ecd672;
color: #996600;
text-decoration: none;
}

.navigation li a:hover {color: #c7a317;}

.navigation li a:active {
font-size: 110%;
display: block;
padding: 0.4em 0 0.4em 0.5em;
border-left: 0px solid #c7a317;
border-right: 0px solid #c7a317;
background-color: #ecd672;
color: #663300;
text-decoration: none;
}

.navigation p a {
font-size: 80%;
line-height: 2em;
color: #ecd672;
padding: 0.4em 0 0.4em 0.5em;
text-align: right;
}
/* End Navigation buttons style */

Except for the php links and javascript it validates.

Re: Code for knowing where you are in the website ssi menu

alyson — Sun Apr 26, 2009 12:16 am

Author: alyson

Posted: Sun Apr 26, 2009 12:16 am

thank you for taking the time to write this for me, unfortunatly my understanding is not making the code work,

I have added the doc type and the meta line, and I will check through some of the other errors,

I think my failing is with the menu.htm, I have written what I think you are telling me for the home page and the bedrooms page, and as you can see nothing happens.

The site is not wordpress or any other layout type, I found it hard enough working out the html without then having to go and learn some package so I just stuck with what I knew. The french link is another domain that I have so I could code the country origin differently in google.

Do I need to do the doc bit to all my pages ?
And what is charset ???

sorry to be a pain !

alyson

Re: Code for knowing where you are in the website ssi menu

sticks464 — Sat Apr 25, 2009 3:46 pm

Author: sticks464

Posted: Sat Apr 25, 2009 3:46 pm

Is this a wordpress template or theme?
You need to take care of your errors that will prevent it from being rendered the same in all browsers (there are 54 of them). validator

You cannot use an id more than once per page ie. <div id="navigation">. If you want elements to be styled the same you can use a class ie. <div class="navigation">. You should also only have one body tag ie. <body><body id="home">.

There is no need for an id on the closing tag ie. </div id="navigation">

You need a complete doctype

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Content type needs to be specified

Code:

Basic html layout

Code:

ALL scripts, meta tags and stylesheet links go inside the head tags (with the exception of the two scripts currently at the bottom of the page (tracker and google-analytics)).

For the navlist:

This will be your body id by page;
grandcoudray.com = home
grandcoudray.org = french (no requirement for this one since it is external)
gallerybedrooms.html = bedrooms
lounge.html = sittinganddiningareas
guestbook.html = guestbooks
cuisine.html = cuisine
prices.html = pricesandoffers
contact.html = contactus
howtogethere.html = howtogethere
FAQs.html = faqs
sponsors.html = oursponsors

This will be your css rule

Code:

#home #navlist #homenav a, #french #navlist #frenchnav a, #bedrooms #navlist #bedroomsnav a,
#sittinganddiningareas #navlist #sittinganddiningareasnav a, #guestbooks #navlist #guestbooksnav a, #cuisine #navlist #cuisinenav a,
#pricesandoffers #navlist #pricesandoffersnav a, #contactus #navlist #contactusnav a, #howtogethere #navlist #howtogetherenav a,
#faqs #navlist #faqsnav a, #oursponsors #navlist #oursponsorsnav a {
color: #663300;
background: #c7a317;
}

Re: Code for knowing where you are in the website ssi menu

alyson — Sat Apr 25, 2009 12:12 pm

Author: alyson

Posted: Sat Apr 25, 2009 12:12 pm

thank you for taking the time to write this,

I have tried to put this into my code but I am loosing the 'where you are' code.

If it helps and does not breach rules then my website to see the code is

www.grandcoudray.com

like I say it works in ie but not firefox,

I am a real novice to web code, I wrote this site with the aide of google, and I often forget where some of the ideas came from, so sorry that I am never able to help anybody else,

Re: Code for knowing where you are in the website ssi menu

sticks464 — Sat Apr 25, 2009 7:51 am

Author: sticks464

Posted: Sat Apr 25, 2009 7:51 am

It is easiest if you give the <a> a class of the same name as the body id

Code:

Then write your css rule as

Code:

#home .home {color:#000;}

Just separate with a comma and add the body id and class for each page

Code:

#home .home, #about .about, #contact .contact {
color:#000;}

If you want it to really be unique and not affect any other menu, give the menu ul an id also

Code:

<ul id="Nav">
<li><a href="http://mywebsite.com" class="home">Home</a></li>
...

css

Code:

#home #nav .home, #about #nav .about, #contact #nav .contact {
color:#000;}

Code for knowing where you are in the website ssi menu

alyson — Sat Apr 25, 2009 7:06 am

Author: alyson

Posted: Sat Apr 25, 2009 7:06 am

Hi all,

I have found some code by googlin (listed below) which I hoped would show you where in my website you are, ie which page you are on in my ssi menu.

It works fine in ie, but not a glimmer of its exsitance in fire fox, can it be fixed ?

here is the code on each page - I have just listed what I put on the index page as they all follow the same idea,

On index page within the body tag

<body id="home">

within the stylesheet

body#home a#homenav,

and on my menu page (for the ssi)

<li><a href="http://mywebsite.com" id="homenav">Home</a></li>

I really hope its something that can be easily fixed as I like the idea,

alyson