moehre93: Navigation

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

  1. Hi,

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

    Natürlich - die Eigenschaft overflow kann den Wert auto haben.

    hier der quellcode:

    Igitt. was hast Du nur aus dem sauber erstelltem SELFHTML-Beispiel gemacht:

    <ul id="Navigation">

    <h1 id="Beispiel"><div align="center"><b><u>Inhaltsverzeichnis</u></b></div></h1>
    <br>

    Das ist 1. falsch und 2. verwendest Du 4 völlig unpassende und überflüssige Tags.

    freundliche Grüße
    Ingo