28172 sujets

CSS et mise en forme, CSS3

[RESOLU] <li> Lien ne fonctionne pas

Voilà, problème bidon que je n'arrive pas à résoudre, les liens de mon menu ne fonctionne pas ...

http://imp3rium.free.fr/test/

Voici tous mes codes :

HTML :

<title>Imp3RiuM &#9650; Benjamin Lacaille - Website &amp;#9650; SINCE MCMLXXXIX.</title>

<style type="text/css">
<!--


body{
	background-image: url(img/border/background.png);
	background-position:center;
	background-repeat:repeat-y;
	margin:0;
	}
	
	-->
</style>

<link href="css/style.css" rel="stylesheet" media="screen" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen">
<script type="text/javascript" src="js/jquery-1.2.3.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.min.js"></script>
<script type="text/javascript" src="js/jquery.mainmenuslide.js"></script>
<script type="text/javascript">
        $(function() {
            $("ul").mainmenuslide({
                fx: "backout",
                speed: 800,
                click: function(event, menuItem) {
                    return false;
                }
            });
        });
</script>
</head>

<body>

<div id="header">
	<div class="header">
    <div class="header_navigation">
    	<ul class="mainmenuslide">
        	<li><a href="#" alt"">HOME</a></li>
            <li><a href="http://imp3rium.tumblr.com/" target="_blank" alt="MothaFucka"><img src="img/tumblr.png" width="77" height="18" border="0"/></a></li>
            <li><a href="http://imp3rium.free.fr/cult.html">CULT</a></li>
            <li><a href="mailto:x._imp3rium_.x@hotmail.fr">CONTACT</a></li>
        </ul>
    </div>
    </div><!-- end header_navigation-->
</div><!-- end header -->
<p align="center">dvvfgvfvfv</p>

</body>
</html>


CSS :

style.css
/**** Links ***/
a{ text-decoration: none;color:#FFF;}
a:link{ text-decoration:none;}
a:visited{ text-decoration:none;}
/**** Header ***/
#header{
	width:1000px;
	height:108px;
	margin:auto;
	}
.header{
	background: url(../img/border/background_header.png) no-repeat;
	margin:auto;
	height:200px;
	position:fixed;
	width:1000px;
	}
.header_navigation{
	float:right;
	width:550px;
	height:24px;
	margin:16px 0px 0px 240px;
	position:fixed;
	}
/**** content ***/
#content{
	width:940px;
	margin:auto;
	border-left:1px solid gray; border-bottom:1px solid gray ; border-right:1px solid gray ;		
	padding: 30px;
	min-height:500px;
	}
/**** Footer ***/
#footer{
	width:1000px;
	margin:auto;
	}


main.css
.mainmenuslide {
	height: 29px; width:550px;
    background: url("../img/border/background_main.png") no-repeat top; position: relative;
    padding: 15px 0 15px 0; margin: 0 -10px 0;
    }
.mainmenuslide li {
	padding: 16px 0 11px 25px; margin: -18px 0 0 9px;
	float: left; list-style: none;
	}
.mainmenuslide li.back {
	background: url("../img/border/hover_main.png") no-repeat right -52px;
	width: 9px; height: 30px; padding: 0px 0 22px 0;
    z-index: 1;	margin: -12px 0 0 8px; position: absolute;
	}
.mainmenuslide li.back .left {
	background: url("../img/border/hover_main.png") no-repeat top left ;
	padding: 0px 0 22px 0; height: 30px; margin-right: 24px; 
	}
.mainmenuslide li a {
	font: bold 14px arial;
    top: 7px; z-index: 2; float: left;
    height: 30px; position: relative;
    margin: auto 10px; outline: none;    
    }


Merci d'avance ! Smiley cligne
Modifié par Imp3RiuM (09 Oct 2010 - 09:36)
Salut,
essaye en remplacant "false" par "true" dans le script du menu. Ca devrait marcher.



<script type="text/javascript">
        $(function() {
            $("ul").mainmenuslide({
                fx: "backout",
                speed: 800,
                click: function(event, menuItem) {
                    return true;
                }
            });
        });
</script>
Sujet clos
Aller à