Hover mit Filter

pc-freak · 12.09.2006, 08:03

Hallo zusammen,
Ich habe ein Menu, das aus einer Tabelle besteht. Ich habe im Hintergrund jedes Feldes (TD) einen Filter gesetzt, und deser soll bei MouseOver wechseln. Dies funktioniert auch, aber eben nur, wenn ich über den Text fahre und nicht im ganzen Feld. Wenn ich die Filter durch Farben ersetze, funktioniert es.
Kann mir da jemand helfen? Danke!
P.S.: Die Personen, welche dieses Menu benutzen surfen mit dem IE 5.5 und aktiviertem Javascript.

Hier noch der Code:

Code:

<style type="text/css">
<!--
.link {
  height:100%;
  width:100%;
  color:#ffffff;
  cursor: hand;
  filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr=#EDEFF6, EndColorStr=#CED3DC);
}
.over {
  height:100%;
  width:100%;
  color:#ffff00;
  FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=1, StartColorStr=#F1F4F9, EndColorStr=#D0D2D7);
}
-->
</style>

<script type="text/javascript">
<!--
function change(id,klasse) {
document.getElementById(id).className = klasse;
}
//-->
</script>

<table height="100">
  <tr>
    <td id="cell1" class="link" onMouseOver="change(this.id, 'over')" onMouseOut="change(this.id, 'link')">asdfasdf</td>
    <td id="cell2" class="link" onMouseOver="change(this.id, 'over')" onMouseOut="change(this.id, 'link')">adfasdfasdf</td>
    <td id="cell3" class="link" onMouseOver="change(this.id, 'over')" onMouseOut="change(this.id, 'link')">fasdfasdf</td>
  </tr>
</table>

pc-freak · 12.09.2006, 16:49

Hat keiner eine Antwort?

arcor · 15.09.2006, 15:48

vielleicht mit

display: block;

pc-freak · 18.09.2006, 08:19

nee, leider nicht

Basti · 18.09.2006, 11:38

Hi.

Also eigentlich würde man hier eine Liste nehmen und den Links eben display:block verpassen. Schließlich ist es ja eine Liste (von Menüpunkten) und keine Tabelle, oder?

Wie die MS-Filter ticken, weiß ich allerdings nicht, aber vielleicht erübrigt sich das Problem ja schon, wenn du die Liste eben mal gescheit als Liste definierst (wobei mich wundern würde, wenn der MSIE das honorieren würde *g).

Basti

pc-freak · 18.09.2006, 11:48

dasscheint den IE nicht zu interessieren. Der einzige Unterschied ist, dass das Menu jetzt eine breite von 100% hat.

Maxi · 28.09.2006, 15:56

Und in den anderen browsern geht es?
Ich habe bei mir genau das selbe Problem gehabt, und dann ein Javascript eingebaut, mit dem die Seite im IE genauso aussieht wie in FF und in Opera.
Wenn JS deaktiviert ist sieht man halt ne schlechtere Version, ...
Aber selbst schuld, wenn man den IE verwendet...

pc-freak · 28.09.2006, 16:09

Der Code beinhaltet Filter und diese funktionieren meiner Meinung nach nur im IE.
Ausserdem wird nur der IE verwendet, weshalb mir die anderen Browser egal sind

.

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
JS: Spezieller Image Hover	GSJLink	HTML, Usability und Barrierefreiheit	7	18.06.2007 17:24
PNG trotz Filter noch als volle Link-Fläche	max-dhom	HTML, Usability und Barrierefreiheit	10	23.01.2007 21:48
Bitte Funktion uns Filter prüfen. Danke!		PHP Tipps 2006	10	28.11.2006 20:04
CSS Hover bei Bildern im IE	juhuwoorps	HTML, Usability und Barrierefreiheit	12	01.03.2006 20:28
image map mit hover		HTML, Usability und Barrierefreiheit	1	21.12.2005 16:04
Bild mit clip:rect verkleinern und per hover wieder normal		HTML, Usability und Barrierefreiheit	3	21.12.2005 14:54
filter erstellen		PHP Tipps 2007	11	07.11.2005 17:40
Filter realisieren		PHP Tipps 2005-2	2	21.10.2005 13:54
Hover Effekt für Textfelder?	Masteroi	HTML, Usability und Barrierefreiheit	3	27.07.2005 14:36
effektiver Filter für Namens-Eingaben?		PHP Tipps 2005-2	10	19.07.2005 21:57
farbe von tabellenzeile verändern bei hover		HTML, Usability und Barrierefreiheit	4	04.07.2005 09:40
type="file" - Filter möglich?		PHP Tipps 2005	10	15.02.2005 14:57
[CSS] Table und :hover ???		HTML, Usability und Barrierefreiheit	16	21.01.2005 15:17
Spam filter		PHP-Fortgeschrittene	7	06.09.2004 16:50
Filter programmieren um Websitelinks einzulesen??		PHP Tipps 2004	3	07.07.2004 09:29


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

12.09.2006, 16:49
pc-freak Benutzer Registriert seit: 20.12.2004 Beiträge: 58	Hat keiner eine Antwort?

15.09.2006, 15:48
arcor Benutzer Registriert seit: 05.10.2004 Beiträge: 51	vielleicht mit display: block;

18.09.2006, 08:19
pc-freak Benutzer Registriert seit: 20.12.2004 Beiträge: 58	nee, leider nicht

18.09.2006, 11:38
Basti Erfahrener Benutzer Registriert seit: 18.07.2004 Beiträge: 2.162 PHP-Kenntnisse: Fortgeschritten	Hi. Also eigentlich würde man hier eine Liste nehmen und den Links eben display:block verpassen. Schließlich ist es ja eine Liste (von Menüpunkten) und keine Tabelle, oder? Wie die MS-Filter ticken, weiß ich allerdings nicht, aber vielleicht erübrigt sich das Problem ja schon, wenn du die Liste eben mal gescheit als Liste definierst (wobei mich wundern würde, wenn der MSIE das honorieren würde *g). Basti

18.09.2006, 11:48
pc-freak Benutzer Registriert seit: 20.12.2004 Beiträge: 58	dasscheint den IE nicht zu interessieren. Der einzige Unterschied ist, dass das Menu jetzt eine breite von 100% hat.

28.09.2006, 15:56
Maxi Erfahrener Benutzer Registriert seit: 22.09.2006 Beiträge: 135	Und in den anderen browsern geht es? Ich habe bei mir genau das selbe Problem gehabt, und dann ein Javascript eingebaut, mit dem die Seite im IE genauso aussieht wie in FF und in Opera. Wenn JS deaktiviert ist sieht man halt ne schlechtere Version, ... Aber selbst schuld, wenn man den IE verwendet... __________________ IllerMax - Mein Blog

28.09.2006, 16:09
pc-freak Benutzer Registriert seit: 20.12.2004 Beiträge: 58	Der Code beinhaltet Filter und diese funktionieren meiner Meinung nach nur im IE. Ausserdem wird nur der IE verwendet, weshalb mir die anderen Browser egal sind .