Nur CSS Navigation

CSS Textnavigation - Nachbau von http://de.selfhtml.org/css/layouts/navigationsleisten.htm#horizontal. Guckt auch hier für Klappleisten.

Oben CSS Textnavigation.

Navigation - in den HTML-Code Edtor eines Textfeldes im Layout

<ul id="Navigation">
   <li><a href="../index.html">Home</a></li>
   <li><a href="./seite1.html">Seite 1</a></li>
   <li><a href="./seite2.html">Seite 2</a></li>
   <li><a href="./seite3.html">Seite 3</a></li>
   <li><span><b>Seite 4</b></span></li>
   <li><a href="http://www.tommyherrmanndesign.com/nof/html/themen-liste.php">Themen</a></li>
</ul>

CSS dieser Seite - in die HTML des Master-Rahmens “Zwischen Head Tags”

<style type="text/css">

  ul#Navigation {
    margin: 0; padding: 0.8em;
    text-align: left;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 29px; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    padding: 0.2em 1em;
    text-decoration: none;
    font-weight: normal;
    color: #FFFFFF;
  }
  * 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 {
    font-weight: normal;
    color: #FFFFFF;
  }

</style>

Tutorials von Thomas Frei-Herrmann
diese Seite weiter empfehlen



Counter Statistik