Jump to content

Welcome to Geeks to Go - Register now for FREE

Need help with your computer or device? Want to learn new tech skills? You're in the right place!
Geeks to Go is a friendly community of tech experts who can solve any problem you have. Just create a free account and post your question. Our volunteers will reply quickly and guide you through the steps. Don't let tech troubles stop you. Join Geeks to Go now and get the support you need!

How it Works Create Account
Photo

Dreamweaver meta tag problem


  • Please log in to reply

#1
Vanessa13

Vanessa13

    Member

  • Member
  • PipPip
  • 69 posts
When I created my website in Dreamweaver, I started off by creating a table. Somehow, though, the head section of the coding wasn't inserted (the head section that's usually inserted automatically when you open a new page in Dreamweaver). My Dreamweaver (version 8) also creates java script and css coding, which I have no idea how to use, and I have no idea why it does this since I'm only creating an html site. Usually, this isn't a problem and I leave the coding as is when it's automatically created, but now I'm a bit stuck because I have no header section for my SEO meta tags. I've pasted the header html at the start of the coding, which displays the page okay, except now my rollover links aren't working as rollovers anymore - the link itself still works, but there's no second image displayed like there should be when I hover my mouse over the link.

I've already created the entire website (33 pages), so I need a solution that won't mean starting from scratch (I think that might just be the last nail in my coffin).

Firstly, if I have no head section (just paste the meta tags in at the start), will Google still see that as meta tags and use it to spider my site, or will Google see it as my site having no SEO? However, if I add a head section in right at the start, the page then displays as a blank white page.

Secondly, does anyone know why my rollover images are suddenly displaying as normal image links instead of rollovers?

I would be REALLY grateful if anyone knows how I should insert my header (and where in the below coding). I don't want to spam my post with code, but if you need to see more code, please let me know and I'll paste it here no problem.

The coding Dreamweaver created at the start of my index page is as follows:

<script type="text/JavaScript">
!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

