moehre93: Navigation

Beitrag lesen

hey leute,

ich hab en kleines problem...

ich habe ein menü mit css erstellt und würde gerne noch mehr seiten einfügen

allerdings würde es dann in dem navigationsset ziemlich eng werden...

Meine Frage:
Gibt es irgendeinen code, mit dem ich eine scrollbar für das set hinzufügen??

hier der quellcode:

<title>Übersicht</title>
<style type="text/css">
  body {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: #0080FF; background-color: #000000;
  }

ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: center;
    border: 7px solid #DFDFDF;
    background-color: #8F8F8F;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
  }

ul#Navigation a, ul#Navigation span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #0080FF; background-color: #404040;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: #00FFFF; background-color: black;
  }

</style>

<ul id="Navigation">

<h1 id="Beispiel"><div align="center"><b><u>Inhaltsverzeichnis</u></b></div></h1>
 <br>
    <li><a href="Startseite.html"><nobr>Home</nobr></a></li>
    <li><a href="About Me.html"><nobr>About Me</nobr></a></li>
    <li><a href="My Friends.html"><nobr>My Friends</nobr></a></li>
    <li><a href="My Family.html"><nobr>My Family</nobr></a></li>
    <li><a href="Fußball.html">Fußball</a></li>
    <li><a href="Gedichte.html">Gedichte</a></li>
    <li><a href="Songs & Songtexte.html">Songs</a></li>
    <li><a href="Pix.html">Pix</a></li>
    <li><a href="Stars.html">Stars</a></li>
    <li><a href="Bye.html">Bye</a></li>
  </ul>
<br><br><br><br>
<title>Übersicht</title>
<style type="text/css">
  body {
    font: normal 100.01% Helvetica, Arial, sans-serif;
    color: #0080FF; background-color: #000000;
  }

ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: center;
    border: 7px solid #DFDFDF;
    background-color: #8F8F8F;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
  }

ul#Navigation a, ul#Navigation span {
    padding: 0.2em 1em;
    text-decoration: none; font-weight: bold;
    border: 1px solid black;
    border-left-color: white; border-top-color: white;
    color: #0080FF; background-color: #404040;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#Navigation a:hover, ul#Navigation span {
    border-color: white;
    border-left-color: black; border-top-color: black;
    color: #00FFFF; background-color: black;
  }

</style>

<ul id="Navigation">

<h1 id="Beispiel"><div align="center"><b><u>Inhaltsverzeichnis</u></b></div></h1>
 <br>
    <li><a href="Startseite.html"><nobr>Home</nobr></a></li>
    <li><a href="About Me.html"><nobr>About Me</nobr></a></li>
    <li><a href="My Friends.html"><nobr>My Friends</nobr></a></li>
    <li><a href="My Family.html"><nobr>My Family</nobr></a></li>
    <li><a href="Fußball.html">Fußball</a></li>
    <li><a href="Gedichte.html">Gedichte</a></li>
    <li><a href="Songs & Songtexte.html">Songs</a></li>
    <li><a href="Pix.html">Pix</a></li>
    <li><a href="Stars.html">Stars</a></li>
    <li><a href="Bye.html">Bye</a></li>
  </ul>
<br><br><br><br>

freue mich über antworten