I am building a fairly standard type of site as a trial (6 pages, text and images and 1 form) using php and css. The structure has a ‘layHeader’ and ‘layNav’ structures and a horizontal menu. The menu had been working but I added an extra layer and the menu links worked but the text was not visible - occasionally when first displayed the text is visible but then it collapses? and is not. The menu sections for each item are standard size about 2px. I have rolled back the changes but this problem remains. I am hoping someone has seen this before and can point me in the right direction to fix it.
It is only happening in IE9, Mozilla, Chrome are fine.
Jennie
[code]
| Absolute Beachfront | |
| Phone |
<?php echo "$phone" ?> |
| Address | <?php echo "$address"?> |
-
[php]
- " title="<?php echo "$titleHome"?>" <?php if($page == "home") {?>class="active"<?php }?>>Home
- " title="<?php echo "$titleOurLocation"?>" <?php if($page == "ourLocation") {?>class="active"<?php }?>>Our Location
- " title="<?php echo "$titleAccommodation"?>" <?php if($page == "accommodation") {?>class="active"<?php }?>>Accommodation Type
- " title="<?php echo "$titleRates"?>" <?php if($page == "rates") {?>class="active"<?php }?>>Rates
- " title="<?php echo "$titleBookNow"?>" <?php if($page == "bookNow") {?>class="active"<?php }?>>Make A Booking [/php]
- " title="<?php echo "$titleParkMap"?>" <?php if($page == "parkMap") {?>class="active"<?php }?>>Park Map
- " title="<?php echo "$titlelocalGuide"?>" <?php if($page == "localGuide") {?>class="active"<?php }?>>Local Guide
- " title="<?php echo "$titleImageGallery"?>" <?php if($page == "imageGallery") {?>class="active"<?php }?>>Image Gallery
- " title="<?php echo "$titleContact"?>" <?php if($page == "contact") {?>class="active"<?php }?>>Contact Us [/php]
[/code]
CSS
/* ---------------------------------------------------------------------------------------- HEADER STYLES */
div#layHeader{
background: url(../images/img-logo.gif) 36px 40px no-repeat;
height: 100px;
}
.textBeachfront{
color: #0083ca;
font-size: 18px;
padding: 0 0 5px 0;
}
table#layHeaderDetails{
float: right;
margin: 26px 40px 0 0;
}
table#layHeaderDetails td.colLeft{
padding: 0 10px 0 0;
width: 50px;
}
table#layHeaderDetails td.colRight{
width: 220px;
}
/* ---------------------------------------------------------------------------------------- NAV STYLES */