//-->
</script>
<style type="text/css">
<!--
a:link {
color: #3333FF;
text-decoration: none;

(etcetera...)

Then I pasted the following coding into the above (which should be in a head section):

<script type="text/JavaScript">
<title>South African writer, horror, fantasy, thriller, science fiction<title/>
<meta name=“Description” content=“writes horror, thriller, fantasy, and science fiction novels and short stories published in print and eBook.” />
<meta name=“Keywords” content=“, thriller, fantasy, science fiction, novels, short stories, print, eBook.” />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="14 days" />
<meta name="author" content="Cape Town Web Designs" />

<!--
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

//-->
</script>
<style type="text/css">
<!--
a:link {
color: #3333FF;
text-decoration: none;
  • 0

Advertisements


#2
Nahumi

Nahumi

    Member

  • Member
  • PipPip
  • 15 posts
Hello Vanessa13,

Have you got a link to your site?

It helps if we can see the code in it's entirety.


Cheers,
Nahumi
  • 0

#3
Vanessa13

Vanessa13

    Member

  • Topic Starter
  • Member
  • PipPip
  • 69 posts
Hi Nahum,

I haven't uploaded the site yet (it's a new site), but I can email or post the complete code for the index page here if that's easier? I just noticed there's an option to upload a file here.

Vanessa
  • 0

#4
Nahumi

Nahumi

    Member

  • Member
  • PipPip
  • 15 posts
Give uploading it a shot and I'll have a look at the code for you. :)
  • 0

#5
Vanessa13

Vanessa13

    Member

  • Topic Starter
  • Member
  • PipPip
  • 69 posts
I hope the attachment works. Thanks for your help!

The attached coding is the coding for my index page. I've added the meta tags title section at the top of this page - that's the reason that my rollover images no longer display as rollovers, but rather as normal links.

I'll upload the code without my additions (where everything works properly, but without the SEO) in another post now, since it seems I can only upload one file at a time here.

Thanks again!
  • 0

#6
Nahumi

Nahumi

    Member

  • Member
  • PipPip
  • 15 posts
Hmm, doesn't look like the attachment worked.

You may have to just post it as a code snippet.
  • 0

#7
Vanessa13

Vanessa13

    Member

  • Topic Starter
  • Member
  • PipPip
  • 69 posts
Sorry, I thought the file had attached, but the forum doesn't seem to want to let me upload Word documents or html documents - I'll have a look around to see what file types I can upload and get back to you.
  • 0

#8
Vanessa13

Vanessa13

    Member

  • Topic Starter
  • Member
  • PipPip
  • 69 posts
Ok, sorry about this. I'll post the original code without the meta tags first, then in a separate post (to make it easier to read), I'll post the top section (on my index page) where I've added the meta tags in (without a head, since adding the head in gives me a blank white page). That works out, but then my rollovers don't work, and I'm also not sure if search engines will even recognise it as meta tags if it's not in a header?

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<style type="text/css">
<!--
a:link {
color: #3333FF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: none;
color: #0000FF;
}
a:active {
text-decoration: none;
color: #0000FF;
}
body {
background-color: #000000;
}
.style4 {
font-size: smaller;
color: #FFFFFF;
}
.style5 {font-size: x-small}
.style6 {color: #FFFFFF}
body,td,th {
color: #FFFFFF;
}
.style9 {color: #000000}
.style11 {color: #000000; font-family: "Baskerville Old Face", "Blackoak Std", "Bodoni MT", "Book Antiqua", Consolas; }
.style12 {color: #000000; font-weight: bold; }
a {
font-family: Baskerville Old Face, Blackoak Std, Bodoni MT, Book Antiqua, Consolas;
color: #000000;
}
-->
</style><body onLoad="MM_preloadImages('images/cooltext523857159MouseOver.png','images/cooltext523870353MouseOver.png','images/cooltext523874126MouseOver.png','images/cooltext523875840MouseOver.png','images/cooltext523886680MouseOver.png','images/home_mouseover.png','images/theauthor_mouseover.png','images/fiction_mouseover.png','images/non-fiction_mouseover.png','images/portfolio_mouseover.png','images/cooltext523902207MouseOver.png','images/cooltext523904638MouseOver.png','images/contact_mouseover.png','images/nonfiction_mouseover.png','images/reviews_mouseover.png','images/the_author_mouseover.png','images/freebies_mouseover.png','images/download_mouseover.png','images/purchases_mouseover.png','images/writingtips_mouseover.png','images/facebook_mouseover.png','images/deviantart_mouseover.png','images/editorshate_mouseover.png','images/fanmail_mouseover.png','images/forum_mouseover.png','images/wackyfacts_mouseover.png','images/interviews_mouseover.png','images/downloads_white_mouseover.png','images/thankyou_mouseover.png','images/smashwords_mouseover.png','images/coverdesigns_mouseover.png','images/downloads_mouseover.png','images/presskit_mouseover.png','images/news_mouseover.png','images/extracts_mouseover.png')">
<table width="200" border="1" align="center" cellpadding="1" cellspacing="0" bordercolor="#FFFFFF" background="images/cooltext523910987_3.png" bgcolor="#000000">
<tr>
<th colspan="2" scope="col"><div align="center"><img src="images/header_with_me copy3.jpg" alt="Vanessa Finaughty Books, South African writer, horror, fantasy, thriller, science fiction" width="734" height="180"></div></th>
</tr>
<tr>
<td height="47" colspan="2" align="center" valign="middle"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/cooltext523857159MouseOver.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/cooltext523870353MouseOver.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/cooltext523874126MouseOver.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-fiction','','images/cooltext523875840MouseOver.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/home_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Portfolio','','images/cooltext523886680MouseOver.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/cooltext523904638MouseOver.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/theauthor_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/fiction_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-fiction','','images/non-fiction_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Portfolio','','images/portfolio_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/theauthor_mouseover.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/home_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/theauthor_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/cooltext523902207MouseOver.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/fiction_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-fiction','','images/nonfiction_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Reviews','','images/reviews_mouseover.png',1)"> </a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-Fiction','','images/non-fiction_mouseover.png',1)"> </a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/fiction_mouseover.png',1)"> </a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/home_mouseover.png',1)"><img src="images/home.png" alt="Home" name="Home" width="73" height="42" border="0"></a><a href="Fiction.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/fiction_mouseover.png',1)"><img src="images/fiction.png" alt="Fiction" name="Fiction" width="85" height="42" border="0"></a><a href="Non-fiction.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-Fiction','','images/non-fiction_mouseover.png',1)"><img src="images/non-fiction.png" alt="Non-fiction" name="Non-Fiction" width="125" height="42" border="0"></a><a href="Reviews.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Reviews','','images/reviews_mouseover.png',1)"><img src="images/reviews.png" alt="Reviews" name="Reviews" width="91" height="42" border="0"> </a><a href="interviews.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Interviews','','images/interviews_mouseover.png',1)"><img src="images/interviews.png" alt="Interviews" name="Interviews" width="114" height="42" border="0"></a><a href="Reviews.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Reviews','','images/reviews_mouseover.png',1)"> </a><a href="theauthor.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/the_author_mouseover.png',1)"><img src="images/the_author.png" alt="The Author" name="The Author" width="131" height="42" border="0"> </a><a href="download.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Download','','images/download_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Freebies','','images/freebies_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Portfolio','','images/portfolio_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Reviews','','images/reviews_mouseover.png',1)"></a><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"><img src="images/contact.png" alt="Contact" name="Contact" width="100" height="42" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"></a></td>
</tr>
<tr>
<td width="587" valign="top" bgcolor="#FFFFFF"><p class="style11">Vanessa Finaughty has written many short stories, including four anthologies, a novel and numerous non-fiction articles, and is currently busy with her second novel, a fantasy titled <em>Sanctuary for the Devil</em>.</p>
<p class="style11">Below is just a taste of Vanessa&rsquo;s writing. Click the image to read more about each piece.</p>
<p class="style11"><strong>Fiction novels &amp; anthologies</strong></p>
<p class="style11"><a href="ashestoashes.html"><img src="images/ashestoashes_thumb.jpg" alt="Ashes to Ashes - erotic thriller" width="100" height="155" border="0"></a> <a href="horrotica.html"><img src="images/Horrotica_thumb.jpg" alt="Horrotica - anthology of short horror stories with elements of erotica" width="100" height="155" border="0"></a> <a href="terrorscape.html"><img src="images/Terrorscape_thumb.jpg" alt="Terrorscape - anthology of short horror stories" width="100" height="155" border="0"></a> <a href="dragonkin.html"><img src="images/DragonKin_thumb.jpg" alt="Dragon Kin" width="100" height="155" border="0"></a> <a href="futurescape.html"><img src="images/Futurescape_thumb.jpg" alt="Futurescape - science fiction short story anthology" width="100" height="155" border="0"></a><br>
<br>
<strong>Short stories </strong><br>
<br>
<a href="boogiewugie.html"><img src="images/Boogi Wugi cover_thumb.jpg" alt="Boogie Wugie" width="100" height="155" border="0"></a> <a href="abandoned.html"><img src="images/Abandoned_thumb.jpg" alt="Abandoned" width="100" height="155" border="0"></a></p>
<p class="style11"><br>
<br>
</p> </td>
<td width="143" rowspan="2" bgcolor="#000000"><div align="center"><a href="purchases.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Purchases','','images/purchases_mouseover.png',1)"><img src="images/purchases.png" alt="Purchases" name="Purchases" width="136" height="40" border="0"><br>
</a><a href="presskit.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Press Kit','','images/presskit_mouseover.png',1)"><img src="images/presskit.png" alt="Press Kit" name="Press Kit" width="136" height="40" border="0"><br>
</a><a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('News','','images/news_mouseover.png',1)"><img src="images/news.png" alt="News" name="News" width="136" height="40" border="0"></a><a href="purchases.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Purchases','','images/purchases_mouseover.png',1)"><br>
</a>
<strong>
<br>
LATEST RELEASE</strong><br>
<a href="ashestoashes.html"><img src="images/ashestoashes_thumb.jpg" alt="Ashes to Ashes" width="100" height="155" border="0" align="top"></a>
<br>
</div>
<div align="center"><br>
<strong>COMING SOON </strong><br>
<a href="dragonkin.html"><img src="images/DragonKin_thumb.jpg" alt="Dragon Kin" width="100" height="155" border="0"></a> <br>
<br>
<strong>PUBLISHED<br>
</strong><a href="terrorscape.html"><img src="images/Terrorscape_thumb.jpg" alt="Terrorscape - anothology of short horror stories" width="100" height="155" border="0"></a> <br>
<br>
<a href="horrotica.html"><img src="images/Horrotica_thumb.jpg" alt="Horrotica - short story anthology - horror with elements of erotica" width="100" height="155" border="0"></a> <br>
<a href="http://www.facebook.com/media/set/?set=a.103045386457611.9462.100002564510869&saved#!/profile.php?id=100002564510869" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"><br>
</a><a href="http://www.smashword...nessaFinaughty" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Smashwords','','images/smashwords_mouseover.png',1)"><img src="images/smashwords.png" alt="Smashwords" name="Smashwords" width="136" height="40" border="0"></a><a href="http://www.facebook.com/media/set/?set=a.103045386457611.9462.100002564510869&saved#!/profile.php?id=100002564510869" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"><img src="images/facebook.png" alt="Facebook" name="Facebook" width="136" height="40" border="0"></a><a href="http://mantisss.devi...com/?offset=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Deviant Art','','images/deviantart_mouseover.png',1)"><br>
</a><a href="coverdesigns.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Cover Designs','','images/coverdesigns_mouseover.png',1)"><img src="images/coverdesigns.png" alt="Cover Designs" name="Cover Designs" width="136" height="40" border="0"></a><a href="http://mantisss.devi...com/?offset=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Deviant Art','','images/deviantart_mouseover.png',1)"><br>
</a><a href="downloads.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Downloads','','images/downloads_white_mouseover.png',1)"></a><a href="downloads.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Downloads','','images/downloads_mouseover.png',1)"><img src="images/downloads.png" alt="Downloads" name="Downloads" width="136" height="40" border="0"><br>
</a><a href="extracts.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Extracts','','images/extracts_mouseover.png',1)"><img src="images/extracts.png" alt="Extracts" name="Extracts" width="136" height="40" border="0"></a><a href="http://mantisss.devi...com/?offset=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Deviant Art','','images/deviantart_mouseover.png',1)"><br>
</a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Forum','','images/forum_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fan Mail','','images/fanmail_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"></a><a href="thankyou.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Thank You','','images/thankyou_mouseover.png',1)"><img src="images/thankyou.png" alt="Thank You" name="Thank You" width="136" height="40" border="0"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"><br>
</a><a href="writingtips.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Writing Tips','','images/writingtips_mouseover.png',1)"><img src="images/writingtips.png" alt="Writing Tips" name="Writing Tips" width="136" height="40" border="0"><br>
</a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Deviant Art','','images/deviantart_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('','','images/editorshate_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('','','images/editorshate_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Wacky Facts','','images/wackyfacts_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('','','images/editorshate_mouseover.png',1)"></a><br>
<a href="index.html" title="Horror - find out more..."></a></div></td>
</tr>
<tr bgcolor="#000000">
<td valign="top" bgcolor="#FFFFFF"><p class="style12"><br>
<br>
</p> </td>
</tr>
<tr bgcolor="#000000">
<td colspan="2"><span class="style4">Copyright © 2011<a href="http:/capetown-webdesigns.com"> Cape Town Web Designs </a></span><span class="style5"><span class="style9">....................................................................................................... </span><span class="style9">.<span class="style6"><a href="sitemap.html" title="SITE MAP">SITE MAP </a>| </span></span><span class="style6"><a href="PAIA.html" title="PAIA">PAIA</a> | <a href="Partners.html" title="PARTNERS">PARTNERS</a> </span></span></td>
</tr>
</table>
  • 0

#9
Vanessa13

Vanessa13

    Member

  • Topic Starter
  • Member
  • PipPip
  • 69 posts
Here's the meta tags I added to my index:

<script type="text/JavaScript">

<title>Vanessa Finaughty Books, South African writer, horror, fantasy, thriller, science fiction<title/>

<meta name=“Description” content=“Vanessa Finaughty writes horror, thriller, fantasy, and science fiction novels and short stories published in print and eBook.” />

<meta name=“Keywords” content=“Vanessa Finaughty books, thriller, fantasy, science fiction, novels, short stories, print, eBook.” />

<meta name="robots" content="index, follow" />

<meta name="revisit-after" content="14 days" />

<meta name="author" content="Cape Town Web Designs" />



<!--

function MM_findObj(n, d) { //v4.01
  • 0

#10
Nahumi

Nahumi

    Member

  • Member
  • PipPip
  • 15 posts
Okay, that seems to be a tad messy. ^_^

But not to worry.

Assuming that you're coding in HTML 4.1 (and not the newer HTML 5), you need to specify the doctype at the beginning of the file. So you need to add this first :

<!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">


Then you need to define the head section using the <head> tags. You also need to define the type of content that the page is, in this case it's text/html. There's also an error with the ending <title> tag. It should be </title> instead of <title/>. Your head section should look like this :

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--This is your Content Type meta tag-->
<title>Vanessa Finaughty Books, South African writer, horror, fantasy, thriller, science fiction</title>
<meta name=“Description” content=“Vanessa Finaughty writes horror, thriller, fantasy, and science fiction novels and short stories published in print and eBook.” />
<meta name=“Keywords” content=“Vanessa Finaughty books, thriller, fantasy, science fiction, novels, short stories, print, eBook.” />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="14 days" />
<meta name="author" content="Cape Town Web Designs" />
</head>

Okay, and then you seem to have a load of Javascript to manage image rollovers. If you're absolutely sure that you want to use Javascript, then that's fine, but there is a much much easier way of handling it.

If you want to keep the Javascript, then you need to add the next bit of code immediately before the </head> tag :

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

You also need to include the <style> section in the <head>.

And then right at the end of the file you need to add the closing <body> and <html> tags to the end of the document :

</body>
</html>


So all in all, the whole page needs to look like this :

<!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">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <!--This is your Content Type meta tag-->
<title>Vanessa Finaughty Books, South African writer, horror, fantasy, thriller, science fiction</title>
<meta name="Description" content="Vanessa Finaughty writes horror, thriller, fantasy, and science fiction novels and short stories published in print and eBook." />
<meta name="Keywords" content="Vanessa Finaughty books, thriller, fantasy, science fiction, novels, short stories, print, eBook." />
<meta name="robots" content="index, follow" />
<meta name="revisit-after" content="14 days" />
<meta name="author" content="Cape Town Web Designs" />

<script type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>

<style type="text/css">
<!--
a:link {
color: #3333FF;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #0000FF;
}
a:hover {
text-decoration: none;
color: #0000FF;
}
a:active {
text-decoration: none;
color: #0000FF;
}
body {
background-color: #000000;
}
.style4 {
font-size: smaller;
color: #FFFFFF;
}
.style5 {font-size: x-small}
.style6 {color: #FFFFFF}
body,td,th {
color: #FFFFFF;
}
.style9 {color: #000000}
.style11 {color: #000000; font-family: "Baskerville Old Face", "Blackoak Std", "Bodoni MT", "Book Antiqua", Consolas; }
.style12 {color: #000000; font-weight: bold; }
a {
font-family: Baskerville Old Face, Blackoak Std, Bodoni MT, Book Antiqua, Consolas;
color: #000000;
}
-->
</style>
</head>

<body onLoad="MM_preloadImages('images/cooltext523857159MouseOver.png','images/cooltext523870353MouseOver.png','images/cooltext523874126MouseOver.png','images/cooltext523875840MouseOver.png','images/cooltext523886680MouseOver.png','images/home_mouseover.png','images/theauthor_mouseover.png','images/fiction_mouseover.png','images/non-fiction_mouseover.png','images/portfolio_mouseover.png','images/cooltext523902207MouseOver.png','images/cooltext523904638MouseOver.png','images/contact_mouseover.png','images/nonfiction_mouseover.png','images/reviews_mouseover.png','images/the_author_mouseover.png','images/freebies_mouseover.png','images/download_mouseover.png','images/purchases_mouseover.png','images/writingtips_mouseover.png','images/facebook_mouseover.png','images/deviantart_mouseover.png','images/editorshate_mouseover.png','images/fanmail_mouseover.png','images/forum_mouseover.png','images/wackyfacts_mouseover.png','images/interviews_mouseover.png','images/downloads_white_mouseover.png','images/thankyou_mouseover.png','images/smashwords_mouseover.png','images/coverdesigns_mouseover.png','images/downloads_mouseover.png','images/presskit_mouseover.png','images/news_mouseover.png','images/extracts_mouseover.png')">
<table width="200" border="1" align="center" cellpadding="1" cellspacing="0" bordercolor="#FFFFFF" background="images/cooltext523910987_3.png" bgcolor="#000000">
<tr>
<th colspan="2" scope="col"><div align="center"><img src="images/header_with_me copy3.jpg" alt="Vanessa Finaughty Books, South African writer, horror, fantasy, thriller, science fiction" width="734" height="180"></div></th>
</tr>
<tr>
<td height="47" colspan="2" align="center" valign="middle"><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/cooltext523857159MouseOver.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/cooltext523870353MouseOver.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/cooltext523874126MouseOver.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-fiction','','images/cooltext523875840MouseOver.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/home_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Portfolio','','images/cooltext523886680MouseOver.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/cooltext523904638MouseOver.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/theauthor_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/fiction_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-fiction','','images/non-fiction_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Portfolio','','images/portfolio_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/theauthor_mouseover.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/home_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/theauthor_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image9','','images/cooltext523902207MouseOver.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/fiction_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-fiction','','images/nonfiction_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Reviews','','images/reviews_mouseover.png',1)"> </a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-Fiction','','images/non-fiction_mouseover.png',1)"> </a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/fiction_mouseover.png',1)"> </a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Home','','images/home_mouseover.png',1)"><img src="images/home.png" alt="Home" name="Home" width="73" height="42" border="0"></a><a href="Fiction.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fiction','','images/fiction_mouseover.png',1)"><img src="images/fiction.png" alt="Fiction" name="Fiction" width="85" height="42" border="0"></a><a href="Non-fiction.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Non-Fiction','','images/non-fiction_mouseover.png',1)"><img src="images/non-fiction.png" alt="Non-fiction" name="Non-Fiction" width="125" height="42" border="0"></a><a href="Reviews.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Reviews','','images/reviews_mouseover.png',1)"><img src="images/reviews.png" alt="Reviews" name="Reviews" width="91" height="42" border="0"> </a><a href="interviews.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Interviews','','images/interviews_mouseover.png',1)"><img src="images/interviews.png" alt="Interviews" name="Interviews" width="114" height="42" border="0"></a><a href="Reviews.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Reviews','','images/reviews_mouseover.png',1)"> </a><a href="theauthor.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('The Author','','images/the_author_mouseover.png',1)"><img src="images/the_author.png" alt="The Author" name="The Author" width="131" height="42" border="0"> </a><a href="download.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Download','','images/download_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Freebies','','images/freebies_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"> </a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Portfolio','','images/portfolio_mouseover.png',1)"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Reviews','','images/reviews_mouseover.png',1)"></a><a href="contact.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"><img src="images/contact.png" alt="Contact" name="Contact" width="100" height="42" border="0"></a><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Contact','','images/contact_mouseover.png',1)"></a></td>
</tr>
<tr>
<td width="587" valign="top" bgcolor="#FFFFFF"><p class="style11">Vanessa Finaughty has written many short stories, including four anthologies, a novel and numerous non-fiction articles, and is currently busy with her second novel, a fantasy titled <em>Sanctuary for the Devil</em>.</p>
<p class="style11">Below is just a taste of Vanessa&rsquo;s writing. Click the image to read more about each piece.</p>
<p class="style11"><strong>Fiction novels &amp; anthologies</strong></p>
<p class="style11"><a href="ashestoashes.html"><img src="images/ashestoashes_thumb.jpg" alt="Ashes to Ashes - erotic thriller" width="100" height="155" border="0"></a> <a href="horrotica.html"><img src="images/Horrotica_thumb.jpg" alt="Horrotica - anthology of short horror stories with elements of erotica" width="100" height="155" border="0"></a> <a href="terrorscape.html"><img src="images/Terrorscape_thumb.jpg" alt="Terrorscape - anthology of short horror stories" width="100" height="155" border="0"></a> <a href="dragonkin.html"><img src="images/DragonKin_thumb.jpg" alt="Dragon Kin" width="100" height="155" border="0"></a> <a href="futurescape.html"><img src="images/Futurescape_thumb.jpg" alt="Futurescape - science fiction short story anthology" width="100" height="155" border="0"></a><br>
<br>
<strong>Short stories </strong><br>
<br>
<a href="boogiewugie.html"><img src="images/Boogi Wugi cover_thumb.jpg" alt="Boogie Wugie" width="100" height="155" border="0"></a> <a href="abandoned.html"><img src="images/Abandoned_thumb.jpg" alt="Abandoned" width="100" height="155" border="0"></a></p>
<p class="style11"><br>
<br>
</p>	</td>
<td width="143" rowspan="2" bgcolor="#000000"><div align="center"><a href="purchases.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Purchases','','images/purchases_mouseover.png',1)"><img src="images/purchases.png" alt="Purchases" name="Purchases" width="136" height="40" border="0"><br>
</a><a href="presskit.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Press Kit','','images/presskit_mouseover.png',1)"><img src="images/presskit.png" alt="Press Kit" name="Press Kit" width="136" height="40" border="0"><br>
</a><a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('News','','images/news_mouseover.png',1)"><img src="images/news.png" alt="News" name="News" width="136" height="40" border="0"></a><a href="purchases.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Purchases','','images/purchases_mouseover.png',1)"><br>
</a>
<strong>
<br>
LATEST RELEASE</strong><br>
<a href="ashestoashes.html"><img src="images/ashestoashes_thumb.jpg" alt="Ashes to Ashes" width="100" height="155" border="0" align="top"></a>
<br>
</div> 
<div align="center"><br>
<strong>COMING SOON </strong><br>
<a href="dragonkin.html"><img src="images/DragonKin_thumb.jpg" alt="Dragon Kin" width="100" height="155" border="0"></a> <br>
<br>
<strong>PUBLISHED<br>
</strong><a href="terrorscape.html"><img src="images/Terrorscape_thumb.jpg" alt="Terrorscape - anothology of short horror stories" width="100" height="155" border="0"></a> <br>
<br>
<a href="horrotica.html"><img src="images/Horrotica_thumb.jpg" alt="Horrotica - short story anthology - horror with elements of erotica" width="100" height="155" border="0"></a> <br>
<a href="http://www.facebook.com/media/set/?set=a.103045386457611.9462.100002564510869&saved#!/profile.php?id=100002564510869" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"><br>
</a><a href="http://www.smashwords.com/profile/view/VanessaFinaughty" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Smashwords','','images/smashwords_mouseover.png',1)"><img src="images/smashwords.png" alt="Smashwords" name="Smashwords" width="136" height="40" border="0"></a><a href="http://www.facebook.com/media/set/?set=a.103045386457611.9462.100002564510869&saved#!/profile.php?id=100002564510869" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"><img src="images/facebook.png" alt="Facebook" name="Facebook" width="136" height="40" border="0"></a><a href="http://mantisss.deviantart.com/?offset=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Deviant Art','','images/deviantart_mouseover.png',1)"><br>
</a><a href="coverdesigns.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Cover Designs','','images/coverdesigns_mouseover.png',1)"><img src="images/coverdesigns.png" alt="Cover Designs" name="Cover Designs" width="136" height="40" border="0"></a><a href="http://mantisss.deviantart.com/?offset=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Deviant Art','','images/deviantart_mouseover.png',1)"><br>
</a><a href="downloads.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Downloads','','images/downloads_white_mouseover.png',1)"></a><a href="downloads.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Downloads','','images/downloads_mouseover.png',1)"><img src="images/downloads.png" alt="Downloads" name="Downloads" width="136" height="40" border="0"><br>
</a><a href="extracts.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Extracts','','images/extracts_mouseover.png',1)"><img src="images/extracts.png" alt="Extracts" name="Extracts" width="136" height="40" border="0"></a><a href="http://mantisss.deviantart.com/?offset=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Deviant Art','','images/deviantart_mouseover.png',1)"><br>
</a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Forum','','images/forum_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Fan Mail','','images/fanmail_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"></a><a href="thankyou.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Thank You','','images/thankyou_mouseover.png',1)"><img src="images/thankyou.png" alt="Thank You" name="Thank You" width="136" height="40" border="0"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"><br>
</a><a href="writingtips.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Writing Tips','','images/writingtips_mouseover.png',1)"><img src="images/writingtips.png" alt="Writing Tips" name="Writing Tips" width="136" height="40" border="0"><br>
</a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Facebook','','images/facebook_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Deviant Art','','images/deviantart_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('','','images/editorshate_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('','','images/editorshate_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Wacky Facts','','images/wackyfacts_mouseover.png',1)"></a><a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('','','images/editorshate_mouseover.png',1)"></a><br>
<a href="index.html" title="Horror - find out more..."></a></div></td>
</tr>
<tr bgcolor="#000000">
<td valign="top" bgcolor="#FFFFFF"><p class="style12"><br>
<br>
</p>	</td>
</tr>
<tr bgcolor="#000000">
<td colspan="2"><span class="style4">Copyright © 2011<a href="http:/capetown-webdesigns.com"> Cape Town Web Designs </a></span><span class="style5"><span class="style9">....................................................................................................... </span><span class="style9">.<span class="style6"><a href="sitemap.html" title="SITE MAP">SITE MAP </a>| </span></span><span class="style6"><a href="PAIA.html" title="PAIA">PAIA</a> | <a href="Partners.html" title="PARTNERS">PARTNERS</a> </span></span></td>
</tr>
</table>
</body>
</html>


There is a much easier way to have rollover links by using the :hover css pseudo element.

So for example your first link is the "Home" link. Your CSS would look something like this :

a.home {
display:block;
background-image:url(images/home.png);
width:73px;
height:42px;
}

a.home:hover {
background-image:url(images/home_mouseover.png);
}

a.home span {
display:none;
}

And the html would look like this :

<a href="index.html" class="home"><span>home</span></a>

You may have noticed that I've enclosed the link text in a <span> tag and then hidden it in the CSS code. This hides it from the user, but doesn't hide it from Google and other search engines. It's a better for SEO.

There is a slightly better way for doing the rollover image by combining two images into one and just moving the background on hover, but that requires you to edit the images. If you'd like, I could show you the code for that too.

It's also common practice to move standard CSS styling to an external CSS file. It means you don't have to repeat the code and any changes you make apply for the whole website. Again, if you want, I can show you how to do that.


At the very least, the page should work now.

I hope that helps.
Nahumi

Edited by Nahumi, 28 July 2011 - 10:56 AM.

  • 0

Advertisements


#11
Vanessa13

Vanessa13

    Member

  • Topic Starter
  • Member
  • PipPip
  • 69 posts
It is a bit messy, I know - I don't know too much about coding, so use Dreamweaver for its WYSIWYG capabilities. Thanks so much for your help - my head section is there now, along with the SEO meta tags, and the page is displaying almost perfectly. The only thing that isn't perfect is that the second image for the rollover links still isn't displaying. I have absolutely no idea why this would be, since the head section shouldn't affect it.
  • 0

#12
Nahumi

Nahumi

    Member

  • Member
  • PipPip
  • 15 posts
Hmmm, the only thing I can think of is that the file isn't there or it's name is slightly different.

Try taking the code out and using Dreamweaver to put it back in.
  • 0

#13
Vanessa13

Vanessa13

    Member

  • Topic Starter
  • Member
  • PipPip
  • 69 posts
Nope, all the files are there and named correctly :-/ They worked perfectly up until I added the head section in. The page seems to be displaying properly, but I'm a bit worried about an error message on the bottom left of my screen when I display it in IE. When I click the message for details, it says 'object unexpected' and gives me the link to Cape Town Web Designs (at the bottom of the page). I guess I'll have to upload it to see if it displays properly online, and I'll have to give up on the rollovers working properly :-/ Oh well. Such is life when a non-designer designs a website!
  • 0

#14
Vanessa13

Vanessa13

    Member

  • Topic Starter
  • Member
  • PipPip
  • 69 posts
Ok, I got the index page working now (rollover links and everything) - I'm struggling to get some of the other pages to work the same, though. It seems the coding is different for some pages - I have no idea how this happened, since I duplicated the index page to create the other pages (then re-named the new page each time), so it should all be the same with the exception of the table at the bottom of the indext page (with a black background).

I know this is a LOT of work for someone to do, but is there any chance I can paste the coding for the pages I'm struggling with here for you to fiddle for me? The only other alternative I see is to just delete those pages entirely and start again - but that's many hours of work down the drain :-/ I think I've isolated the problem, though - the heade section was in the wrong place, and ended in the wrong place. That's now correct on the indext page. However, the part where I end it on the index page comes here:

MT", "Book Antiqua", Consolas}
.style16 {color: #FFFFFF; font-family: "Baskerville Old Face", "Blackoak Std", "Bodoni MT", "Book Antiqua", Consolas; }
.style17 {font-size: large}
-->
</style>
</head>

<script type="text/JavaScript">

Now on the next page, where this isn't working (it gives me a blank white page again), I can't find the last line above, so I have no idea where to insert the head end.

Thanks again for all your help - I wouldn't have even got this far without it!
  • 0

#15
Nahumi

Nahumi

    Member

  • Member
  • PipPip
  • 15 posts
Feel free to post up the pages and I'll fix them. Make sure to enclose each page in the code tags though, that way I can see the code properly.


Just out of curiosity, did you hire someone from Cape Town to design the site, or did you copy a template from them or something?
  • 0






Similar Topics

0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users

As Featured On:

Microsoft Yahoo BBC MSN PC Magazine Washington Post HP