Problem mit css Rating

Hallo,

ich habe dieses Rating - System heruntergeladen

http://www.komodomedia.com/blog/2007/01/css-star-rating-redux/

habe aber Schwierigkeiten mit dem Einbau.

Wie schaffe ich es, dass die Sterne angezeigt werden?

Was muss ich als Link angeben?

Naja, eines der (X)HTML-Fragmente muß in den Quelltext
deiner (X)HTML-Datei.
Das von dir gewünschte CSS schreibst du entweder in ein
style-Element im head der gleichen Datei oder du fügst ebenda
ein link-Element ein, welches eine externe CSS-Datei mit den
gewünschten Angaben.

Das ganze kannst du ja erstmal bei einer simplen Testdatei
umsetzen - und wenn es da Probleme gibt, die URI angeben.
Ansonsten stehen auf der Seite ja bereits bekannte Probleme.

Hallo,

danke für die schnelle Antwort.
Ich habe gegoogelt und weiss, dass man die Datei direkt oder extern einbinden kann, aber irgendetwas klappt nicht.
Die Sterne werden nicht gezeigt.
Mein erster Versuch diesbezüglich war übrigens dieses System:

http://gr0w.com/articles/code/php_5_star_rating_system_using_hreview/
Das bekam ich eingebunden, aber mit dem Ergebnis, dass auch dort die Sterne nicht gezeigt werden, sondern nur der Alternativtext.
Doch die css-Variante gefällt mir vom Design her besser, das andere System mit der php-Datei ist mir einfach zu gross.
Ich werde weiter probieren, vielleicht klappt es ja noch, und wenn einer von euch weitere Tipps hat, dann bitte her damit.

[quote=“hoffmann”]… Das ganze kannst du ja erstmal bei einer simplen Testdatei
umsetzen - und wenn es da Probleme gibt, die URI angeben. …[/quote]

“irgendwas klappt nicht” is ne blöde Fehlerbeschreibung

Mir fiel gerade nichts Besseres ein…
ich kriege langsam graue Haare, weil ich es nicht schaffe, die Datei einzubinden.

Die Sterne stehen ja nicht direkt in der CSS-Datei (was technisch
auch ginge), sondern sind gesonderte Pixelgraphiken. Sicher,
daß du die im richtigen Verzeichnis stehen hast und die Namen
komplett richtig angegeben?

Sowas kann man wie gesagt leicht an einem simplen Testbeispiel
sehen, ohne das fischt man eben im Trüben.
Solange du da keine URI angibst, wird dir da kaum jemand im
Detail und gezielt weiterhelfen können.

Also, hier ist noch einmal der Spass:

http://www.komodomedia.com/samples/star_rating/example1.htm#

Und meinst Du mit URI die DS_Store Datei mit den seltsamen Zeichen?
Das wäre das:

