[K050V4]

hallo@all ,

Kann mir jemand helfen? Also ich will einen button mit hover effekt machen
die button sind:
button1.jpg
button2.jpg

Ich wusste es mal wie es geht aber ich habs vergessen und bei google hab ich auch schon gesucht hab aber nicht das richtige gefunden ....
es soll nicht javascript sind sonder html
irrgendwie so wars:

<img src="bild1.jpg" onmouse="bild2.jpg" outmouse="bild1.jpg">

[pSyCHo_SolDiEr]

 <style>
   a       { display:block; 
             background-image:url(button1.jpg); }
   a:hover { display:block;
      background-image:url(button2.jpg); }
 </style>

[Floele]

Zitat

es soll nicht javascript sind sonder html

Mit HTML kannst du keinen solchen Effekt erzielen.

Zitat

<style>
  a      { display:block;
            background-image:url(button1.jpg); }
  a:hover { display:block;
    background-image:url(button2.jpg); }
</style>

Richtig wäre <style type="text/css">. Display:block; ist auch nicht zwingend nötig, nur wenn der Link eine bestimmte Breite/Höhe bekommen soll. Desweiteren kann man das auch noch abkürzen:

 <style type="text/css">
  a       { display:block;
            background:url(button1.jpg); }
  a:hover { display:block;
     background:url(button2.jpg); }
</style>

[K050V4]

Danke an euch
Ich hab das mal gemacht aber wen ich dan mir das mit den IE anschaue zeigt er nichts an.

[puppet]

Ich denke mal du meinst dies hier.

[Graumagier]

Zitat

Ich hab das mal gemacht aber wen ich dan mir das mit den IE anschaue zeigt er nichts an.

Jaja, der IE

Poste doch mal den gesamten Quelltext.

[Floele]

Zitat

Poste doch mal den gesamten Quelltext.

Is ja nicht so als hätten sich nicht schon genug Leute mit solchen Problemen (auch diesem) im IE beschäftigt...da gibts genug Tutorials etc.

[pSyCHo_SolDiEr]

Logisch zeigt er nur mit diesen kurzen Code-Abschnitt nichts an.
Füge nach dem Style-Argument einfach mal nen Link ein:

...
..
</style>

<a href=...>Link</a>

@Floele

type="text/css"

Ist nicht zwingend nötig. Der Hover-Effekt wird normalerweiße so richtig interpretiert.

[Graumagier]

Zitat

Ist nicht zwingend nötig.

Doch.

[Floele]

Zitat

Ist nicht zwingend nötig. Der Hover-Effekt wird normalerweiße so richtig interpretiert.

Das erste ist wie schon gesagt falsch, das zweite stimmt allerdings.

[volpal]

Hallo,

habe auch ein Problem mit diesem Code.

Habe die Seiten von jemanden übernommen und mit Frontpage bearbeitet.
Bislang hat auch immer alles funktioniert.

Das Problem ist folgende Seite:
http://www.tachodata.de
dabei die geänderte Unterseite:
http://www.tachodata...ervice/agb.html

Und zwar soll aus ALLEN Seiten der Button Tachoservice raus.

1. Wie mache ich das am einfachsten ?

Habe bei der angegebenen Unterseite den Button bereits rausgenommen und in HTML die Zahlen entsprechend auf 1.0, 1.1 - 2.0, 2.1 etc. geändert.

Aber irgendwie kommt beim onmouseover immer ein falscher Button zum Vorschein ?

Kann mir jemand sagen, woran das liegt ?

Bzw. kann mir auch jemand sagen, wie ich auf Allen Seiten ganz einfach den Button "Tachoservice" entfernen kann, ohne daß ich auf jeder Seite den HTML-Text Komplett überarbeiten muß ?

Dieser Beitrag wurde von volpal bearbeitet: 17. Juli 2005 - 08:40

[Floele]

Zitat (volpal: 17.07.2005, 09:38)

Hallo,

habe auch ein Problem mit diesem Code.

Das kann ich mir kaum vorstellen. Deine Seite benutzt Javascript, hier wurde von CSS geredet.

[Slayer]

@keny

Mit diesem Hovereffekt geht es auch nur, wenn du einen Link einfügst.
Ich würde es so machen:

CSS:

<style type="text/css">
a.button
{
	background:url(button1.jpg);
}

a.button:hover
{
	background:url(button2.jpg);
}
</style>

HTML:

<a class="button" href="http://winfuture.de">Winfuture.de</a>

Dann müsste es gehen

[Slayer]

Zitat (Benjamin: 17.07.2005, 14:04)

@Slayer und was sollen hinterlegte Grafiken im Textlink ?
<{POST_SNAPBACK}>

Stimmt, dann sollte es besser so aussehen:

<a class="button" href="http://winfuture.de"><!-- Winfuture --></a>