Inconsistent navigation headache

Question

Hi, please help. I have read the guidelnes but do not know if this qualifies as a single question as it is all related. Please advise if I should make more than one post. Or, please answer the first question, and once I have fixed that I will deal with the other questions, unless they resolve themselves.)
I have created a series of navigation buttons in DW3, a program to which I am new.
(The relevant code is below the explanation of the problem.).
Most of the nav buttons work, in FireFox, Safari and Opera when tested using MAMP on my Mac.
Each button consists of an image and a class.
The problem button appears to be the one contained in folder 104_mast4_ because it:
1 - turns to hypertext when the button contained in folder 105_mast5_ is activated
2 - affects, I think, the button preceding it in folder 103_mast3_ when moving back down the tree. This button works fine when moving up the tree
Here is the detail relating to the question for the button 104_mast4_:
A – It correctly navigates to the page in the folder 104_mast4_ when clicked
B – It is replaced by hypertext when the button next to it for 105_mast5_ is clicked
C – The navigation to the page in 105_mast5  is correct
D – But, navigation is frozen until the hypertext replacing button 104_mast4_  is again clicked
E – The image for 104_mast4_  returns and it is possible to correctly navigate to to pages contained in folders 101, 102, 106 and 107 without the button disappearing
F – This means, it is possible to navigate up and down the tree, except:
G – that the button for  folder 103_mast_3 only allows traversing to greater numbers
H – when pages for 101 and 102 are sought after those for 103_mast_3, the response is that the server cannot find the pages
I – the server finds these pages fine when the button for 103_mast3_ has not been activated.
(I have tried both the port settings suggested by David Powers on the forum as well as original MAMP settings, with localhost modified, and the problem is the same)
Thank you, in advance, for your help, the relevant css, from an external file, and #id div with .classes is below.
Here is the relevant css
@charset ‘UTF-8px’;
.barMicro88iab31 {
    width: 88px;
    height: 31px;
    margin: 5px;
Below is the relevant div for the xhtml_strict page, withig, href and class being set using the Windows > Properties panel:
<div id = “mastNAV”><!--the top navigation button pane-->
<h3>
<a href=”../101_mast1_index/index101.html”>
<img src=”../101_mast1_index/88b2b2b2b31BgreyW.png” alt=”101mastNavButton” width=”90” height=”33” class=”barMicro88iab31” /></a>
<a href=”../102_mast2_/102edditorial.html”>
<img src=”../102_mast2_/88cccccc31BgreyW.png” alt=”102mastNavButton” width=”90” height=”33” class=”barMicro88iab31” /></a>
<a href=”../103_mast3_/103edditorial.html”>
<img src=”../103_mast3_/88e5e5e531BgreyW.png” alt=”103mastNavButton” width=”90” height=”33” class=”barMicro88iab31” /></a>
<a href=”../104_mast4_/104edditorial.html”>
<img src=”../104_mast4_/88ffffff31BgreyW.png” alt=”103mastNavButton” width=”90” height=”33” class=”barMicro88iab31” /></a>
<a href=”../105_mast5_/105edditorial.html”>
<img src=”../105_mast5_/887f7f7f31BgreyW.png” alt=”105mastNavButton” width=”90” height=”33” class=”barMicro88iab31” /></a>
<a href=”../106_mast6/106edditorial.html”>
<img src=”../106_mast6/8800000031BgreyW.png” alt=”106mastNavBUtton” width=”90” height=”33” class=”barMicro88iab31” /></a>
<a href=”../107_mast7_/107edditorial.html”>
<img src=”../107_mast7_/8899999931BgreyW.png” alt=”107mastNavButton” width=”90” height=”33” class=”barMicro88iab31” /></a>
</h3>
</div><!--the top navigation button pane-->
Gordon Eddey

Answer 1

Gordon, I don't mean to burst your bubble or anything, but image based navigation sucks.  It's hard to maintain because you have to recreate your images every time you change the menu.  This gets old in a hurry.  My advice is to take a look at CSS styled menus.  They work for everyone and they are a piece of cake to edit in DW.
CSS Express Drop-Down Menus  (tutorial)
http://www.projectseven.com/tutorials/navigation/auto_hide/
CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus  (download)
http://www.highdots.com/css-tab-designer/
List-O-Rama  (DW Extension)
http://www.dmxzone.com/go?5618
CSS  Menu Maker (On-Line Menu Generator)
http://www.cssmenumaker.com/
Pop-Menu  Magic2 by PVII (DW extension purchase)
http://www.projectseven.com/products/menusystems/pmm2/index.htm
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists
http://alt-web.com/
http://twitter.com/altweb