Im fairly new to dreamweaver and still finding my way etc..
i have started building a new site. - http://www.amberroom-salon.co.uk/
When i upload the first page to the internet, safari 5 does not display the navigation bar correctly.
yet in firefox its fine.
it is also fine in safari when i preview in browser.
can any one suggest anything please?
I have tried checking the site on the web code check site thing, but there are a few errors which dont seem correct to me, ??
not sure why theyare there.
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/
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.
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: