davidbanfield
Sep 2 2015, 02:31 AM
last year i paid a company to design a website. this year i thought rather than pay, i'd alter the old one, and do it myself. works great. except when i click on a link. any link, i must first refresh the website else it wont navigate to the new page. i used ''./examplepage.html'' for the navigation, but i also used ''./imagexx.jpg'' for the pictures and they show up fine. any ideas what i may've done wrong, and how to fix it? i can pass along the site if that'll help? it's a basic site. just has really cool things, so i dont want to lose them. it's URM - Ultra Runs and Marathons - running is our passion, and our life! and any help is greatly appreciated.
thanks!
Frederiek
Sep 2 2015, 02:43 AM
Yes, we need to see the code. So, do post the url to your site.
davidbanfield
Sep 2 2015, 03:27 AM
sorry. i thought it would post when i put the link there. here it is. the whole index page: (if you prefer, the current website is www.conquerthewallmarathon.my)
<!DOCTYPE html>
<html><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>URM - Ultra Runs and Marathons - running is our passion, and our life!</title>
<meta name="description" content="We promote only the best organized ultra runs, marathons, half-marathons at the most beautiful locations in the world. URM - discover the joy of running.">
<link type="text/css" rel="stylesheet" href="./urm_files/27">
<meta name="viewport" content="width=1024, maximum-scale=1">
<!-- SOCIAL DATAS -->
<!-- GOOGLE PLUS -->
<meta itemprop="name" content="Ultra Runs and Marathons - running is our passion, and our life!">
<meta itemprop="description" content="We promote only the best organized ultra runs, marathons, half-marathons at the most beautiful locations in the world. URM - discover the joy of running.">
<!--[if lte IE 8]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js" type="text/javascript"></script>
<![endif]-->
<!-- FONTS -->
<!--<link href='http://fonts.googleapis.com/css?family=Playfair+Display:400,700,900,400italic,700italic,900italic' rel='stylesheet' type='text/css'>-->
<!--<script type="text/javascript" src="//use.typekit.net/qdr4xfi.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>-->
<script async="" src="./urm_files/analytics.js"></script><script>
var $buoop = {vs:{i:9,f:15,o:12.1,s:5.1},c:2};
function $buo_f(){
var e = document.createElement("script");
e.src = "//browser-update.org/update.js";
document.body.appendChild(e);
};
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
catch(e){window.attachEvent("onload", $buo_f)}
</script><style type="text/css">
</style>
</head>
<body class="desktop">
<img src="./urm_files/images\purple.jpg" width=2000 height=950>
<section class="popin" id="newsletter-popin">
<span class="cache"></span>
<button class="close">Close<i class="popin-close"></i></button>
<div class="center">
<h2 class="title">Subscribe</h2>
<p class="text">Enter your email below to get the latest news about our marathons, registration, and updates</p>
<form method="post" action="http://conquerthewallmarathon.my/service/mailchimp/subscribe?lng=en">
<div class="field">
<p class="error">Enter a valid email address</p>
<input type="text" class="input-text" name="email" placeholder="Enter your email">
</div>
<input type="hidden" name="subscription" value="newsletter">
<input type="submit" class="input-submit" value="Subscribe now">
</form>
<p class="success"><strong>Thank you!</strong><br>Your email was successfully sent</p>
</div>
</section>
<section class="popin" id="lido-popin">
<span class="cache"></span>
<button class="close">Close<i class="popin-close"></i></button>
<div class="center">
<h2 class="title">URM - Ultra Runs and Marathons</h2>
<p class="text">We've partnered with a new organizer, and this year's marathons are going to be better than ever!!<br><br> Be the first to know about the new marathons offered by us!</p>
<form method="post" action="http://dragone.com/service/mailchimp/subscribe?lng=en">
<div class="field">
<p class="error">Enter a valid email address</p>
<input type="text" class="input-text" name="email" placeholder="Enter your email">
</div>
<input type="hidden" name="subscription" value="lido">
<input type="submit" class="input-submit" value="Subscribe now">
</form>
<p class="success"><strong>Thank you!</strong><br>Your email was successfully sent</p>
</div>
</section>
<div class="main-load-bar"></div>
<header class="main-header">
<h1 class="logo"><a href="./urm_files/urm.html">
<img src="./urm_files/logo-small02.jpg" alt="URM" height="37" width="59"></a></h1>
<nav class="menu-left">
<ul>
<li class="shows-menu-toggler">
<a href="http://">Currently Offered Marathons</a>
<i class="arrow-down-red"></i>
</li>
<li>/</li>
<li class="discover-menu-toggler">
<a href="http://">Preparation</a>
<i class="arrow-down-red"></i>
</li>
<li>/</li>
<li><a href="./urm_files/pages/registration.html">Registration Page</a></li>
</ul>
</nav>
<nav class="menu-right">
<ul>
<li class="facebook">
<a href="http://www.facebook.com/ultrarunsandmarathons" target="_blank" data-analytics="Header, Go to Facebook, Desktop">
<i class="header-facebook"></i>
Find us on Facebook </a>
</li>
</ul>
</nav>
<nav class="submenu shows-menu" style="width: 1904px;">
<ul>
<li class="box-1" style="width: 20%;">
<a href="./urm_files/ctwm.com/home.html">
<div class="box-title">
<p class="title">Great Wall<br>of China</p>
<p class="subtitle">Jinshanling <span>China</span>
</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/great wall image 1.jpg" class=" box-cover" style="height: 203px; width: 381px; margin: -16.5px 0px 0px; left: 0px; top: 0px;">
</a>
</li>
<li class="box-2" style="width: 20%;">
<a href="./urm_files/yunnan/Yunnan.html">
<div class="box-title">
<p class="title">Yunnan</p>
<p class="subtitle">Kunming <span>China</span>
</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/dongzhuli.jpg" class=" box-cover" style="height: 203px; width: 381px; margin: -16.5px 0px 0px;">
</a>
</li>
<li class="box-3" style="width: 20%;">
<a href="./urm_files/rice/Rice Terrace Marathon.html">
<div class="box-title">
<p class="title">Rice Terraces <br></p>
<p class="subtitle">Yuanyang <span>China</span>
</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/banaue.jpg" class=" box-cover" style="height: 202.467px; width: 380px; margin: -16.2336px 0px 0px;">
</a>
</li>
<li class="box-4" style="width: 20%;">
<a href="./urm_files/shangri-la/home/SHANGRI-LA Marathon - The Lost Horizon.html">
<div class="box-title">
<p class="title">Shangri-La</p>
<p class="subtitle">Yunnan <span>China</span>
</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/helongtan.jpg" class=" box-cover" style="height: 203px; width: 381px; margin: -16.5px 0px 0px;">
</a>
</li>
<!-- <li class="box-5" style="width: 20%;">
<a href="http://dragone.com/en/shows">
<div class="box-title">
<p class="title">See all shows</p>
<p class="subtitle">Around the world</p>
</div>
<span class="cache"></span>
<img src="./Dragone · Spectators are our passion. Creation is our core._files/all-shows.jpg" class=" box-cover" style="height: 203px; width: 381px; margin: -16.5px 0px 0px;">
</a>
</li> -->
</ul>
</nav>
<nav class="submenu discover-menu" style="width: 1904px;">
<ul>
<li class="box-1" style="width: 20%;">
<a href="./urm_files/pages/training.html">
<div class="box-title">
<p class="subhead">Getting Ready </p>
<p class="title">Training Programs</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/training.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.18098px; left: 0px; top: 0px;">
</a>
</li>
<li class="box-2" style="width: 20%;">
<a href="./urm_files/pages/nutrition.html">
<div class="box-title">
<p class="subhead">Nutrition </p>
<p class="title">Eating Right</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/nutrition.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.18098px;">
</a>
</li>
<li class="box-3" style="width: 20%;">
<a href="./urm_files/pages/gear.html">
<div class="box-title">
<p class="subhead">Gearing Up </p>
<p class="title">Equipment Matters</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/gear.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.68098px;">
</a>
</li>
<li class="box-4" style="width: 20%;">
<a href="./urm_files/pages/care.html">
<div class="box-title">
<p class="subhead">Take Care</p>
<p class="title">Injury Prevention and Recovery</p>
</div>
<span class="cache"></span>
<img src="./urm_files/images/care.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.18098px;">
</a>
</li>
<!-- <li class="box-5" style="width: 20%;">
<a href="http://dragone.com/en/contact">
<div class="box-title">
<p class="subhead">Running </p>
<p class="title">With Your Friends</p>
</div>
<span class="cache"></span>
<img src="./Dragone · Spectators are our passion. Creation is our core._files/contact.jpg" class=" box-cover" style="height: 170px; width: 397.362px; margin: 0px 0px 0px -8.18098px;">
</a>
</li> -->
</ul>
</nav>
</header>
<div class="bottom">
<a href="http://www.dogstudio.be/" target="_blank" class="dogstudio-link"><i></i></a>
</div>
</div>
</footer>
<script type="text/javascript" src="./urm_files/script.js"></script>
<script type="text/javascript" src="./urm_files/ajaxify.js"></script>
<script type="text/javascript" src="./urm_files/contact.js"></script>
<!-- LibraryConfig::load-->
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-49116382-4', 'auto');
ga('send', 'pageview');
</script>
<script>
var mediasPath = '/medias/';
var videosPath = 'VIDEOS';
</script>
Frederiek
Sep 2 2015, 03:54 AM
Start by validating the page at
https://validator.w3.org/nu/ and fix the errors.
There's also a javascript error and missing files. Check your browser console to find these.
davidbanfield
Sep 2 2015, 04:19 AM
i tried to use that site. when i typed www.conquerthewallmarathon.my into the space, it said 'please enter a URL'.... did i do something wrong? obviously....
there were a couple extra pages. i just didn't want to duplicate them. is that where the error is? can i delete the 'http://' part so it won't look there anymore?
davidbanfield
Sep 2 2015, 04:21 AM
nevermind. figured it out.
davidbanfield
Sep 2 2015, 04:47 AM
fixed all the obvious, easy ones. still left with these 5. have no idea what they're talking about. but still have the same issue. any thoughts?
Info: The Content-Type was text/html. Using the HTML parser.
Info: Using the schema for HTML with SVG 1.1, MathML 3.0, RDFa 1.1, and ITS 2.0 support.
Error: A meta element with an http-equiv attribute whose value is X-UA-Compatible must have a content attribute with the value IE=edge.
From line 4, column 5; to line 4, column 66
f-8">↩ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">↩↩
Error: The itemprop attribute was specified, but the element is not a property of any item.
From line 14, column 5; to line 14, column 101
S -->↩ <meta itemprop="name" content="Ultra Runs and Marathons - running is our passion, and our life!">↩ <
Error: The itemprop attribute was specified, but the element is not a property of any item.
From line 15, column 5; to line 15, column 197
fe!">↩ <meta itemprop="description" content="We promote only the best organized ultra runs, marathons, half-marathons at the most beautiful locations in the world. URM - discover the joy of running.">↩↩
Frederiek
Sep 2 2015, 05:19 AM
Never mind the Info parts, they are not errors.
Apparently, the validator has an internal error on http-equiv as you have it. Try searching for "http-equiv attribute whose value is X-UA-Compatible must have a content attribute".
Try searching for "itemprop html" too.
One weird thing is that I get a few 404 not found errors on some font files and svg files. But when I try to follow a link, I get 31 errors, among which the js error.
Maybe you should use normal relative URLs for your links, instead of with ./
davidbanfield
Sep 2 2015, 08:05 AM
i wondered about that. the thing is, soon the address will change. so i dont want to have to retype it all in again. i guess i'll try with one or two of them for now. if it works, then i'll just wait until i get the actual website domain name. thanks for your help. i'm sure we'll chat again in the future. hehehe...
davidbanfield
Sep 2 2015, 08:07 AM
well, tried it with 3 of them. same thing happened again! ergh... this makes me crazy.
davidbanfield
Sep 2 2015, 10:02 AM
the thing is, when i hit f12 in microsoft expression, it all works fine. but online, in chrome, doesn't. ie is even worse. it's huge mess there.
Darin McGrew
Sep 2 2015, 05:36 PM
The navigation doesn't work at all when JavaScript is disabled/unavailable.
If I click the Preparation > Training Programs link, then the URL changes to
http://www.conquerthewallmarathon.my/urm_f...s/training.html(and this URL exists).
If I go to the Preparation > Training Programs link and right-click > Open Link in New Tab, then the URL in the new tab is
http://www.conquerthewallmarathon.my/urm_f...s/training.html(and this URL returns 404 Not Found).
It looks like the kind of overly complicated JavaScript-dependent navigation that I would throw out and replace with normal links.
davidbanfield
Sep 2 2015, 05:49 PM
thanks for your time, darin. a quick question.... i dont know what you mean when you say 'replace with normal links'... can you give me one example? for instance...
how would you change one, then i can make them all uniform? sorry. but again, thanks!
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please
click here.