kostenloser Webspace werbefrei: lima-city


leichte gemacht

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    catattack

    Kostenloser Webspace von catattack, auf Homepage erstellen warten

    catattack hat kostenlosen Webspace.

    hi

    gibt es für diesen script noch eine leichtere möglichkeit::




    <head>
    <title></title>
    <meta http-equiv=\"Content-Type\" content=\"text/html; charset=iso-8859-1\" />
    <script type=\"text/javascript\">
    <!--
    window.onload=montre;
    function montre(id) {
    var d = document.getElementById(id);
    for (var i = 1; i<=14; i++) {
    if (document.getElementById(\'smenu\'+i)) {document.getElementById(\'smenu\'+i).style.display=\'none\';}
    }
    if (d) {d.style.display=\'block\';}
    }
    //-->
    </script>


    <style type=\"text/css\">
    <!--
    /* CSS issu des tutoriels www.alsacreations.com/articles */
    body {
    width:160px;
    margin: 0;
    padding: 0;
    background: white;
    font-family:verdana, arial, helvetica;
    }
    dl, dt, dd, ul, li {
    margin: 0;
    padding: 0;
    list-style-type: none;
    }
    #menu {
    position: absolute;
    top: 0;
    left: 0;
    z-index:100;
    width: 160px;
    }
    #menu dl {
    float: left;
    width: 160px;
    margin: 0 0;
    font-size:11px;
    font-weight: normal;
    }
    #menu dt {
    cursor: pointer;
    text-align: left;
    font-weight: normal;
    background: #ccc;
    border: 1px solid gray;
    font-size:12px;
    }
    #menu dd {
    border: 1px solid gray;
    }
    #menu li {
    text-align: left;
    background: #fff;
    }
    #menu li a, #menu dt a {
    color: #000;
    text-decoration: none;
    display: block;
    height: 100%;
    border: 0 none;
    }
    #menu li a:hover, #menu dt a:hover {
    background: #eee;
    }
    #besucher
    {
    }
    a {text-decoration: none;
    color: black;
    color: #222;
    }
    * html .mybuggyelement { height: 1%; }
    -->
    </style>
    </head>

    <body xml:lang=\"de\" lang=\"de\">

    <div id=\"menu\">

    <dl>
    <dt onClick=\"javascript:montre(\'smenu1\');\">Die Gemeinde</dt>
    <dd id=\"smenu1\">
    <ul>
    <li><a href=\"#\">Grußwort Bürgermeister</a></li>
    <li><a href=\"#\">Ortsgemeinde</a></li>
    <li><a href=\"#\">Gemeindeeinrichtungen</a></li>
    <li><a href=\"#\">Kirchliche Einrichtungen</a></li>
    <li><a href=\"#\">Gemeindeorgane</a></li>
    <li><a href=\"#\">Bekanntmachungen</a></li>
    </ul>
    </dd>
    </dl>


    <dl>
    <dt onClick=\"javascript:montre(\'smenu2\');\">Dorferneuerung</dt>
    <dd id=\"smenu2\">
    <ul>
    <li><a href=\"#\">Vorinformation</a></li>
    <li><a href=\"#\">Auftaktveranstaltung</a></li>
    <li><a href=\"#\">Arbeitskreis 1</a></li>
    <li><a href=\"#\">Arbeitskreis 2</a></li>
    <li><a href=\"#\">Arbeitskreis 3</a></li>
    <li><a href=\"#\">Arbeitskreis 4</a></li>
    <li><a href=\"#\">Abschlußveranstaltung</a></li>
    <li><a href=\"#\">Termine</a></li>
    <li><a href=\"#\">Forum</a></li>
    </ul>
    </dd>
    </dl>


    <dt><a href=\"Test.html\">Bauland</a></dt>


    <dl>
    <dt onClick=\"javascript:montre(\'smenu4\');\">Wirtschaft</dt>
    <dd id=\"smenu4\">
    <ul>
    <li><a href=\"#\">ortsansässige Firmen</a></li>
    <li><a href=\"#\">Gewerbegebiet</a></li>
    </ul>
    </dd>
    </dl>





    </div>
    </body>
    </html>


    danke

    Beitrag geändert: 8.3.2008 8:36:00 von catattack
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!