WinFuture-Forum.de: Css Roll-over... - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Css Roll-over... ohne link


#1 Mitglied ist offline   Janizzle 

  • Gruppe: aktive Mitglieder
  • Beiträge: 248
  • Beigetreten: 07. Mai 07
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Bochum

geschrieben 11. September 2007 - 14:14

Hallo,

ich will mithilfe von css ein rollover erstellen, es aber nicht verlinken?
Also das man über eine fläche geht und sich dann einfach ein Bild über das
andere schiebt.
Normalerweise wird das ja für Buttons benutzt hinter denen ein Link steckt.
Ich will den Code jetzt aber ohne Link!

Wie gehts?!
0

Anzeige



#2 Mitglied ist offline   dblay 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.246
  • Beigetreten: 18. März 07
  • Reputation: 1

geschrieben 11. September 2007 - 18:33

Das geht an sich genau so wie mit Links, also per Pseudo-Klasse :hover ... Aber: damit kann der IE 6 nix anfangen. Beim IE 7 geht es auf alle Fälle mit li's, also gehe ich mal davon aus, dass es da keine Probleme geben sollte.

Du könntest zwar versuchen, einfach ein <a>-Tag zu verwenden, ohne das href-Attribut anzugeben; semantisch wäre das allerdings kaum. Von daher mach es doch lieber mit JavaScript, das ist nicht wirklich ein Mehr-Aufwand, und du hast nicht mit Kompatibilitätsproblemen zu kämpfen.

Edit: Ich könnte dir auch ein ganz einfaches JavaScript geben, wenn du magst.

Dieser Beitrag wurde von dblay bearbeitet: 11. September 2007 - 18:35

Zeit ist, was verhindert, dass alles gleichzeitig passiert.
0

#3 Mitglied ist offline   Janizzle 

  • Gruppe: aktive Mitglieder
  • Beiträge: 248
  • Beigetreten: 07. Mai 07
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Bochum

geschrieben 11. September 2007 - 22:06

Danke, aber das ganze ist für MySpace und da funktioniert Java nicht.
einfach href="" weglassen geht auch nicht, dann passiert garnichts.
wenn ich nur den link wechlasse wird beim klicken zu myspace verbunden ;)

Hier das Profil: www.myspace.com/q09878971

Geh mal über das Gesicht im Bild. Dann erscheint so eine Art "About Me".
Und das soll ebend nicht verlinkt sein, sondern einfach nur erscheinen..

Kannst du mir das mit Pseudo-Klasse:hover erklären? Oder gibts noch ne andere lösung die überall funzt?
0

#4 Mitglied ist offline   dblay 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.246
  • Beigetreten: 18. März 07
  • Reputation: 1

geschrieben 12. September 2007 - 17:25

Zitat

Danke, aber das ganze ist für MySpace und da funktioniert Java nicht.
Mir ging es eigentlich um JavaScript, aber vllt meinst du das ja auch :D

Tja, wie gesagt, das mit :hover funktioniert eigentlich bei allen Elementen gleich; wie man das auch von Links her kennt, nur dass es eben nicht vom IE6 interpretiert wird.

z.B.
#aboutme { background:transparent; width:100px; height:100px; }
#aboutme:hover { background:url(path/to/img) no-repeat center; }

So in der Art eben ...
Zeit ist, was verhindert, dass alles gleichzeitig passiert.
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0