Bud1 x . h t min i n d e x . h t minfoblob 0 ÁØn ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ s t a r . g i finfoblob 0 Á× À ÿÿÿÿ Kÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ s t a r _ r a t i n g . c s sinfoblob 0 Áا€ ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ s t a r _ s m a l l . g i finfoblob 0 Á× À ÿÿÿÿ
ÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿÿ @ € @ € @ € @ E DSDB ` € @ € @ € @

Sieht bei mir aber anders aus.
Nach dem Einbau meiner Suchmaschine (war auch nicht einfach, da ich Anfänger bin) war ich so beflügelt, dass ich dachte, das Bewertungssystem kriege ich auch hin. :smiley:

Das ist die funktionierende Demo … sagt nichts darüber aus, warum es bei dir “nicht funzt”.

D’oh! de.wikipedia.org/wiki/URI

hoffmann wollte natürlich die Adresse einer Beispielseite von dir haben, wo du versucht hast es einzubauen …

Wie ich schon sagte, ich bin Anfänger auf diesem Gebiet und eigne mir alles selbst an.
Und was die Beispielseite angeht, so kann ich eine neue erstelllen, nachdem ich die alte Seite vor lauter Frust gelöscht habe.
Aber wenn wir schon beim Thema sind:
Diese Datei, die ich aufgeführt habe, wozu soll die gut sein?

DS_Store?

Sag mal, kennst du eigentlich Google …?

Das ist irgendein Apple-Kram. Wenn ich meine USB-Platte oder mp3-Player mal an einen Mac anschliesse, dann meint der da auch immer eine draufpacken zu müssen …

apfelwiki.de/Main/DSStore

Ja, ich kenne Google, danke der Nachfrage. !haue

Ich habe dieses Ratingsystem heruntergeladen, die Datei war dabei, und ich konnte nichts damit anfangen, also frage ich.

Und hier ist eine einfache Beispielseite mit der eingebauten Datei, allerdings nur mit der Datei.
Es müssen noch Änderungen vorgenommen werden, aber ich weiss nicht welche.

Wie ich schon zu Beginn erwähnte, weiss ich nicht, wie ich es schaffe, dass die Sterne angezeigt werden.

Wie hoffmann schon sagte, dass zunächst mal die Grafiken auch verfügbar sind, wäre ein Anfang.
FireBug zeigt auf Anhieb, dass http://spielecastle.bplaced.net/star_rating.gif nicht gefunden und nur mit einem 404 beantwortet wurde.

Und vom CSS der Beispielseite ist bei dir auch nichts zu sehen.
Wenn es dir noch an Grundlagenkenntnissen über den Umgang mit CSS fehlt, dann solltest du dir welche aneignen.

Ich denke, da können wir mal getrost mit den Grundlagen von
(X)HTML beginnen - etwa wie ein Grundgerüst in (X)HTML
aussieht und wo man da welche Elemente hinschreibt.

Dazu kann man erstmal auf deutsch bei selfhtml einen Blick
riskieren:
de.selfhtml.org/html/allgemein/grundgeruest.htm

solch interessante Elemente wie ul und li kommen nur irgendwo
innerhalb von body vor, nicht innerhalb von head, dort
allerdings ist das Element style richtig, allerdings nicht innerhalb
von ul, denn das gehört ja dort gar nicht hin, sondern nach
body.

Gucken wir uns jetzt den Quelltext der Testseite an, so finden
wir ul und li innerhalb von head, zudem ist beim ul die
Endmarkierung falsch, die kommt hinter dem letzten li, welches
zu der Liste dazugehört.

[quote=“hoffmann”]Gucken wir uns jetzt den Quelltext der Testseite an, so finden
wir ul und li innerhalb von head[/quote]
Ach, siehste - ich hatte mit dem FireBug geschaut (statt in den Quelltext), und der FF hatte das beim DOM-Aufbau natürlich schon zu korrigieren versucht - so dass die Liste im Body stand, und im Head rein gar nichts mehr, auch kein CSS.

Ihr seid ja superschnell mit euren Antworten. :slight_smile:

Zuerst einmal musste ich ja css in html einbinden, auch das ist Neuland für mich.
Dazu habe ich dieen Link entdeckt:

http://www.webmasterpro.de/coding/article/css-einfuehrung-css-in-html-einzubinden.html

Damit habe ich meine Beispielseite erstellt.
Jetzt habe ich nachgebessert, aber es wird nur ein Stern auf der Beispielseite angezeigt.
Naja, ich probiere weiter. :smiley:
Das muss doch zu schaffen sein.

Ein Stern ist ja schon mal allerhand, da bist du wohlmöglich auf
dem richtigen Wege zu einer ganzen Galaxie ;o)
Der Quelltext sieht immer noch extrem blödsinnig aus und wenn
ich mit der Maus drüber fahre, komme ich je nach Postion auf
1 bis 5 Sterne …

Ein DOM kann man für das Dokument schon irgendwie aufbauen, nur hat das dann nur noch wenig mit dem im Doctype angegebenen HTML zu tun ;o) Der Autor vom Firebug hat da wohl zuviel 'HTML5' zu sich genommen, wenn der sich traut, aus sowas ein HTML-Dokument zu basteln. Selbst in 'HTML5' sollte man glaube ich nicht style und title in ul reinstecken und das in head ;o)

Wobei Hixie (der Editor von ‘HTML5’) mir mal erklärt hat, daß
er zumindest nicht vorhätte, innerhalb von head strukturierte
Metainformationen zu erlauben - an sich wäre da eine Liste schon
eine feine Sache, aber derzeit weder HTML4 noch ‘HTML5’,
allenfalls XHTML mit integriertem RDF oder sowas oder bei dem
von mir formuliertem LML kann man seine Metainformationen
so schön strukturieren ;o)

Das überhaupt etwas angezeigt wird, ist der Fehlerkorrektur des Browsers zu verdanken - in diesem Falle dem FireFox, bei anderen Browsern läuft es ähnlich.
FireBug zeigt nur an, wie das vorliegende DOM, dass der Browser aus dem empfangenen Quelltext generiert hat, aussieht.

Nochmal danke für die schnellen Antworten.
Ich habe gerade wieder eine Testseite erstellt, bekomme sie im Moment aber nicht hochgeladen (553 disk full, was hier schon öfter diskutiert wurde).
Dann heisst es wohl erstmal warten. !coffee

[quote=“hoffmann”]Ein Stern ist ja schon mal allerhand, da bist du wohlmöglich auf
dem richtigen Wege zu einer ganzen Galaxie ;o)
Der Quelltext sieht immer noch extrem blödsinnig aus und wenn
ich mit der Maus drüber fahre, komme ich je nach Postion auf
1 bis 5 Sterne …
[/quote]
So ist das, wenn man Anfänger auf dem Gebiet ist, ich hoffe aber, ich schaffe das noch in diesem Leben. :smiley:

So, hier wird schon mehr angezeigt, aber immer noch nicht korrekt.