IE8 IE9 CSS menu Update

Allwebco IE9 CSS website template updates

Pinned Note Update
IE9 Beta includes bugs that may cause a problem in some drop menu template models.

Outdated: Information and updates on this page are for 2010 and earlier templates purchased or before 9/16/2010. Check the copyright year in your template header.js.

Affects the following templates…

Updating the menu css files

Responsive templates do NOT need this update.

2011 and later templates do NOT need this update.

If your template uses a "colors" folder for your menu css files you do NOT need this update.

If your template was purchased after 9/16/2010 you do NOT need this update.

If your template menu.js file includes the note /* menu ver 3.15b 2010 */ or later then you do NOT need this update.


Fix Option #1:
Edit your "xxx-menu.css" file (or files) in your template website folder (menu css files may also be in "css" folder). Edit the following code starting on about line #62 in your "xxx-menu.css" file. The following example is code in a "blue-menu.css" in an ExecChrome template:


/* TOP LEVEL BACKROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li {
background-image: url("../picts/blue/menu.gif");
background-color: #0F338A;
border: solid #313252;
border-width: 0px 1px 0px 0px; /* THIS IS A RIGHT BORDER */
/* NOTE: BORDERS ABOVE ARE | top | right | bottom | left */

float: left;
padding: 0;
}


Edit the above code to the code shown below. Changes are highlighted. Remove the code highlighted above. Add the code as highlighted below.


/* TOP LEVEL BACKROUND COLOR AND BORDERS - EDIT MENU IMAGES ALSO */

#menunav li {
background-image: url("../picts/blue/menu.gif");
background-color: #0F338A;
border-right: #313252 1px solid;
float: left;
padding: 0px;
}


Fix Option #2:
Color theme Chrome templates only ordered before 9/16/2010. You can download the 23 themes for multi-color CSS drop menu templates. With this download .zip file you can copy over updated versions of the CSS files for your template "css" folder. See the help page included in this download.

Go to the 23 color theme download page (See "Color Themes Download")


Fix Option #3:
Request a new template download. Click here for the download request form.





Related Topics:
Links Not Working After an Edit
Adding and Removing Pages
Editing .js Files
Javascript Drop Menu Help