Bilder werden teilweise nicht geladen.

[xXxPeterPanxXx]

Hallo,
ich habe ein Problem mit der Navigation meiner Seite. Teilweise werden die Bilder einfach nicht geladen.

Ein Navigationspunkt hat ein Bild links der Schrift (Rahmen links) und einen Bild rechts (Rahmen rechts).

Die Navigation wird per PHP included. Überall sieht die Navi richtig aus, nur bei den Tutorials werden die Rahmenbilder nicht geladen -> alternativ Text erscheint. Mich wundert es, dass es nicht funktioniert, denn eigentlich ist es immer der gleiche Code.

Hier funktioniert es: Home | little-coder.de
und hier nicht: HTML Tabellen erstellen und designen - HTML Tutorial | little-coder.de

Der PHP Code:
und das hier ist der vom Browser ausgegebene Code (Startseite):

<ul class="navi">
      
<li class="active"><a href="http://www.little-coder.de" class="active"><img src="../images/header/nav_box_left_active.png" width="6" height="34" alt="Buttonrand links"/><span>Home</span><img src="../images/header/nav_box_right_active.png" width="6" height="34" alt="Buttonrand rechts"/></a></li>
<li class="navi"><a href="http://www.little-coder.de/html/"><img src="../images/header/nav_box_left.png" width="6" height="34" alt="Buttonrand links"/><span>HTML</span><img src="../images/header/nav_box_right.png" width="6" height="34" alt="Buttonrand rechts"/></a></li>
<li class="navi"><a href="http://www.little-coder.de/php/"><img src="../images/header/nav_box_left.png" width="6" height="34" alt="Buttonrand links"/><span>PHP</span><img src="../images/header/nav_box_right.png" width="6" height="34" alt="Buttonrand rechts"/></a></li>
<li class="navi"><a href="http://www.little-coder.de/css/"><img src="../images/header/nav_box_left.png" width="6" height="34" alt="Buttonrand links"/><span>CSS</span><img src="../images/header/nav_box_right.png" width="6" height="34" alt="Buttonrand rechts"/></a></li>
<li class="navi"><a href="http://www.little-coder.de/tools/"><img src="../images/header/nav_box_left.png" width="6" height="34" alt="Buttonrand links"/><span>Tools</span><img src="../images/header/nav_box_right.png" width="6" height="34" alt="Buttonrand rechts"/></a></li>
<li class="navi"><a href="http://www.little-coder.de/blog/"><img src="../images/header/nav_box_left.png" width="6" height="34" alt="Buttonrand links"/><span>Blog</span><img src="../images/header/nav_box_right.png" width="6" height="34" alt="Buttonrand rechts"/></a></li>        

</ul>

Könnt ihr mir helfen?

Gruß

 

[jansh]

Ja.
Liegen die Tutorials in einem Ordner tiefer in der Hierachie?

Der Link führt auf "/html/images/" zurück anstatt auf "/images/".
(Guck dir mal die Grafikinformation von FF an, da siehst du das sehr schön)

Also einfahc ändern und dann klappts.

 

[xXxPeterPanxXx]

Nein die Datei für die Tutorials und die Datei für die Startseite liegen im selbem Verzeichniss. Den Ordner html gibt es gar nicht. Das ist mod_rewrite.

 

[jansh]

Das hatte ich mir ja schon fast gedacht, aber mein FF zeigt die Datei:
http://www.little-coder.de/images/header/nav_bg.png mit 142 Byte Größe an.
Wenn ich die Tutorialseite lade, so versucht FF folgendes Image zu laden:
http://www.little-coder.de/html/images/header/nav_bg.png. Natürlich 0 Byte Größe, gibts ja auch nicht.

ABer wnen du sagst ist mod_rewrite, dann ist meine Lösung ja fürn Hintern.. Außer irgednwo gibt es dazu irgendetwas statisches was falsch verlinkt.. Ich führe mir deinen Code nochmal zu gemüte..

Was ist denn, wenn du die relativen Links mal ganz rausnimmst und entweder so "/images/bla.jpg" arbeitest, oder per Templateframework den DocumentRoot assignest (komisches Wort, seht es als Neologismus meinerseits)?

 

[xXxPeterPanxXx]

So, es geht jetzt, zwar ist es nicht so Perfomance freundlich, aber es geht :). Ich habe jetzt einfach statische Pfade verwendet (http://www.little-coder.de/images...). Mich wundert halt nur, warum es nicht mit relativen geht.

Vielen Dank jansh!

Gruß

 

[jansh]

So, es geht jetzt, zwar ist es nicht so Perfomance freundlich, aber es geht :). Ich habe jetzt einfach statische Pfade verwendet (http://www.little-coder.de/images...). Mich wundert halt nur, warum es nicht mit relativen geht.

Vielen Dank jansh!

Gruß

Naja es funktioniert, aber was passiert denn, wenn du es so machst:

 echo '<li><a href="http://www.little-coder.de"><img src="/images/header/nav_box_left_active.png" width="6" height="34" alt="Buttonrand links"/><span>Home</span><img src="/images/header/nav_box_right_active.png" width="6" height="34" alt="Buttonrand rechts"/></a></li>';

Also halt einfach das "../" weglassen und daraus ein "/" machen.

Sollte dann doch nicht relativ sein, sondern "absolut" und somit auch funktionieren.