ilch Forum » Allgemein » HTML, PHP, SQL,... » Nav menü

Geschlossen
  1. #1
    User Pic
    Sunshine Live Mitglied
    Registriert seit
    03.06.2009
    Beiträge
    1.029
    Beitragswertungen
    109 Beitragspunkte
    Hallo, ich habe jetze endlich mit hilfe von swenieboy ein Nav menü gefunden hier is der code
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
        <meta http-equiv="content-type" content="text/html;charset=utf-8" />
        <title>Generated by Pure CSS Menu.com : Free CSS Drop Down Menu Generator</title>
        <meta name="description" content="Online CSS Menu Maker. Create No-Javascript, 100% CSS Dropdown Menu in seconds! Horizontal css menu & Vertical css menu." />
    </head>
    <body bgcolor="#ffffff">
    
    
    
    <!-- Start PureCSSMenu.com STYLE -->
    <style>
    #pcm{display:none;}
    ul.pureCssMenu ul{display:none}
    ul.pureCssMenu li:hover>ul{display:block}
    ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
    ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
    ul.pureCssMenu,ul.pureCssMenu ul {
    	margin:0px;
    	list-style:none;
    	padding:0px 2px 2px 0px;
    	background-color:#fff;
    	background-repeat:repeat;
    	border-color:#808080;
    	border-width:1px;
    	border-style:solid;
    }
    ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
    	display:block;
    	zoom:1;
    	height:21px;
    	float: left;
    }
    ul.pureCssMenu ul{
    	width:137.55px;
    }
    ul.pureCssMenu li{
    	display:block;
    	margin:2px 0px 0px 2px;
    	font-size:0px;
    }
    ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
    outline-style:none;
    }
    ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
    	display:block;
    	vertical-align:middle;
    	background-color:#FFFFFF;
    	border-width:1px;
    	border-color:#fff;
    	border-style:solid;
    	text-align:center;
    	text-decoration:none;
    	padding:2px 5px 5px 10px;
    	_padding-left:0;
    	font:bold 13px Verdana;
    	color: #000;
    	text-decoration:underline;
    	cursor:default;
    }
    ul.pureCssMenu span{
    	overflow:hidden;
    }
    ul.pureCssMenu li {
    	float:left;
    }
    ul.pureCssMenu ul li {
    	float:none;
    }
    ul.pureCssMenu ul a {
    	text-align:left;
    	white-space:nowrap;
    }
    ul.pureCssMenu li.sep{
    	text-align:left;
    	padding:0px;
    	line-height:0;
    	height:100%;
    }
    ul.pureCssMenu li.sep span{
    	float:none;	padding-right:0;
    	width:3px;
    	height:100%;
    	display:inline-block;
    	background-color:#808080;	background-image:none;}
    ul.pureCssMenu ul li.sep span{
    	width:100%;
    	height:3px;
    }
    ul.pureCssMenu li:hover{
    	position:relative;
    }
    ul.pureCssMenu li:hover>a{
    	background-color:#C4393E;
    	border-color:#C4393E;
    	border-style:solid;
    	font:bold 13px Verdana;
    	color: #444;
    	text-decoration:underline;
    }
    ul.pureCssMenu li a:hover{
    	position:relative;
    	background-color:#C4393E;
    	border-color:#C4393E;
    	border-style:solid;
    	font:bold 13px Verdana;
    	color: #444;
    	text-decoration:underline;
    }
    ul.pureCssMenu li.dis a {
    	color: #557D4F !important;
    }
    ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
    height:16px;
    }
    ul.pureCssMenu ul img {width:16px;
    height:16px;
    }
    ul.pureCssMenu img.over{display:none}
    ul.pureCssMenu li.dis a:hover img.over{display:none !important}
    ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
    ul.pureCssMenu li:hover > a img.def  {display:none}
    ul.pureCssMenu li:hover > a img.over {display:inline}
    ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over{display:inline}
    ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def{display:none}
    ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul{display:block}
    ul.pureCssMenu a:hover ul ul{display:none}
    ul.pureCssMenu span{
    	display:block;
    	background-image:url(./images/arrv_white.gif);
    	background-position:right center;
    	background-repeat: no-repeat;
       padding-right:9px;}
    ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
    ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white.gif);}
    ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span{background-image:url(./images/arr_white.gif)}
    ul.pureCssMenu table a:hover table span{background-image:url(./images/arr_black.gif)}
    ul.pureCssMenu li.pureCssMenui0 {
    width:110px;
    height:23px;
    }
    ul.pureCssMenu li a.pureCssMenui0{
    height:100%;
    background-image:url(./images/btn3.jpg);
    border-width:0px;
    font:normal 11px Tahoma;
    color:#fff;
    }
    ul.pureCssMenu li a.pureCssMenui0:hover{
    background-image:url(./images/btn4.jpg);
    font:normal 11px Tahoma;
    color:#eee;
    }
     ul.pureCssMenum0 {
    background-color:transparent;
    border-width:0px;
    	padding:0px 0px 0px 0px;
    }
     ul.pureCssMenum0>li>a {
    padding:8px 10px 0px 10px;
    }
     ul.pureCssMenum0 a {
    padding:8px 10px 0px 10px;
    }
     ul.pureCssMenum0 ul a {
    padding:2px 5px 5px 10px;
    }
     ul.pureCssMenum0>li {
    margin:0px 0px 0px 0px;
    }
     ul.pureCssMenum0 li {
    margin:0px 0px 0px 0px;
    }
     ul.pureCssMenum0 li li {
    margin:2px 0px 0px 2px;
    }
    </style>
    <!-- End PureCSSMenu.com STYLE -->
    
    
    
    <!-- Start PureCSSMenu.com MENU -->
    <ul class="pureCssMenu pureCssMenum0">
    	<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Home</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php">News</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?forum">Forum</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?memblist">Mitglieder</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?gbook">Gästebuch</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?linkus">Link Us</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?links">Links</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Clan Menü</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?UnsereMember">Unsere Member</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="#"><span>Wars</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    		<ul class="pureCssMenum">
    			<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?wars">Unsere Wars</a></li>
    			<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?Wars">War Bilder</a></li>
    		</ul>
    		<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?fightus">Herrausfordern</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?lele">Uns Beitreten</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?liga">Interne Liga</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.tkg-spielplatz.de/amxbans/ban_list.php">AmxBans</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.tkg-spielplatz.de/hlstatsx/hlstats.php">Hlstatsx</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?rules">Unsere Regeln</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    	<li class="pureCssMenui0"><a class="pureCssMenui0" href="#"><span>Kontakt</span><![if gt IE 6]></a><![endif]><!--[if lte IE 6]><table><tr><td><![endif]-->
    	<ul class="pureCssMenum">
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?contact">Kontakt</a></li>
    		<li class="pureCssMenui"><a class="pureCssMenui" href="http://terrorkingsgermany.de/index.php?impressum">Impressum</a></li>
    	</ul>
    	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>
    </ul>
    <a id="pcm" href="http://www.purecssmenu.com/">CSS Drop Down Menu by PureCSSMenu.com</a>
    <!-- End PureCSSMenu.com MENU -->
    
    
    
    <!-- (c) 2009, PureCSSMenu.com -->
    
    
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    </body>
    </html>

    aber mein problem ist das es nicht angzeigt wird hier zusehn
    Ich habb das direkt unterm header eingefügt aber es will einfach nicht-.-
    externer Link

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    lordrepha Mitglied
    Registriert seit
    11.03.2006
    Beiträge
    1.362
    Beitragswertungen
    22 Beitragspunkte
    na dann schau dir halt mal an was du da für ein code produzieren willst... habe mir den jetzt auf deiner seite angesehen. sehe 2 mal doctype 2 mal head 2 mal html....

    gewöhn dir mal an javscript code und css code aus der html datei zu kapseln... so kann man ihn ganz schlecht lesen.... geschweige den verfolgen was da wo gemacht werden soll...
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten