html/php hoz kellene egy kis segítség

[whiteworld]

Szép napot mindenkinek, egy Wiki oldallal töltöm az időmet jelenleg és ehhez kérnék egy kis segítséget. Lényegében a Wiki működik ezzel nincs gond ami a lényeg, van a fő mappa nevezzük 0-nak itt található az index.html fájl ami meghívja a főoldalt, és itt vannak a többi .htlm fájlok is nagyon sok és ezeket szeretném külön könyvtárakba tenni és onnan meghívni őket. Viszont amint külön könyvtárba rakom a html fájlt már nem jeleníti meg rendesen az adott oldalt.

itt a link a wikihez a jobb megértés véget.

http://webproba.nhely.hu/0/index.html

például a harcos ikonra kattintva meghívja a harcos.html fájlt ami a fő mappában van vagyis 0/harcos.html és meg is jeleníti az oldalt, viszont én azt szeretném, hogy a 0 mappán belül a tema mappából hívja meg vagyis innen tema/kasztok/ninja/ninja.html viszont ha most a ninja ikonra kattintasz akkor hibásan jeleníti meg az oldalt.
így néz ki az index ezen része

harcos

Kód Kijelölés Kibont

<td width="154" rowspan="3" style="border-left: 1px solid #000000;"><center><a href="harcos.html" title="Harcos kaszt"><img class="bir" src="images/menu/kaszt_kepek/harcos_ferfi_icon.png" width="65" height="65" /><p>Harcos</a></center>

ninja része

Kód Kijelölés Kibont

<td width="154" rowspan="3" style="border-left: 1px solid #000000;"><center><a href="tema/karakter/ninja/ninja.html" title="Ninja kaszt"><img class="bir" src="images/menu/kaszt_kepek/ninja_lany_icon.png" width="65" height="65" /><p>Ninja</a></center>

Amennyiben ennyi nem elég akkor mondjátok mi kell és ide másolom. A válaszokat előre is köszönöm. Remélem érthető a kérésem.

[Chookez]

Ez csak egy gondolat, de ha a ninja.html fájlban

Itt:

Kód Kijelölés Kibont

<link href="dist/css/style.css" rel="stylesheet"/>
<link href="dist/css/global.css" rel="stylesheet"/>
<link href="dist/css/animate.css" rel="stylesheet"/>

Átmókolod így:

Kód Kijelölés Kibont

<link href="/dist/css/style.css" rel="stylesheet"/>
<link href="/dist/css/global.css" rel="stylesheet"/>
<link href="/dist/css/animate.css" rel="stylesheet"/>

Mert ha észrevetted a favicon.ico képet se jeleníti meg a ninja.html oldalon. Így csak ez a lehetséges megoldás marad, amit írtam.

EDIT:
Vagy még így talán:

Kód Kijelölés Kibont

<link href="0/dist/css/style.css" rel="stylesheet"/>
<link href="0/dist/css/global.css" rel="stylesheet"/>
<link href="0/dist/css/animate.css" rel="stylesheet"/>

Vagy:

Kód Kijelölés Kibont

<link href="/0/dist/css/style.css" rel="stylesheet"/>
<link href="/0/dist/css/global.css" rel="stylesheet"/>
<link href="/0/dist/css/animate.css" rel="stylesheet"/>

Vagy:

Kód Kijelölés Kibont

<link href="./0/dist/css/style.css" rel="stylesheet"/>
<link href="./0/dist/css/global.css" rel="stylesheet"/>
<link href="./0/dist/css/animate.css" rel="stylesheet"/>

[whiteworld]

Nagyon szépen köszönöm a válaszodat, ez segített.

Kód Kijelölés Kibont

<link href="/0/dist/css/style.css" rel="stylesheet"/>
<link href="/0/dist/css/global.css" rel="stylesheet"/>
<link href="/0/dist/css/animate.css" rel="stylesheet"/>

Ha most megnézed már a ninja oldalt is jól adja be viszont mindenütt átkel írni hogy a képet is beadja rendesen, viszont így már külön könyvtárakba rakhatom a fájlokat és ez volt a cél. Még egyszer köszönöm és ment a Thank you.

[Chookez]

Sajnos html-nél ez a hátrány, biztos van már rá megoldás, de megmondom őszintén nem sokat konyítok a html-hez.

ninja.html fájlban ezt is írd át: 

Kód Kijelölés Kibont

<a href="index.html" style="background-image: url(skins/common/../..images/wiki.png);" title="Kezdőlap"></a>