sven1234: wie bekomme ich en rahmen weg?

Hallo zusammen,

ich habe mir gerade das Switch Menü Script von http://www.dynamicdrive.com/dynamic.../switchmenu.htm eingebaut. Wen ihr mal auf die Seite geht da sind vier Menü Punke mit unter Menü doch um die vier Menü Punkte ist ein weißer Rahmen rum! Wie bekomme ich den weg! Also ich meine nicht den Rhamen um den einzelnen Punken sondern um alle! Man sieht ihn zwar nicht weil er weiß ist aber ich will ihn weg haben! Darunter steht ja der Quelle Text was müßte ich da ändern damit er weg geht!

danke!

  1. Tag sven1234.

    ich habe mir gerade das Switch Menü Script von http://www.dynamicdrive.com/dynamic.../switchmenu.htm eingebaut.

    Bitte verlinke auf die richtige Seite: http://www.dynamicdrive.com/dynamicindex1/switchmenu.htm. Des weiteren handelt es sich nicht um Java, sondern um Javascript.

    Wen ihr mal auf die Seite geht da sind vier Menü Punke mit unter Menü doch um die vier Menü Punkte ist ein weißer Rahmen rum! Wie bekomme ich den weg!

    Indem du dir die CSS-Definitionen zu den Menüpunkten (Klasse .submenu) anschaust und die Außenabstände nach deinen Wünschen anpasst.

    [dsf 3.6]
    Siechfred

    --
    »Sie kochten heimlich mit Wasser und tranken öffentlich Wein.«
    1. hallo

      also müßte ich dann unter ".submenu{
      margin-bottom: 0.5em;
      }" (siehe script) die abstande definieren! oder? Wie sieht das dann aus wenn ich keinen habe möchte? Könnten sie mir den Quelltext geben?
      Weil ich mich mit css nicht auskenne!

      danke!

      1. Tag sven1234.

        also müßte ich dann unter ".submenu" die abstande definieren! oder?

        Genau so. Willst du keinen Abstand haben, müsste es, wenn ich das richtig sehe, "margin:0" heißen.

        [dsf 3.6]
        Siechfred

        --
        »Sie kochten heimlich mit Wasser und tranken öffentlich Wein.«
        1. Hallo,

          es steht jetzt so da ".submenu{ margin: 0;} "

          aber es passiert nichts!

          1. Tag sven1234.

            es steht jetzt so da ".submenu{ margin: 0;} " aber es passiert nichts!

            Dann poste mal den Link zu der Seite, wo du es eingebaut hast.

            Siechfred

            --
            »Sie kochten heimlich mit Wasser und tranken öffentlich Wein.«
            1. hier ist der quell text!

              <html>
              <head>
              <title>Text des Titels</title>

              <style type="text/css">
              .menutitle{
              cursor:pointer;

              background-color:#ECECFF;
              color:#000000;
              width:140px;
              padding:2px;
              text-align:center;
              font-weight:bold;
              /*/*/border:1px solid #000000;/* */
              }

              .submenu{
              margin-bottom: 0.5em;
              }
              </style>

              <script type="text/javascript">

              /***********************************************
              * Switch Menu script- by Martial B of http://getElementById.com/
              * Modified by Dynamic Drive for format & NS4/IE4 compatibility
              * Visit http://www.dynamicdrive.com/ for full source code
              ***********************************************/

              if (document.getElementById){ //DynamicDrive.com change
              document.write('<style type="text/css">\n')
              document.write('.submenu{display: none;}\n')
              document.write('</style>\n')
              }

              function SwitchMenu(obj){
               if(document.getElementById){
               var el = document.getElementById(obj);
               var ar = document.getElementById("masterdiv").getElementsByTagName("span"); //DynamicDrive.com change
                if(el.style.display != "block"){ //DynamicDrive.com change
                 for (var i=0; i<ar.length; i++){
                  if (ar[i].className=="submenu") //DynamicDrive.com change
                  ar[i].style.display = "none";
                 }
                 el.style.display = "block";
                }else{
                 el.style.display = "none";
                }
               }
              }

              </script>
              </head>
              <body>
              <body style=" padding: 0px; margin: 0px" >
              <!-- Keep all menus within masterdiv-->
              <div id="masterdiv">
              <table width="126" border="0">
              <tr>
              <th bgcolor="#313FFF" scope="row">

              <div class="menutitle" onclick="SwitchMenu('sub1')">Site Menu</div>
               <span class="submenu" id="sub1">
                - <a href="new.htm">What's New</a><br>
                - <a href="hot.htm">What's hot</a><br>
                - <a href="revised.htm">Revised Scripts</a><br>
                - <a href="morezone/">More Zone</a>
               </span>

              <div class="menutitle" onclick="SwitchMenu('sub2')">FAQ/Help</div>
               <span class="submenu" id="sub2">
                - <a href="notice.htm">Usage Terms</a><br>
                - <a href="faqs.htm">DHTML FAQs</a><br>
                - <a href="help.htm">Scripts FAQs</a>
               </span>

              <div class="menutitle" onclick="SwitchMenu('sub3')">Help Forum</div>
               <span class="submenu" id="sub3">
                - <a href="http://www.codingforums.com">Coding Forums</a><br>
               </span>

              <div class="menutitle" onclick="SwitchMenu('sub4')">Cool Links</div>
               <span class="submenu" id="sub4">
                - <a href="http://www.javascriptkit.com">JavaScript Kit</a><br>
                - <a href="http://www.freewarejava.com">Freewarejava</a><br>
                - <a href="http://www.cooltext.com">Cool Text</a><br>
                - <a href="http://www.google.com">Google.com</a>
               </span>

              <img src="about.gif" onclick="SwitchMenu('sub6')"><br>
               <span class="submenu" id="sub6">
                - <a href="http://www.dynamicdrive.com/link.htm">Link to DD</a><br>
                - <a href="http://www.dynamicdrive.com/recommendit/">Recommend Us</a><br>
                - <a href="http://www.dynamicdrive.com/contact.htm">Email Us</a><br>
               </span>
              </th>
              </tr>
              </div>

              </body>
              </html>

              1. Tag sven1234.

                hier ist der quell text!
                [...]
                .submenu{
                margin-bottom: 0.5em;
                }

                Schön, und wo bitte hast du meinen Vorschlag umgesetzt? Da steht immer noch "margin-bottom:0.5em".

                [dsf 3.6]
                Siechfred

                --
                »Sie kochten heimlich mit Wasser und tranken öffentlich Wein.«