Hallo zusammen,
ich hoffe, ich finde hier Hilfe, denn langsam weiß ich nicht weiter ... :sad:
Ich nutze das PixoPoint Plugin und habe die CSS-Dateien angepasst. Die Darstellung im Firefox-, Safari- und Opera-Browser passt auch. Nur der Internet-Explorer spinnt natürlich. Und ich weiß nicht, wo ich was ändern muß, damit auch da die Darstellung richtig ist.
Die Seite um die es geht, liegt hier: http://www.holzbau-solar.de/test
und hier sind die CSS-Codes:
Pixo Point Menu Plugin - Einstellungen - Advanced:
Code
/* Style Sheet */
#suckerfishnav {
font-size: 14px;
font-family: verdana,sans-serif;
font-weight: normal;
background: #7a2524;
}
#suckerfishnav, #suckerfishnav ul {
float: left;
list-style: none;
height: 30px;
padding: 0;
margin: 0px 0 1px 0;
border: 0px solid #aaa;
width: 100%;
}
#suckerfishnav a {
display: block;
color: #fffbcc;
padding: 0px 10px;
text-decoration: none;
}
#suckerfishnav li {
float: left;
padding: 0px;
}
#suckerfishnav li ul {
position: absolute;
left: -999em;
height: auto;
width: 150px;
font-weight: normal;
margin: 0;
line-height: 1;
-moz-opacity: 0.85;
opacity: 0.85;
khtml-opacity: 0.85;
}
#suckerfishnav li li {
padding-right: 1px;
width: 150px;
border-bottom: 1px solid #333;
font-size: 12px;
color: #7a2524;
}
#suckerfishnav li li a {
padding: 4px 10px;
}
#suckerfishnav li ul li {
font-weight: normal;
font-family: verdana, sans-serif;
}
#suckerfishnav li ul li a {
font-size: 12px;
color: #7a2524;
}
#suckerfishnav li:hover li a, #suckerfishnav li li:hover li a, #suckerfishnav li li li:hover li a, #suckerfishnav li li li li:hover li a {
color: #fffbcc;
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li:hover ul ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul, #suckerfishnav li.sfhover ul ul ul ul {
left :-999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul, #suckerfishnav li li li li.sfhover ul {
left: auto;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
}Navigation in style.css:
Code
#pixopoint_menu1_wrapper {
margin: 0px;
}
#pixopoint_menu1 {
margin: 0px;
padding: 0px;
}
.sf-menu {
margin: 3px;
}
#menu-v {
text-align: left;
padding: 0px;
height: 30px;
line-height: 30px;
background: #7a2524;
width: 960px;
margin: 0px auto;
border: #666 3px double;
}
.menu-v ul {
list-style: none;
padding: 0px;
margin: 0px auto;
}
.menu-v li {
float: left;
list-style: none;
}
.menu-v a{
padding: 0px 0px;
text-decoration: none;
color: #fffbcc;
background: #7a2524;
border-right: 1px dotted #fffbcc;
border-left: 1px dotted #fffbcc;
margin: 0px;
}
.menu-v a:hover,
.menu-v a:active,
.menu-v li.current_page_item a:link,
.menu-v li.current_page_item a:visited,
.menu-v li.current_page_item a:hover,
.menu-v li.current_page_item a:active {
background: #7A2524;
color: #fffbcc;
text-decoration: none;
}
.menu-v li.page_item {
margin-top: 5px;
}
/* Dropdown Menues */
.menu-v li ul {
position: absolute;
left: -999em;
margin: 0px;
padding: 0px;
height: auto;
width: 170px;
line-height: 30px;
}
.menu-v li li {
width: 170px;
background: #fffbcc;
}
.menu-v li li a,
.menu-v li li a:visited {
margin: -5px 0 0 0;
padding: 0px 10px;
font-weight: normal;
font-size: .9em;
color: #fffbcc;
background: #333;
}
.menu-v li li a:hover,
.menu-v li li a:active {
background: #333;
}
.menu-v li:hover ul,
.menu-v li li:hover ul,
.menu-v li li li:hover ul,
.menu-v li.sfhover ul,
.menu-v li li.sfhover ul,
.menu-v li li li.sfhover ul {
left: auto;
}