CSS arbeitet nur mit direktem Link, warum funktioniert das nicht?

  • Der Versuch, eine Webseite zu erstellen. und relativer css link funktioniert nicht. Nur direkte Verlinkung.

    Kopf:

     <link href="http://directorym.net/App_Themes/customDarkBlueWAdSense_en-US/customDarkBlueWAdSense_en-US.css" type="text/css" rel="stylesheet" />
    <link rel="stylesheet" type="text/css" href="http://pboo.mobi/corey/articles_media/dmNet.css" />
    <link rel="stylesheet" type="text/css" href="http://pboo.mobi/corey/App_Themes/mobile.css" />
     

    Test bei http://pboo.mobi/corey

    , wenn ich es relativiere:

     <link rel="stylesheet" type="text/css" href="articles_media/dmNet.css" />
    <link rel="stylesheet" type="text/css" href="App_Themes/mobile.css" />
     

    wird nicht angezeigt.

    Vorschläge?

    24 August 2011
    coreyzev
4 answers
  • Wenn Sie sich Ihre Website ansehen und den Seitencode im Browser mit dem Browser ändern, werden sowohl relative als auch absolute Pfade angezeigt.

    Denken Sie immer daran, dass Relativ "relativ" bedeutet zum aktuellen Seitenpfad ".

    Sie haben drei Optionen, wenn es um URL-Pfade geht:

    a) Absolut

     href="http://www.mysite.com/myfolder/myfile.css"
     

    b) Relativ

     href="myfile.css"
     

    c) Absolut mit Schrägstrich anstelle des Domänennamens

     href="/myfolder/myfile.css"
     
    24 August 2011
    Jose Faeti
  • Verwenden Sie den absoluten Pfad:

     <link rel="stylesheet" type="text/css" href="/corey/articles_media/dmNet.css" />
    <link rel="stylesheet" type="text/css" href="/corey/App_Themes/mobile.css" />
     
    24 August 2011
    Diodeus - James MacFarlane
  • Um zu dem hinzuzufügen, was die Leute bisher gesagt haben, sollten Sie auch den vollständigen Pfad verwenden, aber die relativen Verbindungen des Protokolls verwenden.

     <link rel="stylesheet" type="text/css" href="//pboo.mobi/corey/articles_media/dmNet.css" />
    <link rel="stylesheet" type="text/css" href="//pboo.mobi/corey/App_Themes/mobile.css" />
     

    Auf diese Weise müssen Sie sich keine Sorgen um mögliche Sicherheitsfehler bei http: // oder https: //

    machen
    08 May 2012
    brianjhong
  • Angenommen, die Ordner articles_media und App_Themes und die HTML-Seite befinden sich alle im selben ursprünglichen Ordner. Der Header der HTML-Seite kann dann Folgendes enthalten:

     <link rel="stylesheet" type="text/css" href="/articles_media/dmNet.css" />
    <link rel="stylesheet" type="text/css" href="/App_Themes/mobile.css" />
     

    (beachten Sie das / vor dem Ordnernamen)

    24 August 2011
    Remi