HomepageHelfer.org

So, nun habe ich das Design drin nur habe ich jetzt ein Problem. Das Drop Down Menü geht nicht. Die Leiste wird angezeigt alles ok aber wenn ich jetzt über meinen ersten Menü-Punkt gehe (Bartagamen) dann klappt es nicht nach unten und somit erscheint auch kein Menü zum klicken. Der Code ist das was im HMTL drin ist (Testseite ist Impressum http://bartagamen-net.npage.de/impressum.html):

Code: Alles auswählen

<td style="background-color: #ffffff" id="navigation">
<div style="width:100%;">
<div id="myjquerymenu" class="jquerycssmenu">
  <ul>

<li><a target="_top" href="http://bartagamen-on-tour.de.to">Home</a></li>


<li><a target="_top" href="http://bartagamen-on-tour.de.to/steckbrief.html">Bartagamen</a>
 <ul>
  <li><a target="_top" href="http://bartagamen-on-tour.de.to/pogona-arten.html">Pogona Arten</a></li>
  <li><a target="_top" href="energie2.html">Energie</a></li>
  <li><a target="_top" href="klimawandel.html">Klimawandel</a></li>
  <li><a target="_top" href="landwirtschaft.html">Landwirtschaft</a></li>
  <li><a target="_top" href="meer.html">Meer</a></li>
  <li><a target="_top" href="nachhaltigkeit.html">Nachhaltigkeit</a></li>
  <li><a target="_top" href="wald.html">Wald</a></li>
 </ul>
</li>
  
<li><a target="_top" href="http://www.unser-planet-erde.de/oeko-ratgeber2.html">&Ouml;ko-Ratgeber</a>
 <ul>
  <li><a target="_top" href="http://www.unser-planet-erde.de/oeko-tipps.html">&Ouml;ko-Tipps</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/oeko-siegel.html">&Ouml;ko-Siegel</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/rezepte.html">&Ouml;ko-Rezepte</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/produkttests.html">Produkttests</a></li>
 </ul>
</li>

<li><a href="http://unser-planet-erde.de/mediathek.html">Mediathek</a>
 <ul>
  <li><a target="_top" href="mediathek.html#bilder">Bildergalerien</a></li>
  <li><a target="_top" href="mediathek.html#videos">Videos</a></li>
 </ul>
</li>

    <li><a target="_top" href="#">Natur erleben</a>
 <ul>
  <li><a target="_top" href="http://www.unser-planet-erde.de/artenlexikon_77062549.html">Artenlexikon A-Z</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/vegetationszonen_29554562.html">Vegetationszonen</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/regenwald2.html">Der Regenwald</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/naturfoto-des-monats.html">Foto des Monats</a></li>
 </ul>
</li>

<li><a target="_top" href="http://www.unser-planet-erde.de/spenden_&_helfen_5862397.html">Unterstützen</a>
 <ul>
  <li><a target="_top" href="http://unser-planet-erde.de/spenden_90850307.html">Spenden</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/technische-unterstuetzung_30883571.html">Mitmachen</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/banner_schalten_71604381.html">Banner schalten</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/klicken-regenwald-schuetzen_8926614.html">Klicken & Helfen</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/weiter-erzaehlen_93479212.html">Weiter erzählen</a></li>
 </ul>
</li>


<li><a href="http://www.unser-planet-erde.de/ueber-uns.html">&Uuml;ber uns</a>
 <ul>
  <li><a target="_top" href="http://www.unser-planet-erde.de/1partner_39726226.html">Partner</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/kontakt.html">Kontakt</a></li>
  <li><a target="_top" href="http://www.unser-planet-erde.de/guestbook.html">Gästebuch</a></li>
  <li><a target="_top" href="http://unser-planet-erde.de/impressum_40492535.html">Impressum</a></li>
 </ul>
</li>

</ul>
</li>

</ul>
<br style="clear: left" />
</div></div>
</td>
</tr>

Das ist schwer zu sagen von hier bei dem durcheinnander da ist wohl alles einwenig durcheinnander gerutscht!
Du hast etwa 4-5 CSS Dateien verlinkt! hochgeladen auf verschiedene Server!?!
so nun in einer davon wo dieses menu dazugehört: <div id="myjquerymenu" class="jquerycssmenu"> ist die klasse jquerycssmenu vorhanden, aber die dazuhgehörende id myjquerymenu finde ich darüber nicht, ....und auf sonnst auf keiner der CSS oder js Dateien

hallo Steffi ...hier ist auch eine super Möglichkeit sich so eine leiste zu erstellen ... ohne JS läuft sie !
http://www.cssportal.com/css3-menu-generator/

Hinweis ..wenn Du die Buttons nur viereckig haben möchtest da stelle überall das Radius auf null !

hatte allerdings auch gleich testetet und kann dann so aussehen
http://blicke-test-hp.npage.de/style-test-2.html
.. die Gestaltung Fantasie ist grenzenlos so wie auch man kann sie reichlich erweitern !

Haha moni super super klasse. Bin grad echt begeistert und nun bekommt meine Hp mindestens jede Woche ein neues Menü. Danke danke!!!!

So ich habe mir jetzt eine ganz tolle erstellt, dann die css Datei gespeichert, hochgeladen und den HTML Code ins Design eingebaut, dann noch die css geändert ABER es klappt nicht.

Header:

Code: Alles auswählen

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="norton-safeweb-site-verification" content="2-tq0iqmauewcnj-q3ip9kv1yrkuz87glj3liicb5dq2nt563f3moqq3041so443i946lpr1b3q73hpycv2igwgpthckv9tf1h2kkuif1--3pwr5hl4vaq9krzv-h0ve"  />
<meta name="google-site-verification" content="UAeBlhfclvtdo497OKZPBkN1iYdEOWLa_nqLQS0ZRUA" />
<style><!--  a{text-decoration:none} //--></style>
<style><!-- a:hover{text-decoration:underline;} --></style>  
<link rel="stylesheet" type="text/css" href="http://file2.npage.de/011946/71/html/upe-style.css"/>
<script type="text/javascript" src="http://file2.npage.de/011946/71/html/jquery-1.7.2.js"></script>
<script type="text/javascript" src="http://file2.npage.de/011946/71/html/jquerycssmenu.js"></script>
<link rel="stylesheet" href="http://file2.npage.de/011946/71/html/nslider.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://file1.npage.de/006308/09/html/slimbox2.js"></script>
<link rel="stylesheet" href="http://file1.npage.de/006308/09/html/slimbox2.css" type="text/css" media="screen" />
<script type="text/javascript" src="http://file2.npage.de/011946/71/html/jquery-barousel.js"></script>   
<script type="text/javascript" src="http://file2.npage.de/011946/71/html/jquery.nivo.slider.pack.js"></script>
<script type="text/javascript">  
  $(document).ready(function () {   
  //BAROUSEL - ITEM NAVIGATION  
  $('#barousel_itemnav').barousel({     
  manualCarousel: 0           
  });         
  $('#slider').nivoSlider();
  });  
</script>
  
  <link rel="stylesheet" href="http://file2.npage.de/011946/71/html/jquery-barousel.css" type="text/css" media="screen" />
  
 
<meta name="keywords" content="bartagamen, futtertiere, terrarium, rueckwand, pogona, agame, reptilien, tierschutz, tierarzt, kleinanzeigen">
  <meta name="description" content="Informationen rund um Bartagamen, Terrarien, Haltung und Pflege mit vielen Extras">
  </head>
<body bgcolor="#D2CBB6">
<table border="0" cellspacing="0" cellpadding="0" align="center" width="970" height="25" >
<tbody>
  <tr>
  <td id="headertop">
<p style="text-align: left"><span style="font-size: 14px"><span style= "font-family: Trebuchet MS">
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<script type='text/javascript'>
<!--
var Datum = new Date();
var Tag = Datum.getDate();
var Monat = Datum.getMonth() + 1;
var Jahr = Datum.getFullYear();
var Stunden = Datum.getHours();
var Minuten = Datum.getMinutes();

if (Minuten <10)
{
  Minuten= "0" + String(Minuten); // 0 einfuegen, wenn Minuten <10
}
document.write("Heute ist der "  + Tag + "." + Monat + "." + Jahr + " - " + Stunden + ":" + Minuten + " Uhr");
//-->
  </script></span></span></p>   
  </td>
  <td id="InfoKMC">
  <a href="http://bartagamen-on-tour.de.to/guestbook.html">Gästebuch</a>
  <a href="/kontakt.html">Kontakt</a>
  <a href="http://bartagamen-on-tour.de.to/impressum.html">Impressum</a>
  </td>
    <td id="headertop">
      <a target="_blank" href="http://www.facebook.com/pages/Bartagamen-on-Tour/357208097698696" class="klasse1"><span>.</span></a>
      <a target="_blank" href="https://plus.google.com/108210994179650101011#108210994179650101011/posts" class="klasse2"><span>.</span></a>
      <a target="_blank" href="http://twitter.com/planeterde11" class="klasse3"><span>.</span></a>
</td>
</tr>
</tbody>
  </table>
<table style="background-image: url(http://file2.npage.de/011946/71/bilder/106photo26.jpg); height: 160px;" align="center" border="0" cellpadding="0" cellspacing="0" width="970" >
  <tr><td id="header">
  </td></tr>   
  </table>
   
<tr>
<td style="background-color: #ffffff" id="navigation">
<div style="width:100%;">

<ul id="http://file2.npage.de/011946/71/html/menu-bar.css">  
<li class="current"><a href="#">Home</a></li>  
<li><a href="#">Products</a>   
<ul>    
<li><a href="#">Products Sub Menu 1</a></li>    
<li><a href="#">Products Sub Menu 2</a></li>    
<li><a href="#">Products Sub Menu 3</a></li>    
<li><a href="#">Products Sub Menu 4</a></li>   
</ul>  
</li>  
<li><a href="#">Services</a>   
<ul>    
<li><a href="#">Services Sub Menu 1</a></li>    
<li><a href="#">Services Sub Menu 2</a></li>    
<li><a href="#">Services Sub Menu 3</a></li>    
<li><a href="#">Services Sub Menu 4</a></li>   
</ul>  
</li>  
<li><a href="#">About</a></li>  
<li><a href="#">Contact Us</a></li> 
</ul>  
 
<table width="970" cellspacing="0" cellpadding="0" border="0" align="center">

<br style="clear: left" />
</div></div>
</td>
</tr>
</tbody>
</table>
  
<table width="970" cellspacing="0" cellpadding="0" border="0" align="center">
<tbody>
<tr>
<td style="background-color: #ffffff">
<table width="620" height="500" cellspacing="0" cellpadding="0" border="0" align="left">
<tbody>
<tr>
<td style="background-color: #ffffff" valign="top" id="content">

Hallo Stefi...
das kann auch nicht laufen weil du die leiste falsch eingebaut hast ....du hast so was gemacht
<ul id="http://file2.npage.de/011946/71/html/menu-bar.css">
man muss die CSS Datei extra einfügen und zwar in den header Bereich ..CSS auslagern !!

<link href="http://file2.npage.de/011946/71/html/menu-bar.css" type="text/css" rel="stylesheet" />

hier ist deine Leiste richtig eingebaut !

Code: Alles auswählen

           <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="norton-safeweb-site-verification" content="2-tq0iqmauewcnj-q3ip9kv1yrkuz87glj3liicb5dq2nt563f3moqq3041so443i946lpr1b3q73hpycv2igwgpthckv9tf1h2kkuif1--3pwr5hl4vaq9krzv-h0ve"  />
    <meta name="google-site-verification" content="UAeBlhfclvtdo497OKZPBkN1iYdEOWLa_nqLQS0ZRUA" />
    <style><!--  a{text-decoration:none} //--></style>
    <style><!-- a:hover{text-decoration:underline;} --></style>
    <link rel="stylesheet" type="text/css" href="http://file2.npage.de/011946/71/html/upe-style.css"/>
    <script type="text/javascript" src="http://file2.npage.de/011946/71/html/jquery-1.7.2.js"></script>
    <script type="text/javascript" src="http://file2.npage.de/011946/71/html/jquerycssmenu.js"></script>
    <link rel="stylesheet" href="http://file2.npage.de/011946/71/html/nslider.css" type="text/css" media="screen" />
    <script type="text/javascript" src="http://file1.npage.de/006308/09/html/slimbox2.js"></script>
    <link rel="stylesheet" href="http://file1.npage.de/006308/09/html/slimbox2.css" type="text/css" media="screen" />
    <script type="text/javascript" src="http://file2.npage.de/011946/71/html/jquery-barousel.js"></script>
    <script type="text/javascript" src="http://file2.npage.de/011946/71/html/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
      $(document).ready(function () {
      //BAROUSEL - ITEM NAVIGATION
      $('#barousel_itemnav').barousel({
      manualCarousel: 0
      });
      $('#slider').nivoSlider();
      });
    </script>

      <link rel="stylesheet" href="http://file2.npage.de/011946/71/html/jquery-barousel.css" type="text/css" media="screen" />


    <meta name="keywords" content="bartagamen, futtertiere, terrarium, rueckwand, pogona, agame, reptilien, tierschutz, tierarzt, kleinanzeigen">
      <meta name="description" content="Informationen rund um Bartagamen, Terrarien, Haltung und Pflege mit vielen Extras">
       <link href="http://file2.npage.de/011946/71/html/menu-bar.css" type="text/css" rel="stylesheet" />
      </head>
    <body bgcolor="#D2CBB6">
    <table border="0" cellspacing="0" cellpadding="0" align="center" width="970" height="25" >
    <tbody>
      <tr>
      <td id="headertop">
    <p style="text-align: left"><span style="font-size: 14px"><span style= "font-family: Trebuchet MS">
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
    <script type='text/javascript'>
    <!--
    var Datum = new Date();
    var Tag = Datum.getDate();
    var Monat = Datum.getMonth() + 1;
    var Jahr = Datum.getFullYear();
    var Stunden = Datum.getHours();
    var Minuten = Datum.getMinutes();

    if (Minuten <10)
    {
      Minuten= "0" + String(Minuten); // 0 einfuegen, wenn Minuten <10
    }
    document.write("Heute ist der "  + Tag + "." + Monat + "." + Jahr + " - " + Stunden + ":" + Minuten + " Uhr");
    //-->
      </script></span></span></p>
      </td>
      <td id="InfoKMC">
      <a href="http://bartagamen-on-tour.de.to/guestbook.html">Gästebuch</a>
      <a href="/kontakt.html">Kontakt</a>
      <a href="http://bartagamen-on-tour.de.to/impressum.html">Impressum</a>
      </td>
        <td id="headertop">
          <a target="_blank" href="http://www.facebook.com/pages/Bartagamen-on-Tour/357208097698696" class="klasse1"><span>.</span></a>
          <a target="_blank" href="https://plus.google.com/108210994179650101011#108210994179650101011/posts" class="klasse2"><span>.</span></a>
          <a target="_blank" href="http://twitter.com/planeterde11" class="klasse3"><span>.</span></a>
    </td>
    </tr>
    </tbody>
      </table>
    <table style="background-image: url(http://file2.npage.de/011946/71/bilder/106photo26.jpg); height: 160px;" align="center" border="0" cellpadding="0" cellspacing="0" width="970" >
      <tr><td id="header">
      </td></tr>
      </table>

    <tr>
    <td style="background-color: #ffffff" id="navigation">
    <div style="width:100%;">

    <ul id="menu-bar">
 <li class="current"><a href="#">Home;</a></li>
 <ul>
   <li><a href="#">Seite</a></li>
    <li><a href="#">Seite</a></li>
     <li><a href="#">Seite</a></li>
      <li><a href="#">Seite</a></li>
       <li><a href="#">Seite</a></li>
  </ul>
 </li>
 <li class="current"><a href="#">Home</a></li>
    <li><a href="#">Products</a>
    <ul>
    <li><a href="#">Products Sub Menu 1</a></li>
    <li><a href="#">Products Sub Menu 2</a></li>
    <li><a href="#">Products Sub Menu 3</a></li>
    <li><a href="#">Products Sub Menu 4</a></li>
    </ul>
    </li>
    <li><a href="#">Services</a>
    <ul>
    <li><a href="#">Services Sub Menu 1</a></li>
    <li><a href="#">Services Sub Menu 2</a></li>
    <li><a href="#">Services Sub Menu 3</a></li>
    <li><a href="#">Services Sub Menu 4</a></li>
    </ul>
    </li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact Us</a></li>
    </ul>


    <table width="970" cellspacing="0" cellpadding="0" border="0" align="center">

    <br style="clear: left" />
    </div></div>
    </td>
    </tr>
    </tbody>
    </table>

    <table width="970" cellspacing="0" cellpadding="0" border="0" align="center">
    <tbody>
    <tr>
    <td style="background-color: #ffffff">
    <table width="620" height="500" cellspacing="0" cellpadding="0" border="0" align="left">
    <tbody>
    <tr>
    <td style="background-color: #ffffff" valign="top" id="content">

die leiste läuft an meinen Editor, doch es bedarf das genauer zu positionieren !! ist zu lang !.... auch das System zeigt mir das du mehre JS Fehler drin hast

....ich blicke da nicht durch bei den so viele JS welche für was gut sein soll ...ganz bestimmt auch die js von die alte leiste ist auch noch drin

Lasse dir auch das skript nur von die leiste selbst !!!

Code: Alles auswählen

<!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" xml:lang="de" lang="de">
<head>
    <title>Leiste Horozontal-Steffi </title>
 <link href="http://file2.npage.de/011946/71/html/menu-bar.css" type="text/css" rel="stylesheet" />
</head>

<body>
  <ul id="menu-bar">
 <li class="current"><a href="#">Home;</a></li>
 <ul>
   <li><a href="#">Seite</a></li>
    <li><a href="#">Seite</a></li>
     <li><a href="#">Seite</a></li>
      <li><a href="#">Seite</a></li>
       <li><a href="#">Seite</a></li>
  </ul>
 </li>
 <li class="current"><a href="#">Home</a></li>
    <li><a href="#">Products</a>
    <ul>
    <li><a href="#">Products Sub Menu 1</a></li>
    <li><a href="#">Products Sub Menu 2</a></li>
    <li><a href="#">Products Sub Menu 3</a></li>
    <li><a href="#">Products Sub Menu 4</a></li>
    </ul>
    </li>
    <li><a href="#">Services</a>
    <ul>
    <li><a href="#">Services Sub Menu 1</a></li>
    <li><a href="#">Services Sub Menu 2</a></li>
    <li><a href="#">Services Sub Menu 3</a></li>
    <li><a href="#">Services Sub Menu 4</a></li>
    </ul>
    </li>
    <li><a href="#">About</a></li>
    <li><a href="#">Contact Us</a></li>
    </ul>

</body>
</html>

du hast sie sehr schön gemacht gefällt mir sehr gut ! [smilie=clap.gif]

Vielen lieben Dank

Ich hab sie jetzt drin, allerdings war sie bei mir zu kurz

Nun hab ich das Problem, das ich sie nicht mittig bekomme. Ich habe im css schon mit margin-left: auto und margin-right: auto versucht aber klappt nicht. Ich sag ja anpassen und ändern geht einigermaßen aber alles andere muss ich mich erst durch fuchsen. Aber man merkt schon, das man von mal zu mal immer mehr kapiert und ich muss immer an mein Anfang denken, wo alles für mich spanisch war und nun setz ich mein Freund ein HTML Text vor die Nase und sag: guck mal, verstehst was?

ist das jetzt das aktuelle was du gemacht hast Steffi ?
http://bartagamen-net.npage.de/impressum.html

ja wie es einen geht wenn es um HTML lernen geht da kenne auch auch allzu gut ...2008 habe ich zu aller ersten mal gehört das so was auch gibt

so nach und nach hat es mich gepackt ... man braucht sehr viel Geduld und einfach sich auch nicht überfordern mit zu komplizieren Sachen ...

zu deinen Skript...der ist in Tabellen Format eingepackt ... und sieht nach deinen Skript was du zu Letzt gelassen hast so aus an meine pC

deswegen frage ich was eben aktuell montiert ist

Warum sieht das denn alles so komisch aus [smilie=bluerant.gif] [smilie=cry.gif]

So ist es bei mir
http://www.abload.de/img/vollbildaufzeichnung0j0pwd.jpg

HomepageHelfer.org

Drop Down Menü geht nicht

Drop Down Menü geht nicht

Re: Drop Down Menü geht nicht

Re: Drop Down Menü geht nicht

Re: Drop Down Menü geht nicht

Re: Drop Down Menü geht nicht

Re: Drop Down Menü geht nicht

Re: Drop Down Menü geht nicht

Re: Drop Down Menü geht nicht

Re: Drop Down Menü geht nicht

Re: Drop Down Menü geht nicht