kostenloser Webspace werbefrei: lima-city

dhtml Menue

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   t*s

   9:23, 22.5.2008

   Ich wollte auf meiner Homepage dieses Menue machen doch wenn ich ein 4 Menue Einfuege kommt es unter den drei.
   dhtml-Code:
   <style type=\"text/css\">
   .bereich{
   display: block;
   color: #FFFFFF;
   background-color: #000000;
   text-align: center;
   }
   
   a.link{
   display: block;
   color: #FFD700;
   font-family: Verdana, Arial;
   font-size: 13px;
   text-decoration: None;
   border-bottom: solid 1px #FFFFFF;
   }
   
   a.link.bereich{
   display: block;
   background-color: #000000;
   width: 100px;
   height: 25px;
   
   }
   
   a.link:hover{
   display: block;
   color: #000000;
   background-color: #FFD700;
   }
   </style>
   
   <script type=\'text/javascript\'>
   function anzeigen(das){
   if(document.getElementById(das).style.display==\'none\')
   document.getElementById(das).style.display=\'block\';
   else document.getElementById(das).style.display=\'none\';}
   </script>
   
   <table cellPadding=0 cellSpacing=0 style=\"position: absolute; top: 10px; left: 150px;\">
   <tr>
   <td valign=top>
   <div class=\"bereich\" onMouseover=\"anzeigen(\'menue#1\')\" onMouseout=\"anzeigen(\'menue#1\')\">
   <img src=\"bild1.gif\" width=100 height=25>
   <span id=\"menue#1\" style=\"display: none;\">
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   </span>
   </div>
   </td>
   <td valign=top>
   <div class=\"bereich\" onMouseover=\"anzeigen(\'menue#2\')\" onMouseout=\"anzeigen(\'menue#2\')\">
   <img src=\"bild2.gif\" width=100 height=25>
   <span id=\"menue#2\" style=\"display: none;\">
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   </span>
   </div>
   </td>
   <td valign=top>
   <div class=\"bereich\" onMouseover=\"anzeigen(\'menue#3\')\" onMouseout=\"anzeigen(\'menue#3\')\">
   <img src=\"bild3.gif\" width=100 height=25>
   <span id=\"menue#3\" style=\"display: none;\">
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   </span>
   </div>
   </td>
   </tr>
   </table>
   
   Da drunter hab ich dann noch eins eingefuegt und dann kam des ned neben den anderen sondern drunter obwohl da noch ne menge Platz ist.
   Koennt ihr mir vielleicht helfen?
   Und so hab ich\'s geaendert:
   
   <script type=\'text/javascript\'>
   function anzeigen(das){
   if(document.getElementById(das).style.display==\'none\')
   document.getElementById(das).style.display=\'block\';
   else document.getElementById(das).style.display=\'none\';}
   </script>
   
   <table cellPadding=0 cellSpacing=0 style=\"position: absolute; top: 10px; left: 150px;\">
   <tr>
   <td valign=top>
   <div class=\"bereich\" onMouseover=\"anzeigen(\'menue#1\')\" onMouseout=\"anzeigen(\'menue#1\')\">
   <IMG SRC=\"tws.png\" BORDER=\"0\">
   <span id=\"menue#1\" style=\"display: none;\">
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   </span>
   </div>
   </td>
   <td valign=top>
   <div class=\"bereich\" onMouseover=\"anzeigen(\'menue#2\')\" onMouseout=\"anzeigen(\'menue#2\')\">
   <IMG SRC=\"Spiele.png\" BORDER=\"0\">
   <span id=\"menue#2\" style=\"display: none;\">
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   </span>
   </div>
   </td>
   <td valign=top>
   <div class=\"bereich\" onMouseover=\"anzeigen(\'menue#3\')\" onMouseout=\"anzeigen(\'menue#3\')\">
   <IMG SRC=\"Extras.png\" BORDER=\"0\">
   <span id=\"menue#3\" style=\"display: none;\">
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   </span>
   </div>
   </td>
   </tr>
   
   <td valgin=top>
   <div class=\"bereich\" onMouseover=\"anzeigen(\'menue#4\')\" on Mouseout=\"anzeigen(\'menue#4\')\">
   <IMG SRC=\"Download.png\" BORDER=\"0\">
   <span id=\"menue#4\" style=\"display: none;\">
   <a href=\"\" class=\"link\">Demolink</a>
   <a href=\"\" class=\"link\">Demolink</a>
   </span>
   </div>
   </td>
   </tr>
   </table>
   
   
   Quelle vom Code:http://www.homepage-total.de/javascript/hor_dhtml-menue.php#
   
   
   Beitrag geändert: 22.5.2008 9:24:00 von tws
   
   
   Beitrag geändert: 22.5.2008 9:46:18 von tws

2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

3. robin

   

   robin hat kostenlosen Webspace.

   10:03, 22.5.2008

   ganz einfach - du hast nach dem dritten menü ein </tr> damit ist die tabellenzeile zu ende - nimm das mal raus
4. Autor dieses Themas

   t*s

   10:07, 22.5.2008

   Yeah es geht , herzlichen Dank ich hab mich naemlich voll gewundert aber jetzt ist das Problem geloest
   Danke
   
   Wie kann man egentlich ein Bild ueber dem Menue machen, denn als ich einfach ein Bild vor dem Code eingefuegt habe war des hinter dem Menue und nicht ueber, an was liegt das?
   
   
   Beitrag geändert: 22.5.2008 16:33:42 von moritzpeuser

5. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

   lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?