CSS Navigation mit include einbinden?

  • Hallo,


    ich hab grad ein Problem mit einem kleinen Navigationstest:


    Ich definiere in der index seite im HEAD folgendes :


    Code
    <style>#navi { margin: 0; padding: 0; text-align:center; }
    #navi ul,
    #navi li { margin: 0; padding: 0; display: inline; list-style-type: none; } #navi a:link,
    #navi a:visited { float: center; line-height: 20px; font-weight: bold; margin: 0; padding: 0px 8px; text-decoration: none; color: #000000; background-color: #FFFFFF; }
    #navi #akt { color: #CC0000; }
    #navi a:hover,
    #navi a:hover#akt { color: #FFCC33; }</style>


    im BODY Bereich will ich an bestimmter Stelle, die Navigation mit <? include ("navi.php"); ?> einbinden.


    die navi.php besteht nur aus :


    Code
    <ul id="navi"> <li> <a href="index.htm" title="Home" >HOME</a>
    </li> <li> <a href="xxx.htm" title="xxx">xxx</a> </li> </ul>


    Leider wird der CSS stil nicht übernommen. Kann mir da jemand kurz helfen?

  • Also bei mir funktioniert das Ganze.


    Habe zwei Dateien erstellt (index.html, navi.php) und hochgeladen. Die beiden Punkte der Liste werden nebeneinander, in der Mitte des Browserfensters, angezeigt. Bei einem Hover wechseln die Links auf ein Orange. Die Bullets sind ebenfalls nicht vorhanden.


    Vielleicht liegt die Nichtübernahme des Stils an einer fehlerhaften Notation Deinerseits? Anders kann ich es mir im Moment nicht erklären. :)

  • Re: CSS Navigation mit include einbinden?


    Zitat

    Original geschrieben von manuelr
    Leider wird der CSS stil nicht übernommen. Kann mir da jemand kurz helfen?


    ... definiere den restlichen text-content als eigene layer z.B. #main oder #sidebar und dann sollte es klappen, also nur ein layer machen iss meist nich gut.


    ändere mal den spaß so ab auf der seite:


    PHP
    <div id="navi">
    <ul> <li> <a href="index.htm" title="Home" >HOME</a>
    </li> <li> <a href="xxx.htm" title="xxx">xxx</a> </li> </ul>
    </div>

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!