Dropdown menu i Joomla/IE6
Hej eksperter!Sidder lige nu og roder med CMS-systemet Joomla, hvor enkelte ting dog driller som ind i h...
Mere specifikt drejer det sig om en dropdown-menu. Menuen ser ud som den skal i FF og IE7, men i IE6 er den helt forkert. Og forstår det ærligt talt ikke... her er tale om en horisontal menu, hvilket også virker i FF og IE7.
Men i IE6 er mine toppunkter vertikale, altså placerer sig under hinanden. Er der nogen, der kan kigge på denne (lidt kringlede) CSS-kode og se om det kan være noget deri? Eller er det simpelthen en IE6-bug?
Siden kan ses på http://www.tlklubben.dk ... det kan jo være det hjælper at se kildekoden direkte!
Takker!
*** KODE ***
/** IE bugs: a:link, a:visited, a:hover need to be styled as well; does not display separator... workaround? */
/** customize colors here */
a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical,
a.mainlevel-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,
a.mainlevel-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited {
background-color: #333333;
color: white;
}
a.mainlevel-suckerfish-vertical:hover, a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover {
background-color: brown;
color: white;
}
a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical,
a.sublevel-suckerfish-vertical:link, a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,
a.sublevel-suckerfish-vertical:visited, a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited {
background-color: brown;
color: white;
}
a.sublevel-suckerfish-vertical:hover, a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {
background-color: brown;
color: white;
}
ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical,
ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:link, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:link, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:link,
ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:visited, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:visited, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:visited {
background-color: brown;
color: white;
}
ul.mainlevel-suckerfish-vertical ul ul a.sublevel-suckerfish-vertical:hover, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_active-suckerfish-vertical:hover, ul.mainlevel-suckerfish-vertical ul ul a.sublevel_current-suckerfish-vertical:hover {
background-color: brown;
color: white;
}
ul.mainlevel-suckerfish-vertical ul .expanded {
display: block;
background-image: url("../images/arrow_right.gif");
background-position: right center;
background-repeat: no-repeat;
padding-right: 10px;
}
/** customize style / layout here */
a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical,
a.mainlevel-suckerfish-vertical:link, a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,
a.mainlevel-suckerfish-vertical:visited, a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited,
a.mainlevel-suckerfish-vertical:hover, a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover,
a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical, span.sublevel-suckerfish-vertical,
a.sublevel-suckerfish-vertical:link, a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,
a.sublevel-suckerfish-vertical:visited, a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited,
a.sublevel-suckerfish-vertical:hover, a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {
font-weight: normal;
font-size: 100%;
text-align: left;
text-decoration: none;
display: block;
border: 0px solid #333333;
padding: 0.4em 0.8em 0.4em 0.6em; /* top, right, bottom, left */
height: 1em;
line-height: 1em;
}
a.mainlevel-suckerfish-vertical, a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical, span.mainlevel-suckerfish-vertical {
float: left;
width: auto;
}
a.sublevel-suckerfish-vertical, a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical, span.sublevel-suckerfish-vertical {
font-size: 90%;
border-top: 0px solid silver;
}
#active_menu-suckerfish-vertical,
a.mainlevel_active-suckerfish-vertical, a.mainlevel_current-suckerfish-vertical,
a.mainlevel_active-suckerfish-vertical:link, a.mainlevel_current-suckerfish-vertical:link,
a.mainlevel_active-suckerfish-vertical:visited, a.mainlevel_current-suckerfish-vertical:visited,
a.mainlevel_active-suckerfish-vertical:hover, a.mainlevel_current-suckerfish-vertical:hover,
a.sublevel_active-suckerfish-vertical, a.sublevel_current-suckerfish-vertical,
a.sublevel_active-suckerfish-vertical:link, a.sublevel_current-suckerfish-vertical:link,
a.sublevel_active-suckerfish-vertical:visited, a.sublevel_current-suckerfish-vertical:visited,
a.sublevel_active-suckerfish-vertical:hover, a.sublevel_current-suckerfish-vertical:hover {
font-weight: bold;
background:brown;
}
ul.mainlevel-suckerfish-vertical, .mainlevel-suckerfish-vertical ul {
padding: 0;
margin: 0;
list-style: none;
}
ul.mainlevel-suckerfish-vertical {
width: auto;
z-index: 101;
}
ul.mainlevel-suckerfish-vertical ul {
z-index: 102;
}
ul.mainlevel-suckerfish-vertical ul ul {
z-index: 103;
}
ul.mainlevel-suckerfish-vertical li {
padding: 0;
margin: 0;
background: none;
list-style: none;
float: left;
position: relative;
margin-right: 1px;
}
ul.mainlevel-suckerfish-vertical li li {
position: relative;
width: 10em;
margin: 0;
}
ul.mainlevel-suckerfish-vertical li li ul {
left: 10em;
top: 0;
}
ul.mainlevel-suckerfish-vertical ul {
display: none;
position: absolute;
top: 1.65em;
left: 0;
}
ul.mainlevel-suckerfish-vertical li > ul {
top: 1.65em;
left: auto;
}
ul.mainlevel-suckerfish-vertical li:hover ul,
ul.mainlevel-suckerfish-vertical li.hover ul {
display: block;
}
ul.mainlevel-suckerfish-vertical li:hover ul ul,
ul.mainlevel-suckerfish-vertical li.hover ul ul {
display: none;
}
ul.mainlevel-suckerfish-vertical li:hover ul li:hover ul,
ul.mainlevel-suckerfish-vertical li.hover ul li.hover ul {
display: block;
}
ul.mainlevel-suckerfish-vertical, ul.mainlevel-suckerfish-vertical li li {
clear: left;
}
/** separator */
span.mainlevel-suckerfish-vertical, span.sublevel-suckerfish-vertical {
border-width: 0px;
padding: 5px;
}
*** KODE SLUT ***
