kleines Anfänger HTML Problem

[Tone]

Moin,
ich wollte eine kleine Spielerei mit der Apple Startseite machen, das Problem ist das meine HTML Kenntnisse extrem eingestaubt sind, jedenfalls wenn ich die Seite speicher und öffne, werden mir die Texte in der Leiste Store, iPhone, iPad etc. nicht angezeigt und ich weiß grad nicht warum, zieht der sich das aus dem Netz oder wird da ne Schriftart verwendet die ich nicht installiert habe?

[src=html5]<li id="gn-store"><a href="http://store.apple.com/de" onclick="s_objectID="http://store.apple.com/de_1";return this.s_oc?this.s_oc(e):true" class=""><span>Store</span></a></li>

<li id="gn-mac"><a href="http://www.apple.com/de/mac/" onclick="s_objectID="http://www.apple.com/de/mac/_1";return this.s_oc?this.s_oc(e):true" class=""><span>Mac</span></a></li>

<li id="gn-ipod"><a href="http://www.apple.com/de/ipod/" onclick="s_objectID="http://www.apple.com/de/ipod/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iPod</span></a></li>

<li id="gn-iphone"><a href="http://www.apple.com/de/iphone/" onclick="s_objectID="http://www.apple.com/de/iphone/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iPhone</span></a></li>

<li id="gn-ipad"><a href="http://www.apple.com/de/ipad/" onclick="s_objectID="http://www.apple.com/de/ipad/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iPad</span></a></li>

<li id="gn-itunes"><a href="http://www.apple.com/de/itunes/" onclick="s_objectID="http://www.apple.com/de/itunes/_1";return this.s_oc?this.s_oc(e):true" class=""><span>iTunes</span></a></li>

<li id="gn-support" class="gn-last"><a href="http://www.apple.com/de/support/" onclick="s_objectID="http://www.apple.com/de/support/_1";return this.s_oc?this.s_oc(e):true"><span>Support</span></a></li>

[/src]

CSS:
[src=css]#globalheader.ipod li#gn-ipod a,
#globalheader.iphone li#gn-iphone a,
#globalheader.ipad li#gn-ipad a,
#globalheader.itunes li#gn-itunes a,
#globalheader.support li#gn-support a { background-position:right -144px !important; }

#globalheader.gn-last #globalnav.tabs6-nosearch li.gn-last a { background-position:-165px -144px !important; }
#globalheader.gn-last #globalnav.tabs7-nosearch li.gn-last a { background-position:-140px -144px !important; }
#globalheader.gn-last #globalnav.nosearch li.gn-last a { background-position:-126px -144px !important; }

/* TEXT */
#globalheader #globalnav li a span { display:block; width:100%; height:30px; margin:3px auto; background:url(/global/nav/images/globalnav_text.png) no-repeat 50% 0; _background-image:url(/global/nav/images/globalnav_text.gif); }
#globalheader.svg #globalnav li a span { background-image:url(/global/nav/images/globalnav_text.svg); }
#globalheader.decelerate #globalnav li a span,
#globalheader.ios3 #globalnav li a span { background-image:url(/global/nav/images/globalnav_text.png); }
#globalheader #globalnav li#gn-apple a span { background-position:50% 0; }
#globalheader #globalnav li#gn-store a span { background-position:50% -30px; }
#globalheader #globalnav li#gn-mac a span { background-position:50% -60px; }
#globalheader #globalnav li#gn-ipod a span { background-position:50% -90px; }
#globalheader #globalnav li#gn-iphone a span { background-position:50% -120px; }
#globalheader #globalnav li#gn-ipad a span { background-position:50% -150px; }
#globalheader #globalnav li#gn-itunes a span { background-position:50% -180px; }
#globalheader #globalnav li#gn-support a span { background-position:50% -210px; }[/src]
Sry falls zu blöd^^

 

[accC]

What ever, HTML und CSS hat nichts mit Programmierung zu tun. Hätte eins weiter nach oben gehört.


Könntest du dein Problem näher beschreiben was da nicht funktioniert bzw. was genau das Problem ist?
Das ist keine vollständige Seite sondern nur ein Ausschnitt aus einer Liste.
Was da wie von wo kommst, kann ich dir nicht sagen. Da relative Links im CSS verwendet werden, gehe ich davon aus, dass Bilder, die dort angegeben sind wohl aus der Hostquelle stammen.
Mutmaßlich ist das "das Netz"..

 

[Larius]

*Seil an den Thread bindet, anderes Ende an einen Speer bindet*

ACHTUNG!

*wirft den Speer rüber in den Webtechnik-Bereich*

 

[Kugelfisch]

Bitte poste dein vollständiges HTML-Dokument und Stylesheet, da sich das Problem anhand es von dir geposteten Fragments(?) nicht reproduzieren lässt. Ich vermute genau wie accC, dass das Problem die relativen URIs sein werden, welche bei deiner lokalen Version auf nicht vorhandene Ressourcen zeigen, das ist jedoch bloss eine Spekulation.

 

[Tone]

Entschuldigung erstmal für das durcheinander, musste schnell gehen
Ja, das war auch ein Problem, ich hätte erstmal richtig auf das Bild verweißen müssen und danach vermutlich auch noch etwas an der Javascriptdatei ändern, die für diese Leiste zuständig ist.
Nur 1. Kenne ich mich mit Java gar nicht aus (mag sein das es einfach ist, aber hab ich noch nie genutzt), was die Geschichte also schonmal hinfällig macht und
2. bin ich schon über meinen Zeitlimit drüber, war als eine Art witziges Geschenk gedacht, aber nun ist es eh zu spät, war eben auf den letzten Drücker^^

Wenn ich mal wieder Zeit habe, schaue ich mir das ganze vielleicht trotzdem nochmal in Ruhe an, dann finde ich bestimmt eine Lösung.
Aber danke trotzdem für die Mühe!

Edit.: Diese Code Funktion kannte ich noch gar nicht, aber jetzt wo ich's weiß, werd ich sie zukünftig dankend nutzen

 

[accC]

Okay, noch ein Tipp:
Java != JavaScript
Bis auf den Namen(steil) "Java" haben die beiden nichts gemeinsam.