WinFuture-Forum.de: [css] Rollover Für Formularbutton - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

[css] Rollover Für Formularbutton


#1 Mitglied ist offline   hasch 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.790
  • Beigetreten: 28. Januar 04
  • Reputation: 0
  • Wohnort:Localhost
  • Interessen:Ach so viele ...

geschrieben 11. Februar 2006 - 15:13

Würde momentan gerne mal einen so genannten Roll-Over Effekt für ein Formularbutton nutzen.
Habe hier schon geschaut: http://aktuell.de.se.../css/mouseover/
aber ist nix dabei.

Hat jemand eine Idee, wie ich dies realisieren kann? :lol:

Button ist als Image gesetzt in der Form:

<input type='image' src='{IMG}login.jpg' name='login'>
0

Anzeige



#2 Mitglied ist offline   axx 

  • Gruppe: aktive Mitglieder
  • Beiträge: 487
  • Beigetreten: 19. Mai 05
  • Reputation: 0

geschrieben 11. Februar 2006 - 16:10

CSS und Hintergrundbilder vielleicht.
input {
background:url(pfad/zum/bild1.gif);
}
input:hover{
background:url(pfad/zum/bild2.gif);
}


Edit: ich seh' gerade, dass das mit IE nicht klappt, schade.

Dieser Beitrag wurde von axx bearbeitet: 11. Februar 2006 - 16:24

0

#3 Mitglied ist offline   flo 

  • Gruppe: aktive Mitglieder
  • Beiträge: 7.955
  • Beigetreten: 14. November 04
  • Reputation: 1
  • Geschlecht:Männlich

geschrieben 11. Februar 2006 - 16:33

Da musst du wohl auf javascript zurückgreifen, oder du lässt von php dort png's erzeugen.

Der IE lässt :hover nur auf <a> Elemente zu, deswegen klappt das dort nicht
0

#4 Mitglied ist offline   hasch 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.790
  • Beigetreten: 28. Januar 04
  • Reputation: 0
  • Wohnort:Localhost
  • Interessen:Ach so viele ...

geschrieben 11. Februar 2006 - 21:01

Beitrag anzeigenZitat (Flo: 11.02.2006, 16:33)

Da musst du wohl auf javascript zurückgreifen, oder du lässt von php dort png's erzeugen.

Auf Javascript wollt ich eigentlich verzichten. Wie meinst du dies genau mit PHP erzeugten png's?
0

#5 Mitglied ist offline   flo 

  • Gruppe: aktive Mitglieder
  • Beiträge: 7.955
  • Beigetreten: 14. November 04
  • Reputation: 1
  • Geschlecht:Männlich

geschrieben 11. Februar 2006 - 21:37

Also mit css geht es 100% nicht mit dem IE6

Hm ich denke das klappt nicht wirklich so wie ich es dachte.
0

#6 Mitglied ist offline   daarg 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.212
  • Beigetreten: 30. November 11
  • Reputation: 4
  • Geschlecht:Männlich

geschrieben 11. Februar 2006 - 21:53

wenn du nix gegen javascript hättest, könntest du das ganz in etwa so realisieren:
<a href="java script:document.form.submit();" class="klasse" title="submit">submit</a>
<a href="java script:document.form.reset();" class="klasse" title="reset">reset</a>

so würde das ganze mit hover etc. funktionieren.

gruss
// ch

Dieser Beitrag wurde von CaptHowdy bearbeitet: 11. Februar 2006 - 21:53

as wolves among sheep we have wandered [bathory, dis irae]
0

#7 Mitglied ist offline   hasch 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.790
  • Beigetreten: 28. Januar 04
  • Reputation: 0
  • Wohnort:Localhost
  • Interessen:Ach so viele ...

geschrieben 11. Februar 2006 - 21:59

Beitrag anzeigenZitat (CaptHowdy: 11.02.2006, 21:53)

wenn du nix gegen javascript hättest, könntest du das ganz in etwa so realisieren:
so würde das ganze mit hover etc. funktionieren.

gruss
// ch

Eigentlich wollte ich Javascript meiden :D
Aber ich danke dir und werde deinen Code morgen mal ausprobieren, weil muss gleich los ;)

Danke an alle und wenn noch jemand eine Idee, ist diese immer willkommen :D...
0

#8 Mitglied ist offline   Meatwad 

  • Gruppe: aktive Mitglieder
  • Beiträge: 784
  • Beigetreten: 07. August 04
  • Reputation: 0
  • Geschlecht:Männlich
  • Wohnort:Bad Vilbel
  • Interessen:Computer, Inliner, Chatten...

geschrieben 12. Februar 2006 - 00:59

Beitrag anzeigenZitat (hasch: 11.02.2006, 21:01)

Wie meinst du dies genau mit PHP erzeugten png's?


man kann mit dem "gd"-modul bilder von php erzeugen lassen. wird dir alerdings nich viel bringen, da das nur serverseitig ist...
I am away to look for my self. If I am back before I return keep me here. | Mein Server
0

Thema verteilen:


Seite 1 von 1

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