mod_ariextmenu not viewing in IExplorer?

This forum is for general questions about extensions for Joomla! version 1.5.x.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Locked
rymin
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Tue Jun 29, 2010 1:38 am

mod_ariextmenu not viewing in IExplorer?

Post by rymin » Mon Aug 16, 2010 6:30 am

Hey everyone,

My website views perfectly in Firefox, Safari (MacOSX and PC), however when viewed on Explorer8 on PC the menu trips out? The menu is out of wack and not inline with the rest of the site?
On my Mac in Explorer 5.2, the menu does not even show?

Is there any way of overcoming this or have I prepared it wrong?

My website is http://www.outersquare.com.au/loveangels/ and I've attached an image of what I'm viewing on Explorer 8 on PC.

Thank you in advance.
You do not have the required permissions to view the files attached to this post.

rymin
Joomla! Apprentice
Joomla! Apprentice
Posts: 7
Joined: Tue Jun 29, 2010 1:38 am

Re: mod_ariextmenu not viewing in IExplorer?

Post by rymin » Mon Aug 16, 2010 8:57 am

Below is my code if it helps...


/*-- required & default rules --*/
.ux-menu-init-hidden {
visibility:hidden;
position:absolute;
}

.ux-menu-container {
position: relative;
top: 0px;
height: 60px;
}

.ux-menu-container .ux-menu a
{
padding: 40px 20px 20px 20px;
margin: 0px 0px 0px 0px;
bottom: 0px;
}

.ux-menu-container .ux-menu LI
{
margin: 0px;
}

.ux-menu-container .ux-menu-sub LI A
{
color: #93117e;
background: url(images/menu-item-bg-submenu.png) repeat;
padding: 20px 20px;
margin: 0px 0px 0px 0px;
top: 0px;
}

.ux-menu-sub LI a:focus,
.ux-menu-sub LI a:hover,
.ux-menu-sub LI a.ux-menu-link-hover {
background: url(images/menu-item-bg-over.png) repeat;
color: #ffffff;
outline: 0;
padding: 20px 20px;
margin: 0px 0px 0px 0px;
top: 0px;
}

.ux-menu,
.ux-menu ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1;
}

.ux-menu li {
position: relative;
float: left;
}

.ux-menu ul {
position: absolute;
top: 0;
left: 0;
}

.ext-border-box .ux-menu-ie-iframe,
.ext-ie7 .ux-menu-ie-iframe {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
z-index: -1;
}

.ux-menu-vertical .ux-menu-item-main {
clear: left;
}

.ux-menu a {
display: block;
position: relative;
text-decoration: none;
color: #93117e;
background: none;
font-size: 12px;
line-height: 12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
top: -15px;
}

.ux-menu a.ux-menu-link-last {
border-right: 0px solid #e3dad1;
}

ux.menu ul a {
width: 100%;
}

.ux-menu a:focus,
.ux-menu a:hover,
.ux-menu a.ux-menu-link-hover {
color: #ffffff;
background: url(images/menu-item-bg-over.png) repeat;
outline: 0;
}

.ux-menu-clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.ux-menu a.ux-menu-link-parent {
padding-right: 24px;
min-width: 1px;
}

.ux-menu ul a,
.ux-menu.ux-menu-vertical a {
}

.ux-menu ul a.ux-menu-link-last,
.ux-menu.ux-menu-vertical a.ux-menu-link-last {
}

.ux-menu-container .ux-menu LI
{
margin: 0px;
height: 56px;
}

.ux-menu-arrow {
display: block;
width: 8px;
height: 6px;
right: 10px;
top: 42px;
position: absolute;
background: url(images/menu-arrow-down.png) no-repeat;
font-size: 0;
}

.ux-menu.ux-menu-vertical .ux-menu-arrow,
.ux-menu ul .ux-menu-arrow {
width: 6px;
height: 8px;
top: 30px;
background: url(images/menu-arrow-right.png) no-repeat;
}

.ext-border-box .ux-menu-arrow {
top: 30px;
}
.ext-border-box .ux-menu.ux-menu-vertical .ux-menu-arrow,
.ext-border-box .ux-menu ul .ux-menu-arrow {
top: 30px;
}

.ux-menu ul.ux-menu-hidden {
display: none;
}

.ux-menu a.current
{
background-image: url('images/menu-item-bg-current.png');
color: #ffffff;
border-color: #cbc0b7;
}


Locked

Return to “Extensions for Joomla! 1.5”