HTML5 BOOTSTRAP Holz vor dem Kopf

  • Hallo Zusammen,

    brauche einmal Eure Hilfe, sehe vor lauter Bäume den Wald nicht mehr:

    Ich habe ein Template Bootstrap, habe das meinen Wünschen angepasst alles geht, bis auf das wichtigste, wo bei es nur eine kleine Sache ist.

    so auf dem server habe ich dann alles im root liegen, sieht dann so in etwa aus:

    ROOT
    Datein

    index.html
    Kontakt.html
    Kinder.html

    Verzeichnisse

    CSS
    JS
    bootstrap
    Image usw.

    Also wenn ich nun index.html auf rufe und dann auf das menue "kinder" klicke geht die Seite Kinder.html auf, so wie es sein sollte.
    Nun wollte ich Ordnung scahffen und hab ein Verzeichniss Kinder erstellt und da dann die datei Kinder.html eingefügt und auch die index.html geändert

    so wenn ich jetzt index.html aufrufe und auf das menue kinder klicke geht die seite kinder.html auf aber das layout ist für den ....

    kann es sein das ich in der kinder.html die den "link" css ändern muss und wenn ja wie?

    Hier mal der Text Kinder.html also einen Auszug


    Bitte Bitte einmal Hilfe DANKE!!!!

    <!-- Bootstrap -->
    <link href="/css/bootstrap.css" rel="stylesheet">
    <!-- Links -->
    <link rel="stylesheet" href="css/jquery.fancybox.css">
    <link rel="stylesheet" href="css/search.css">
    <!--JS-->
    <script src="js/jquery.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/rd-smoothscroll.min.js"></script>
    <!--[if lt IE 9]>


    <script src="js/html5shiv.js"></script> <![endif]-->
    <script src="js/device.min.js"></script>

  • Die CSS wird bei dir nun in deinem neuen Ordner gesucht in der du die .html hinein gelegt hast. Entweder du erstellst dir in dem Ordner nun einen weiteren Ordner der css heißt und legst dort die geforderten Dateien hinein oder du änderst den link in der .html Datei.
    Gebe einfach den kompletten Pfad zum Ordner bzw. zu der .css Datei an, also http://www.deineSeite.Domain/css/jquery.fancybox.css
    So oder so ähnlich müsste es dann bei dir aussehen, ich kenne ja deine Ordnerstruktur nicht ;)


    LG Mind

    2 Mal editiert, zuletzt von Mind (2. März 2016 um 13:07)

  • Moin
    Mind ..das ist richtig u. funktioniert

    ist die Absolute Referenzierung -

    man sollte aber für innerhalb des Projekts liegende Dateien
    die Relativ Referenzierung nutzen - also:

    ../css/search.css
    ../css/jquery.fancybox.css

    ../img/MyPic.jpg

    usw.

    die erste "Lösung" von Dir ist ganz schlecht -
    da man bei jeder Änderung überall ändern müsste..
    Gruß aus Hamburg

    Einmal editiert, zuletzt von modem-kind (4. März 2016 um 11:38)