Hallo, ich habe auf meine Seite eine jQuery Navigation eingebaut. Dies funktioniert auch alles super.
Nur lassen sich die Links nicht anklicken. Habe schon ewig probiert aber nichts ändert sich. Hätte jemand eine Idee dazu?
CSS Datei
Navigation
Hat jemand Vorschläge an was das liegen kann?
Nur lassen sich die Links nicht anklicken. Habe schon ewig probiert aber nichts ändert sich. Hätte jemand eine Idee dazu?
CSS Datei
Code:
.lavaLampWithImage {
position: relative;
height: 30px;
width: 569px;
background-color: #FFCC9B;
padding: 5px;
margin: 0px 0;
overflow: hidden;
}
.lavaLampWithImage li {
float: left;
list-style: none;
}
.lavaLampWithImage li.back {
background: url("img/jquery/lava.png") no-repeat right -30px;
width: 9px; height: 30px;
z-index: 8;
position: absolute;
}
.lavaLampWithImage li.back .left {
background: url("img/jquery/lava.png") no-repeat top left;
height: 30px;
margin-right: 9px; /* 7px is the width of the rounded shape */
}
.lavaLampWithImage li a {
font: bold 11px verdana;
text-decoration: none;
color: #fff;
outline: none;
text-align: center;
top: 7px;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height: 30px;
position: relative;
overflow: hidden;
margin: auto 10px;
}
.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active, .lavaLampWithImage li a:visited {
border: none;
}
HTML:
<link rel="stylesheet" href="lavalamp_test.css" type="text/css" media="screen">
<script type="text/javascript" src="jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="jquery.easing.min.js"></script>
<script type="text/javascript" src="jquery.lavalamp.min.js"></script>
<script type="text/javascript">
$(function() {
$("#1, #2, #3").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
</script>
</head>
<ul class="lavaLampWithImage" id="1">
<li class="current"><a href="jhallo">Begrüßung</a></li>
<li><a href="daten">Meine Daten</a></li>
<li><a href="startseite">Mein Service</a></li>
<li><a href="erreichbarkeit">Erreichbarkeit</a></li>
<li><a href="kontakt">Kontakt</a></li>
</ul>
