Suche im Forum:
Suchen


Autor Nachricht
Beitrag14.03.2007 um 12:31 (UTC)    
Titel: Navigation oben wie bei http://stuntvideos.de.tl/

Hi,

wie in der Überschrift gesagt, wie lautet der Code womit man die Navi, oben hinkriegt? MFG Raptor
Beitrag14.03.2007 um 15:09 (UTC)    
Titel:

du meinst ein coolmenu

schau mal hier http://www.javarea.de/index.php3?opencat=Javascript&subcat=Navigation&id=132#

da gibt es coolmenü vorlagen.

coolmeüs werden grundsätlich mit javasrpt gemacht.
______________
www.djcoxx.de.vu
Beitrag14.03.2007 um 15:56 (UTC)    
Titel:

das ist das falsche.hier das richtige:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title>Foldoutmenue Horizontal</title>

<style type="text/css" media="screen">
<!--
body
{
   font-family: Verdana, sans-serif;
   font-size: 14px;
   overflow: auto;
   padding: 10px;
   margin: 0px;
}

ul, li
{
   list-style-type: none;
   padding: 0px;
   margin: 0px;
}

.menu
{
   position: absolute;
   z-index: 3;
   top: 10px;
}

.menu li
{
   width: 140px;
   float: left;
}

.menu a
{
   border: 1px solid #888;
   background-color: #fff;
   text-decoration: none;
   text-align: center;
   font-weight: bold;
   cursor: default;
   margin: 0px 2px;
   display: block;
   height: 20px;
   color: #000;
}

.menu a:hover
{
   background-color: #ccc;
}

#smenu1, #smenu2, #smenu3, #smenu4
{
   font-size: 12px;
   display: none;
   width: 140px;
   float: left;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
   font-weight: normal;
   padding-top: 2px;
   border-top: 0px;
   cursor: pointer;
}
//-->
</style>

<script type="text/javascript">
<!--
function montre(id)
{
   with (document)
   {
      if (getElementById)
         getElementById(id).style.display = 'block';
      else if (all)
         all[id].style.display = 'block';
      else
         layers[id].display = 'block';
   }
}

function cache(id)
{
   with (document)
   {
      if (getElementById)
         getElementById(id).style.display = 'none';
      else if (all)
         all[id].style.display = 'none';
      else
         layers[id].display = 'none';
   }
}
//-->
</script>

</head>
<body>

<div class="menu">
  <ul>
    <li><a href="javascript:void(0);" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">Menu 1</a>
      <ul id="smenu1" onmouseover="montre('smenu1');" onmouseout="cache('smenu1');">
        <li><a href="">Subkategorie 1.1</a></li>
        <li><a href="">Subkategorie 1.2</a></li>
        <li><a href="">Subkategorie 1.3</a></li>
      </ul>
    </li>

    <li><a href="javascript:void(0);" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">Menu 2</a>
      <ul id="smenu2" onmouseover="montre('smenu2');" onmouseout="cache('smenu2');">
        <li><a href="">Subkategorie 2.1</a></li>
        <li><a href="">Subkategorie 2.2</a></li>
      </ul>
    </li>

    <li><a href="javascript:void(0);" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">Menu 3</a>
      <ul id="smenu3" onmouseover="montre('smenu3');" onmouseout="cache('smenu3');">
        <li><a href="">Subkategorie 3.1</a></li>
        <li><a href="">Subkategorie 3.2</a></li>
        <li><a href="">Subkategorie 3.3</a></li>
        <li><a href="">Subkategorie 3.4</a></li>
        <li><a href="">Subkategorie 3.5</a></li>
      </ul>
    </li>

    <li><a href="javascript:void(0);" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">Menu 4</a>
      <ul id="smenu4" onmouseover="montre('smenu4');" onmouseout="cache('smenu4');">
        <li><a href="">Subkategorie 4.1</a></li>
        <li><a href="">Subkategorie 4.2</a></li>
        <li><a href="">Subkategorie 4.3</a></li>
      </ul>
    </li>
  </ul>
</div>

</body>
</html>
Wink
Beitrag14.03.2007 um 16:28 (UTC)    
Titel:

jepp das hab ich jetzt auch.
______________
www.djcoxx.de.vu
Beitrag14.03.2007 um 17:11 (UTC)    
Titel:

Joa thx, aber ne Frage.
Wo kann ich jetzt da links einfügen + unterhalb des headers in der mitte positionieren?^^ MFG Raptor
Beitrag14.03.2007 um 17:15 (UTC)    
Titel:

narutocentral hat Folgendes geschrieben:
Joa thx, aber ne Frage.
Wo kann ich jetzt da links einfügen + unterhalb des headers in der mitte positionieren?^^ MFG Raptor


Zitat:
position: absolute;
z-index: 3;
top: 10px;


die roten zahlen sind die höhenangabe
______________
www.djcoxx.de.vu
Beitrag15.03.2007 um 14:35 (UTC)    
Titel:

Zitat:
position: absolute;
z-index: 3;
top: 10px;


die roten zahlen sind die höhenangabe

darunter ist noch die breite(ist hier nicht markiert)


Zuletzt bearbeitet von stuntvideos am 15.03.2007, 15:36, insgesamt einmal bearbeitet
Beitrag16.03.2007 um 17:57 (UTC)    
Titel:

Danke für deine Hilfe StuntVideos ! Aber das Problem hat sich schon mittler Weile gelöst. Trotzdem vielen Dank für dein Feedback!

MFG Jimmy
Beiträge der letzten Zeit anzeigen:   


Powered by phpBB © 2001, 2005 phpBB Group
Deutsche Übersetzung von phpBB.de