Voor een klant heb ik een wordpress website met een dropdown menu gemaakt. Nu werkt hij bij mij in alle browsers prima alleen bij de klant helaas niet. De klant werkt met IE (nieuwste) en windows 7, een andere PC daar werkt ook met W7 en ook IE en daar werkt hij wel prima op.
Iemand enig idee waar het aan kan liggen? Mocht je willen kijken stuur ik je graag de url even via PM. Als je je muis 30 px links houdt werkt het menu wel!
De code:
.topmenu {
background-image: url(images/menukopie.png);
clear:both;
margin:0 auto;
width: 978px;
}
.topmenu a {
border-left:0px solid #333;
color:#fff;
display:block;
font-size:12px;
height:44px;
line-height:44px;
margin:0;
padding-top: 3px;
padding-left: 17px;
padding-right: 17px;
position:relative;
text-decoration:none;
color: #010000;
text-decoration: none;
font-size: 18px;
border-right:1px solid #C0D1E0;
}
.topmenu a:hover {
background-image: url(images/menuhover.jpg);
background-repeat: repeat-x;
color:#fff;
}
.topmenu li.home a:hover{
background-image: url(images/homehover.png);
background-position: left;
background-repeat:no-repeat;
float: left;
border-top: 0px;
}
.topmenu li.contact {
float: left;
width: 98px;
}
.topmenu li.contact a{
border-right: 0px;
}
.topmenu li.contact a:hover{
background-image: url(images/bgcontact.png);
background-position: right;
background-repeat:no-repeat;
border-right: 0px;
}
.topmenu, .topmenu ul {
display:block;
list-style-type:none;
margin:0;
padding:0;
width: 978px;
}
.topmenu li {
border:0;
display:block;
float:left;
margin:0;
padding:0;
position:relative;
z-index:5;
}
.topmenu li:hover {
white-space:normal;
z-index:10000;
}
.topmenu li li {
float:none;
}
.topmenu li:hover>ul {
top:100%;
visibility:visible;
}
.topmenu li li:hover>ul {
left:100%;
top:0;
}
.topmenu:after, .topmenu ul:after {
clear:both;
content:".";
display:block;
height:0;
overflow:hidden;
visibility:hidden;
}
.topmenu, .topmenu ul {
min-height:0;
}
.topmenu ul {
left:0;
position:absolute;
top:0;
visibility:hidden;
z-index:10;
margin:-10px 0 0 -30px;
padding:10px 30px 30px;
width:14em;
}
.topmenu ul ul {
margin:-30px 0 0 -10px;
padding:30px 30px 30px 10px;
}
.topmenu ul li a:hover, .topmenu li li a:hover {
color:#484848;
text-decoration:none;
}
.topmenu .current_page_item a {
background:#5c9043;
color:#fff;
}
.topmenu li li {
background:#68a14c;
border-bottom:0px solid #777;
color:#fff;
width:auto;
}
.topmenu li li a {
border:none;
color:#fff;
font-size:12px;
font-weight:400;
height:auto;
line-height:20px;
min-height:28px;
padding:8px 10px 0 10px;
}
.topmenu li li a:hover {
background:#477e2c;
border:none;
color:#fff;
}
.topmenu ul>li + li {
border-top:0;
}
.topmenu li li:hover>ul {
left:100%;
top:0;
}
.topmenu>li:first-child>a {
border-left:none;
}
.topmenu>li:first-child>a, .topmenu li + li + li li:first-child>a {
}
|
|
Alvast enorm bedankt voor het kijken! Ik weet het helaas even niet meer, fout krijg ik hier nergens boven water omdat alles werkt.