pragmaMx Support Forum

Hallo PMX´ler

ich habe mir ein freies Navigationsmenü aus dem Internet geladen und bin gerade dabei dieses zu bearbeiten. Klappt auch schon ganz prima, nur ein Problem habe ich dabei.

Das Menü hat eine Hoverfläche die aufklappt wenn man auf einen Menüpunkt klickt und das entsprechende Untermenü anzeigt. Diese Hoverfläche würde ich gerne weg haben, sprich das das Untermenü dauerhaft zu sehen ist.

Hier mal der Link zu dem Menü: http://www.schirrmi.com/menu.html (http://www.schirrmi.com/menu.html)

und hier mal der entsprechende CSS Code, vielleicht mag da ja mal jemad drüberschauen...

<style type="text/css">

.pro_linedrop {
height:35px;
width:907px;
background:url(lrimages/black_0.gif);
position:relative;
font-family:arial, verdana, sans-serif;
font-size:11px;
z-index:500;
}

.pro_linedrop .select {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
}

.pro_linedrop li {
float:left;
background:url(lrimages/black_1.gif);
}

.pro_linedrop li.lrt {
float:right;
background:url(lrimages/blue_1.gif);
}


.pro_linedrop .select a {
display:block;
height:35px;
float:left;
background: url(lrimages/black_0.gif);
padding:0 0 0 15px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#fc0;
}


.pro_linedrop .select li.lrt a {color:#0ff;}


.pro_linedrop .select a b {
display:block;
padding:0 30px 0 15px;
background:url(lrimages/black_0.gif) right top;
}

.pro_linedrop .select li.line a b {
background:url(lrimages/black_0a.gif) right top;
}

.pro_linedrop .select a:hover,
.pro_linedrop .select li:hover a {
background: url(lrimages/black_1.gif);
padding:0 0 0 15px;
cursor:pointer;
color:#fff;
}

.pro_linedrop .select li.lrt a:hover,
.pro_linedrop .select li.lrt:hover a {
background: url(lrimages/blue_1.gif);
}

.pro_linedrop .select a:hover b,
.pro_linedrop .select li:hover a b {
display:block;
padding:0 30px 0 15px;
background:url(lrimages/black_1.gif) right top;
cursor:pointer;
}

.pro_linedrop .select li.line a:hover b,
.pro_linedrop .select li.line:hover a b {
background:url(lrimages/black_1a.gif) right top;
}

.pro_linedrop .select li.lrt a:hover b,
.pro_linedrop .select li.lrt:hover a b {
background:url(lrimages/blue_1.gif) right top;
}

.pro_linedrop .select li.lrt a:hover b.arrow,
.pro_linedrop .select li.lrt:hover a b.arrow {
background:url(lrimages/blue_1a.gif) right top;
}

.pro_linedrop .sub {
display:none;
}
.pro_linedrop ul ul {display:none;}

/* IE6 only */
.pro_linedrop table {
border-collapse:collapse;
margin:-1px;
font-size:1em;
width:0;
height:0;
}

.pro_linedrop .sub {
margin:0;
padding:0;
list-style:none;
}

.pro_linedrop .sub li {background:transparent;}

.pro_linedrop .select :hover .sub {
height:25px;
display:block;
position:absolute;
float:left;
width:905px;
top:35px;
left:0;
text-align:center;
background:#fff url(lrimages/fade.gif);
border:1px solid #aaa;
}

.pro_linedrop .select :hover .rt li {float:right;}

.pro_linedrop .select :hover .sub li a
{display:block; height:25px; line-height:22px; float:left; background:transparent url(line/transparent.gif); padding:0 16px; margin:0; white-space:nowrap; color:#333;font-size:10px;}

.pro_linedrop .select :hover .sub li.subline a {color:#c00;}

.pro_linedrop .select :hover .sub li a:hover,
.pro_linedrop .select :hover .sub li:hover
{color:#000; line-height:20px; position:relative; background:#fff url(lrimages/fade.gif) left bottom;}
</style>

Danke!