Frage stellen
Habe eine css navi kopiert!
Funktioniert super im IE 7,8 und aber im 6 nicht!
Hoffe es kann mir wer helfen wie ich das hinbekomme!
Danke
Navi
- Code: Alles auswählen
<ul id="qm0" class="qmmc">
<li><a class="qmparent" href="../hotel/hotel.htm"> Hotel </a>
<ul>
<li><a href="../hotel/essen_trinken.htm"> Essen und Trinken</a></li>
<li><a href="../hotel/wellness.htm"> Wellness</a></li>
<li><a href="../hotel/appartements.htm"> Hotelappartements</a></li>
<li><a href="../hotel/hotelzimmer.htm"> Hotelzimmer</a></li>
<li><a href="../hotel/restaurant_heustadl.htm"> Restaurant Heustadl</a></li>
</ul>
</li>
<li><a class="qmparent" href="../familienurlaub/familienurlaub.htm"> Familienurlaub </a>
<ul>
<li><a href="../familienurlaub/familienhotel.htm"> Familienhotel</a></li>
<li><a href="javascript:void(0);"> Kinderseite</a></li>
<li><a href="../familienurlaub/freizeitangebot.htm"> Freizeitangebot</a></li>
</ul>
</li>
<li><a class="qmparent" href="../sommer_hotel/sommer.htm"> Sommer </a>
<ul>
<li><a href="../sommer_hotel/erlebnisbauernhof.htm"> Erlebnisbauernhof</a></li>
<li><a href="../sommer_hotel/ponyreiten.htm"> Ponyreiten</a></li>
<li><a href="../sommer_hotel/alm.htm"> Alm</a></li>
<li><a href="../sommer_hotel/sehenswuerdigkeiten.htm"> Sehenswürdigkeiten</a></li>
</ul>
</li>
<li><a class="qmparent" href="../winter_hotel/winterhotel.htm"> Winter </a>
<ul>
<li><a href="../winter_hotel/wintersporthotel.htm"> Wintersporthotel</a></li>
<li><a href="../winter_hotel/saalbach-hinterglemm.htm"> Saalbach-Hinterglemm</a></li>
</ul>
</li>
<li><a class="qmparent" href="../preise_hotel/preise.htm"> Preise </a>
<ul>
<li><a href="../preise_hotel/sommerpreise.htm"> Sommer</a></li>
<li><a href="../preise_hotel/urlaubsangebote.htm"> Urlaubsangebote</a></li>
<li><a href="../preise_hotel/winterpreise.htm"> Winter</a></li>
<li><a href="../preise_hotel/skipauschalen.htm"> Skipauschalen</a></li>
<li><a href="../preise_hotel/skipauschalen.htm"> Skipasstarife Saalbach/Hinterglemm</a></li>
</ul>
</li>
<li><a class="qmparent" href="../anreise.htm"> Anreise</a> </li>
<li><a class="qmparent" href="../kontakt_hotel/kontakt.htm"> Kontakt </a>
<ul>
<li><a href="../kontakt_hotel/anfrage.htm"> Anfrage</a></li>
<li><a href="../kontakt_hotel/newsletter.htm"> Newsletter</a></li>
</ul>
</li>
<li><a class="qmparent" href="../index.htm"> Startseite</a> </li>
</ul>
CSS:
%%%%%%%%%%%% QuickMenu Styles [Keep in head for full validation!] %%%%%%%%%%%
<style type="text/css">
/*!!!!!!!!!!! QuickMenu Core CSS [Do Not Modify!] !!!!!!!!!!!!!*/
.qmmc .qmdivider{display:block;font-size:1px;border-width:0px;border-style:solid;position:relative;z-index:1;}.qmmc .qmdividery{float:left;width:0px;}.qmmc .qmtitle{display:block;cursor:default;white-space:nowrap;position:relative;z-index:1;}.qmclear {font-size:1px;height:0px;width:0px;clear:left;line-height:0px;display:block;float:none !important;}.qmmc {position:relative;zoom:1;z-index:10;}.qmmc a, .qmmc li {float:left;display:block;white-space:nowrap;position:relative;z-index:1;}.qmmc div a, .qmmc ul a, .qmmc ul li {float:none;}.qmsh div a {float:left;}.qmmc div{visibility:hidden;position:absolute;}.qmmc .qmcbox{cursor:default;display:inline-block;position:relative;z-index:1;}.qmmc .qmcbox a{display:inline;}.qmmc .qmcbox div{float:none;position:static;visibility:inherit;left:auto;}.qmmc li {z-index:auto;}.qmmc ul {left:-10000px;position:absolute;z-index:10;}.qmmc, .qmmc ul {list-style:none;padding:0px;margin:0px;}.qmmc li a {float:none;}.qmmc li:hover>ul{left:auto;}#qm0 li, #qm0 a {float:none;}#qm0 li:hover>ul{top:0px;left:100%;}
/*!!!!!!!!!!! QuickMenu Styles !!!!!!!!!!!*/
/* QuickMenu 0 */
/*"""""""" (MAIN) Container""""""""*/
#qm0
{
width:150px;
background-color:transparent;
border-width:0px 0px 0px;
border-style:solid;
border-color:#;
}
/*"""""""" (MAIN) Items""""""""*/
#qm0 a
{
padding:8px 40px 8px 8px;
background-color:#;
color:#f9f4ec;
font-family:Arial;
font-size:12px;
text-decoration:none;
text-align:left;
border-width:0px 0px 0px;
border-style:solid;
border-color:#858585;
}
/*"""""""" (MAIN) Hover State""""""""*/
#qm0 a:hover
{
text-decoration:underline;
}
/*"""""""" (MAIN) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 li:hover>a
{
text-decoration:underline;
}
/*"""""""" (MAIN) Parent Hover State""""""""*/
#qm0 .qmparent:hover
{
background-color:#f9f4ec;
}
/*"""""""" (MAIN) Active State""""""""*/
body #qm0 .qmactive, body #qm0 .qmactive:hover
{
background-color:#f9f4ec;
text-decoration:underline;
}
/*"""""""" (SUB) Container""""""""*/
#qm0 div, #qm0 ul
{
padding:10px 5px;
margin:0px;
background-color:#f9f4ec;
border-width:0px;
border-style:solid;
border-color:#858585;
}
/*"""""""" (SUB) Items""""""""*/
#qm0 div a, #qm0 ul a
{
padding:2px 40px 2px 5px;
background-color:transparent;
color:#333333;
font-size:11px;
border-width:1px 0px;
border-style:solid;
border-color:#f9f4ec;
}
/*"""""""" (SUB) Hover State""""""""*/
#qm0 div a:hover
{
text-decoration:underline;
}
/*"""""""" (SUB) Hover State - (duplicated for pure CSS)""""""""*/
#qm0 ul li:hover>a
{
text-decoration:underline;
}
/*"""""""" (SUB) Parent Hover State""""""""*/
#qm0 div .qmparent:hover
{
background-color:transparent;
}
/*"""""""" (SUB) Active State""""""""*/
body #qm0 div .qmactive, body #qm0 div .qmactive:hover
{
background-color:#f9f4ec;
text-decoration:none;
border-style:solid;
border-color:#858585;
}
/*"""""""" Individual Titles""""""""*/
#qm0 .qmtitle
{
cursor:default;
padding:3px 0px 3px 4px;
color:#;
font-family:arial;
font-size:11px;
font-weight:bold;
}
/*"""""""" Individual Horizontal Dividers""""""""*/
#qm0 .qmdividerx
{
border-top-width:0px;
margin:4px 0px;
border-color:#bfbfbf;
}
/*"""""""" Individual Vertical Dividers""""""""*/
#qm0 .qmdividery
{
border-left-width:0px;
height:15px;
margin:4px 2px 0px;
border-color:#bfbfbf;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 li:hover > a.qmparent
{
background-color:#f9f4ec;
background-image:url();
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 ul li:hover > a.qmparent
{
background-color:#;
background-image:url();
text-decoration:underline;
border-color:#;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 ul
{
margin:0px 0px 0px -1px;
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 ul .qmparent
{
background-image:url();
}
/*"""""""" Custom Rule""""""""*/
ul#qm0 .qmparent
{
background-repeat:no-repeat;
background-position:95% 50%;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
font-weight: bold;
color: #9E042D;
list-style-image: url(../../zutaten/icon.gif);
list-style-type: disc;
list-style-position: inside;
}
</style>