Navigation in externer Datei?


  • h4wX
  • 768 Aufrufe 4 Antworten

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Navigation in externer Datei?

    Hi,

    also nun habe ich die Website bereits fertig. Mich nervt nur, dass immer wenn ich etwas in die Steuerung hinzufügen möchte, dann muss ich halt in jeder Datei eine bestimmte Sache ändern. Nun, man speichert jedoch das Design in einer Datei. Zb styles.css

    Nun wollte ich fragen, ob man auch die Navigation dort abspeichern kann.

    Mein Quelltext sieht so aus:

    <style type="text/css">
    <!--

    body {
    text-align:center;
    }

    #seitenbereich {
    text-align:left;
    margin: 0 auto;
    width:1200px;
    }

    #kopfzeile {
    border-bottom:0.1px black solid;
    }

    #navi {
    float:left;
    width:14em;
    background-image:url("http://xxxxxxx.gif");
    border-right:3px silver solid;
    }

    #inhalt {
    margin-left:14em;
    background-color:A2B2EF;
    }

    -->
    </style>


    Und der Code von meiner Signatur sieht so aus:

    <a href="http://xxxx">
    <img src="http://xxxx/image.JPG"
    width="200" height="27"
    alt="TEST" />
    </a>
    <a href="http://xxxx">
    <img src="http://xxxx/image.JPG"
    width="200" height="27"
    alt="TEST" />
    </a>
    <a href="http://xxxx">
    <img src="http://xxxx/image.JPG"
    width="200" height="27"
    alt="TEST" />
    </a>
    <a href="http://xxxx">
    <img src="http://xxxx/image.JPG"
    width="200" height="27"
    alt="TEST" />
    </a>
    <a href="http://xxxx">
    <img src="http://xxxx/image.JPG"
    width="200" height="27"
    alt="TEST" />
    </a>
    <a href="http://xxxx">
    <img src="http://xxxx/image.JPG"
    width="200" height="27"
    alt="TEST" />
    </a>
    <a href="http://xxxx">
    <img src="http://xxxx/image.JPG"
    width="200" height="27"
    alt="TEST" />
    </a>
    <a href="http://xxxx">
    <img src="http://xxxx/image.JPG"
    width="200" height="27"
    alt="TEST" />
    </a>


    Wie würde der Code dafür lauten?

    mfg. h4wX
  • Das ist halt der Vorteil, wenn man mit PHP oder anderen WebSprachen arbeitet. PHP Vorteile und Anwendungsbereiche
    Du könntest höchstens das per JS noch einfach lösen, aber JS haben nicht alle aktiviert, darum musst du das wissen. Per CSS kann man das definitiv nicht lösen. (außer mit :after,:before aber das unterstützen noch weniger Browser)

    Gruß
    Broken Sword
    Auf dem Abstellgleis sah man ihn liegen,
    Auf dem Abstellgleis zwischen Schwelle und Gestein,
    Auf dem Abstellgleis im strömenden Regen,
    Auf dem Abstellgleis allein.
  • Hallo h4wX,

    läuft auf deinem Webspace php?
    Falls ja, kannst du deine Navigation spielendeinfach verwalten, ohne deine bestehenden Datein extra bearbeiten zu müssen. Deine Datein müssten in diesem Falle aber php Datein sein - nicht mit „.html/.htm“ enden, sondern mit „.php“.

    Dann nutzt du ein einfaches include:

    - lege deine Navigation in einer extra Datei an, z.B. navigation.html
    - baue diesen Code in deine bestehende Datei ein. Denke daran, diese muss eine php Datei sein (mit .php enden).

    HTML-Quellcode

    1. <? include ("navigation.html"); ?>


    Die Navigationsdatei müsste nun automatisch in deine Seite eingebunden sein.

    Eine weitere Möglichkeit wäre eben Javascript, wobei ich meinem Vorposter zustimme, nicht jeder hat JS aktiviert - deine Navigation würde im schlimmsten Falle bei vielen nicht angezeigt werden.

    Bei Fragen zum php-including kannst du dich einfach per PN an mich wenden.

    Gruß Justus

    Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von TJustus ()