GiZ
Gebruiker
- Lid geworden
- 4 okt 2005
- Berichten
- 44
beste mensen,
ik heb sinds kort de layout van mn website veranderd en hierbij ook een nieuw menu genomen. Nu werkt deze in Internet Explorer prima, maar zodra ik naar eenzelfde pagina ga maar dan in firefox, dan kan ik op de een of andere manier geen links aanklikken als die bovenin de pagina zitten, het lijkt dan net of mn menu uitgeklapt is terwijl dat niet zo is.
nu is mijn vraag dus of iemand een oplossing weet dat ik ook in firefox gewoon op de links kan klikken zonder problemen. ik wil mijn site namelijk als portfolio gaan gebruiken voor als ik dalijk weer een stageplaats nodig heb voor school en aangezien de meeste bedrijven een mac met firefox hebben staat het dan wel een beetje stom als ze niet op de linkjes kunnen klikken.
Zie mijn website filmpie.tk wat ik precies bedoel (als je firefox gebruikt tenminste
)
Dit is de javascript code van mn menu:
Vriendelijke groeten,
~ Tjappie078
ik heb sinds kort de layout van mn website veranderd en hierbij ook een nieuw menu genomen. Nu werkt deze in Internet Explorer prima, maar zodra ik naar eenzelfde pagina ga maar dan in firefox, dan kan ik op de een of andere manier geen links aanklikken als die bovenin de pagina zitten, het lijkt dan net of mn menu uitgeklapt is terwijl dat niet zo is.
nu is mijn vraag dus of iemand een oplossing weet dat ik ook in firefox gewoon op de links kan klikken zonder problemen. ik wil mijn site namelijk als portfolio gaan gebruiken voor als ik dalijk weer een stageplaats nodig heb voor school en aangezien de meeste bedrijven een mac met firefox hebben staat het dan wel een beetje stom als ze niet op de linkjes kunnen klikken.
Zie mijn website filmpie.tk wat ik precies bedoel (als je firefox gebruikt tenminste
)Dit is de javascript code van mn menu:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<style type="text/css">
body {
margin: 0;
font-size:12px;
color: #000000;
font-family:Arial, Helvetica, sans-serif;
}
#sliderWrap {
margin: 0 auto;
width: 300px;
}
#slider {
position: absolute;
background-image:url(slider.png);
background-repeat:no-repeat;
background-position: top;
width: 300px;
height: 159px;
margin-top: -141px;
}
#slider img {
border: 0;
}
#sliderContent {
margin: 12px 0 0 25px;
position: absolute;
text-align:left;
color:#333333;
font-weight:bold;
padding: 10px;
}
#openCloseWrap {
position:absolute;
margin: 143px 0 0 120px;
font-size:12px;
font-weight:bold;
}
</style>
</head>
<body>
<script type="text/javascript">
$(document).ready(function() {
$(".topMenuAction").click( function() {
if ($("#openCloseIdentifier").is(":hidden")) {
$("#slider").animate({
marginTop: "-141px"
}, 100 );
$("#topMenuImage").html('<img src="open.png" alt="open" />');
$("#openCloseIdentifier").show();
} else {
$("#slider").animate({
marginTop: "0px"
}, 500 );
$("#topMenuImage").html('<img src="close.png" alt="close" />');
$("#openCloseIdentifier").hide();
}
});
});
</script>
<div id="sliderWrap">
<div id="openCloseIdentifier"></div>
<div id="slider">
<div id="sliderContent">
<font color="#C0C0C0" face="Verdana"><B><a href="nieuw.html" class="style1" align="left">Nieuw</a></B></font><br>
<font color="#C0C0C0" face="Verdana"><B><a href="database.html" class="style1" align="left">Database</a></B></font><br>
<font color="#C0C0C0" face="Verdana"><B><a href="downloads.html" class="style1" align="left">Downloads</a></B></font><br>
<font color="#C0C0C0" face="Verdana"><B><a href="tutorials.html" class="style1" align="left">Tutorials</a></B></font><br>
<font color="#C0C0C0" face="Verdana"><B><a href="gastenboek.html" class="style1" align="left">Gastenboek</a></B></font><br>
<font color="#C0C0C0" face="Verdana"><B><a href="forum.html" class="style1" align="left">Forum</a></B></font><br>
</div>
<div id="openCloseWrap">
<a href="#" class="topMenuAction" id="topMenuImage">
<img src="open.png" alt="open" />
</a>
</div>
</div>
</div>
<div id="header">
<p></p>
<a href="#" class="topMenuAction"></a>
</div>
</body>
</html>Vriendelijke groeten,
~ Tjappie078
