kostenloser Webspace werbefrei: lima-city


mitscrollende navibar

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    the-red-dragon

    the-red-dragon hat kostenlosen Webspace.

    kannmir mal bidde wer helfen, ich hab meine navibar mit css gebaut

    <!--
    .logo { background-color:#000000;
    float: left
    }
    .top { background-color:#000000;
    height: 150px;
    }
    .navbar { background-color:#000000;
    float: left;
    clear: both;
    }
    .body { background-color:#000000;
    }
    .footer { background-color:#000000;
    float: right;

    }
    -->
    </style>

    so, und dann halt ganz normal mit

    <div class="navbar">
    <img src="images/navbar.gif" usemap="#navbar" align="middle" border="0">
    <map name="navbar">
    <area shape="rect" coords="26,13,179,56" href="?goto=home" alt="">
    <area shape="rect" coords="26,87,179,130" href="?goto=about%20me" alt="">
    <area shape="rect" coords="26,161,179,204" href="?goto=picz" alt="">
    <area shape="rect" coords="26,235,179,278" href="?goto=download" alt="">
    <area shape="rect" coords="26,308,179,351" href="?goto=links" alt="">
    <area shape="rect" coords="26,386,179,429" href="?goto=knuddels" alt="">
    </map></div>

    eingef?gt...so, nu is das problem, dass wenn die navbar zuende is dass dann der text aus der body "box"

    direkt unter der nacbar steht also ich will entweder, dass die navbar mitsrollt oder, eben, dass der text eben nich nur um die navbar flie?t, sondern auch den teil darunter freil?sst
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. theuntouchables

    theuntouchables hat kostenlosen Webspace.

    Das geh?rt in HTML&JS, ein mod soll sich bitte mal drum k?mmern!!!

    --TheUntouchables
  4. Benutz n frameset
  5. Autor dieses Themas

    the-red-dragon

    the-red-dragon hat kostenlosen Webspace.


    theuntouchables schrieb:
    Das geh?rt in HTML&JS, ein mod soll sich bitte mal drum k?mmern!!!

    --TheUntouchables


    das geh?rt auch hierher, daich denke, dasses da vielleicht eine php l?sung gibt, aba ich werde den post auch nocheinmal in html...posten

    und frames willich nich benutzen, aus dem grund verwende ich ja css =)
  6. immer dran denken !

    PHP-Serverseitig
    JS-Clientseitig

    Also, ist JS die richtige Sprache.

    Hier ist sowas in ?hnlicher Form realisiert, du kannst es dir ja mal anschauen.
    http://de.selfhtml.org/dhtml/beispiele/navigation.htm
    Um auf dein Problem zur?ckzukommen:

    Ich w?rde CSS mit absoluter postionierung verwenden, so das deine Navigation ?ber dem Text schwebt und mit JavaScript sorgst du dann daf?r, das die Navigation immer mitscrollt.

    .navbar { background-color:#000000;
    float: left;
    clear: both;
    position:absolute;
    left:20px;//bitte anpassen !
    top:10px;//bitte anpassen !
    }

    f?r das mitscrollen braucht
    <div class="navbar">
    noch ein weiteres Attribut:
    <div class="navbar" id="navbar">

    <script type="text/javascript">
    function move_nav()
    {
    document.getElementById("navbar").style.left="20px";//anpassen, wie Wert in CSS
    document.getElementById("navbar").style.left="10px";//anpassen, wie Wert in CSS
    setTimeout("move_nav()",800);
    }
    move_nav();
    </script>

    So sollte es funzen.

    Beitrag ge?ndert am 23.09.2005 21:10 von bladehunter
  7. 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!