i have now realised that if i click on a blank link, and then press the back button in the browser the navigation bar displays correctly.
DOES THAT HELP ANY ONE TO EXPLAIN IT ?
Looks ok to me in Safari Mac......what platform are you viewing the page on?
like i said works fine in firefox, in safari when i preview it via dreamweaver.
When i refresh / newly load the page it puts the nav bar vertically instead of horizontally.
but if i click on a black link then press the back button it works fine. :s
On Line 4 of your code change this:
<!-- Meta http equivalent was here -->
<!-- Meta http equivalent was here-->
On line 15, change this:
to this: (nav is not valid XHTML code, use div instead)
On Line 16, change this:
<p class="hairsalon">Hair Salon</p></a><h1>
<h1 class="amberroom"><a href="/index.html">Amber Room</a></h1>
On line 25, change this:
Next time things go wrong, check your code for errors.
Code Validation Tools
HTML - http://validator.w3.org/
thanks i will give that a try,
like i said, i had tried the validators,
but i couldnt understand them really,
Sorry, that didnt work.
Made things worse, now reverted back to old code.
because i change the nav to a div, im guessing i might need to amend the css too right?
The markup for the menu is not correct. Have a look at the markup that is correct as per
<li><a href="/services" id="menu-services">Services</a> </li>
<li><a href="/location" id="menu-location">Location</a> </li>
<li><a href="/about" id="menu-about">About us</a></li>
<li class="lastNavBox"><a href="/contact" id="menu-contact">Contact</a></li>
After you have done that, you will have to add a few style rules for the font size.
that has fixed the problems in chrome, IE8 % Safari 5.1.
but now it is just the text of the nav bar that is clickable.
previsouly it was the whole box.
is is possible to have the whole box clickable still ??
Apart from the styling, seems to be workingon my pc now,
although its still not working on a netbook with IE 8, ??
maybe to do with the screen resolution as its quite small.
Is there a auto reduce fetaure maybe??
You ignored my code changes above. 98% of page display problems are caused by code errors. You need to reconcile the errors below to get good cross browser results. <nav> is not a valid HTML tag.
ok, im sorry, but why is nav not a valid html code?
what foes in its place?
why have i seen it on another site? and it works fine ?
when your code corrections where implemented the nav bar was all a mess, small lettering, down the side of the screen under neath the top bar.
the top bar was not at the top either. code was reverted back.
like i said, it works on another site.
<nav> is a new tag that is only valid in HTML5 documents. In X/HTML docs it is not recognized.
Change: <nav class="navigation">
To: <div class="navigation">
A List of HTML Tags and the Doc Types that Support them: