14
CSS link not working. Help and Advice needed. (Solved) (lemmy.ca)
submitted 4 weeks ago by to c/programming@programming.dev
13 comments fedilink hide all child comments
 

Am trying to learn web development by creating a website my own instead learning every single theory written on a textbook.

Currently am trying to link a stylesheet and favicon on my root folder into the file called debian.html and debian-post-install.html. But it's not working and I don't know why.

code used inside both html files head section are,

<link rel="stylesheet" href="/styles/style.css" />

<link rel="icon" type="image/png" href="/images/favicon.png" />

To point to the root directory files or directories we use / in html instead of ../ right? Then why it's not working.

Also I need advice on how bad is my html file structuring and what changes recommended.

Solution

<link rel="stylesheet" href="../../styles/style.css" />

<link rel="icon" type="image/png" href="../../images/favicon.png" />

you are viewing a single comment's thread
view the rest of the comments
[–] [S] 3 points 4 weeks ago* (last edited 4 weeks ago) (3 children)

In stack overflow i saw,

/ = root of the current drive, ./ = current directory, ../ = parent of the current directory.

What exactly is this .../ ?

Btw, I solved it by writing the path like this,

<link rel="stylesheet" href="../../styles/style.css" />

<link rel="icon" type="image/png" href="../../images/favicon.png" />

Thank you for taking time to answer me.

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 3 child comments
    •
  • [–] 0 points 4 weeks ago (2 children)

    / being root directory does not apply to the web browser.

    .../ means nothing, as its not defined. Results may vary based on interpreter, but nothing useful.

    On href, I think all 3: style.css, /style.css, ./style.css point to the same place.

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 2 child comments
    •
  • [–] 2 points 3 weeks ago (1 child)

    On href, I think all 3: style.css, /style.css, ./style.css point to the same place.

    no, they do not. (click for details)

    those three do not always resolve to the same thing: the first and last are relative, while the second is absolute.

    from a file at http://example.com/index.html, all three would resolve to http://example.com/style.css.

    But from a file at http://example.com/foo/index.html the href="style.css" and href="./style.css" will both resolve to http://example.com/foo/style.css while href="/style.css" will continue to resolve to the file at the root (http://example.com/style.css).

  • permalink
  • fedilink
  • source
  • parent
  • hideshow 1 child comment
    •