Hey,

ich wurde mehr oder weniger genötigt eine Homepage für meinen Abi-Jahrgang zu erstellen. Wirklich erfahren bin ich allerdings nicht. Ich hab' die Seite jetzt grob aufgebaut, Inhalt soll noch folgen.
Mein Problem ist jetzt jedoch, dass der Rollover nicht so funktioniert wie ich's mir vorstelle. Gegoogelt hab' ich mein Problem bereits und mit der SuFu hier hab ich's auch schon versucht - offensichtlich erfolglos.
Als nicht gleich den Neuling anschimpfen weil's das Thema schon tausendmal gab oder so.^^

Wie mein Problem optisch aussieht könnt ihr hier sehen.

Ich nehme an, dass folgendes der problematische Teil im Quelltext ist:

a:link.news{}
a:visited.news{}
a:hover.news{background-image:url(bilder/news-hover.png);}
a:active.news{background-image:url(bilder/news-active.png);}

Der Rest ist ja auf der Seite einsichtlich, wollte ihn nicht hier rein kopieren - wäre'n bisschen lang.

Grüße

eUmbra

PS: Andere Fehler dürfen natürlich auch gemeldet werden.

[Invalid] Markup Validation of http://abi1.ab.funpic.de/ - W3C Markup Validator

Wie soll es denn aussehen?

Vielleicht hilft dir dies: Cascading Style Sheets { Artikel : Dynamische Pseudoklassen und benannte Anker }

__________________
Ohne Quelltext gibts selten Hilfe. Also: Onlinebeispiel hochladen und Link bereitstellen!
Foren-FAQ

Moin,

Hingucken und durcharbeiten, so funktioniert ein grafisches Menü.

__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus

Hi,

danke schonmal, die FAQ hab' ich garnicht gesehen, hab nur in der Navgiation danach gesucht.
Aussehen soll's so wie's das jetzt schon tut, nur wenn man die Links "überrolt" bzw. anklickt ist das Bild das im Hintergrund erscheinen sollte abgeschnitten (sieht man gut wenn amn einen Button anklickt, der Schatten sollte den Button umrunden). Mit "position: inherit;" funktioniert's wie's soll, aber dann sind die Buttons ja nichtmehr positioniert (-->alle auf einem Haufen).

Aus der Anleitung in den FAQ werd' ich nicht schlau. was bringt's mir wenn ich über allen Links das selbe Bild hab'? Als ich das ausprobiert habe war's dann so, dass das Bild das ich orläufig als Hintergrund gewählt habe sichtbar war solange ich den Link in Ruhe gelassen habe. Habe ich meinen Mauszeiger jedoch darüber bewegt, bzw. geklickt ist das Bild verschwunden...ist wenn man den Code anschaut logisch, aber das kann ja nicht der sinn des ganzen sein.

Danke trotzdem.

eUmbra

Mach die grafische Navigation komplett aus Hintergrundbildern, die Links enthalten Text, der ausgeblendet wird. Siehe Heikos Tutorial in den FAQ.
img-Elemente ohne Alternativtext sind nicht sinnvoll -- weder für menschliche Benutzer, noch für Suchmaschinen.

Dass nur ein Bild geladen werden muss, und nicht viele. Google: "CSS-Sprites".
Entscheidend ist, welcher Ausschnitt des einen Bildes jeweils angezeigt wird.
Vermutlich hast du einfach Heikos Beispielwerte für die Verschiebung stehen lassen. Das ist nicht Sinn eines Tutorials.
Du musst verstehen, was erklärt wird und auf deinen Code anwenden.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Ja, hab ich stehen lassen, aber mir war das mit "einem Bild" nicht klar. Habe ich das jetzt richtig verstanden?... Ich nehme ein Bild das von mir aus tausend Pixel breit ist aber jeweils nur die entsprechenden 200 Pixel angezeigt werden?

Das mit dem Text geht nicht weil das ganze Zeug transparent ist. Ist aber auch nicht so wichtig wenn kein Alternativtext angezeigt wird. Kein Mensch besucht'ne Seite wegen einer Galerie und deaktiviert die Bilder, oder?
Wenn ich den Text jedoch einfach weglasse sind die Punkte von der Liste noch da. Kann man die entfernen odhne die Liste zu entfernen? Hab das mit Listen noch nie gemacht. :s

Gibt's da keine einfachere Möglichkeit den Text so zu lassen wie er jetzt ist und einfach dafür zu sorgen, dass die Hintergrundbilder da auftauchen wo sie sollen und die Buttons gleichzeitig auch an dem Ort bleiben an den sie gehören?.

eUmbra

Ja.

Die Transparenz ist überflüssig. Nimm den Hintergrund in die Bilder mit hinein.
PNG-32-Bilder sind groß. IE 6 wird zum Problem. Völlig vermeidbare Probleme.

Leere Links im Menü sind die größtmögliche Katastrophe.
Deine gesamte Website ist also eine Galerie?
Wenn ich mobil online bin, deaktiviere ich Bilder.


Dir fehlen absolute Grundlagen. Informier dich über die Eigenschaften, die mit "list-style" beginnen.

Du kannst CSS nicht erraten, du musst es lernen. Lass dir zu Weihnachten Little Boxes schenken.

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Ja stimmt, leider.

In dem Fall werde ich das von hubspe in die Richtung weitermachen. Das mit der Transparenz liegt daran, dass der banner immerwieder geändert werden sollte. aber ich mach jetzt halt den Hintergrund der Navigation undurchsichtig.

Also danke für die Hilfe.

Gruß

eUmbra

Und was hat der Banner mit der Navigation zu tun?

__________________
Corina Rudel

Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken

Wenn der Banner nicht noch geändert werden würde könnte ich den Teil des Banners der hinter der Navigation liegt ja einfach auch in dem Bild der Navigation darstellen.
Da er aber geändert wird wäre es (später) einfacher die Navigation einfach tasächlich transparent zu machen. (Man muss nur den Banner ändern und nicht jedesmal auch noch das Hintergrundbild der Navigation)...ich bin schlecht im erklären, ich weiß, aber vielleicht ist's ja verständlich.