Evelyn: Navigation

Beitrag lesen

SELF-Forum

Navigation

Evelyn Homepage des Autors
– Informationen zu den Bewertungsregeln

Hallo,

ich irre schon seit Tagen im Internet umher und bin nicht sehr weit gekommen. In meinem Forum
http://www.projekt-baby.de/ habe ich eine Navigationsleiste, wo ich etwas ergänzen möchte.

Ich möchte einer Unternavigation in der Rubrik "Kugelbauch-Liste" erstellen und beim drüber
fahren mit der Maus soll ein Bild (zu 2) angezeigt werden. ich weiß absolut nicht, wie ich das
jetzt einbinden kann.

http://projektbaby.lima-city.de/Beispiel.png

Ich hoffe es kann mir jemand helfen.
Hier noch mein CSS-Code

<head>  
<style type="text/css">  
  body {  
    font: normal 100.01% Happy Monkey;  
    color: black; background-color: none;  
  }  
  
  ul#Navigation {  
    margin: 0px; padding:0.8em;  
    text-align: center;  
    background-image: url("http://projektbaby.lima-city.de/neu/page_header_navbg.png");  
    height: 50px;  
    width: 1240px;  
    padding-top: 25px;  
    padding-bottom: 0px;  
    }  
  ul#Navigation li {  
    list-style: none;  
    display: inline;  
    margin: 1.0em; padding: 0;  
    height: 50px;  
  }  
  
  ul#Navigation a, ul#Navigation span {  
    padding: 0.5em 1em;  
    text-decoration: none;  
    border: 0px;  
    border-left-color: white; border-top-color: white;  
    color: white; background-color: #none;  
  }  
  * 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: #7dab00; background-color: none;  
  }  
  
</style>  
</head>

und der HTML-Code

<!-- Navigation --!>  
<html>  
<body>  
    <ul id="Navigation">  
    <li><a href="http://www.projekt-baby.de/portal.html"><font face="Calligraffiti" size="5"><b>Portal</b></font></a></li>  
    <li><a href="http://www.projekt-baby.de/"><font face="Calligraffiti" size="5"><b>Forum</b></font></a></li>  
    <li><a href="http://www.projekt-baby.de/gallery.php"><font face="Calligraffiti" size="5"><b>Bildergalerie</b></font></a></li>  
    <li><a href="http://www.projekt-baby.de/page-entbindungstermine.html"><font face="Calligraffiti" size="5"><b>Kugelbauch-Liste</b></font></a></li>  
    <li><a href="http://www.projekt-baby.de/page-forumkinder.html"><font face="Calligraffiti" size="5"><b>Forumkinder</b></font></a></li>  
    </ul>  
</body>  
</html>

Vielen lieben Dank schon im vorraus
Evelyn

Beitrag melden
–
Informationen zu den Bewertungsregeln