tag:forum.selfhtml.org,2005:/self Pseudoklasse :hover im IE7 – SELFHTML-Forum 2007-07-06T22:13:32Z https://forum.selfhtml.org/self/2007/jul/6/pseudoklasse-hover-im-ie7/1140949#m1140949 zwerg http://www.zwergenspiegel.de 2007-07-06T20:47:14Z 2007-07-06T20:47:14Z Pseudoklasse :hover im IE7 <p>Glück auf!</p> <p>Ich möchte in einer Liste auch die nicht verlinkten Texte bei Mouseover in der Schriftfarbe weiß statt (wie ohne Mouseover) grau darstellen.</p> <p>Das sollte so doch auch im IE7 möglich sein, oder?</p> <pre><code class="block language-html"> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>ul</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>news<span class="token punctuation">"</span></span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>title<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>News<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span>Text ohne Link<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"><</span>li</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"><</span>a</span> <span class="token attr-name">href</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>#<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>Text mit Link<span class="token tag"><span class="token tag"><span class="token punctuation"></</span>a</span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation"></</span>li</span><span class="token punctuation">></span></span> <span class="token tag"><span class="token tag"><span class="token punctuation"></</span>ul</span><span class="token punctuation">></span></span> </code></pre> <p>Der dazugehörige Stylesheet:</p> <pre><code class="block language-css"> <span class="token selector">.news li:hover</span> <span class="token punctuation">{</span><span class="token property">color</span><span class="token punctuation">:</span> white<span class="token punctuation">;</span><span class="token punctuation">}</span> </code></pre> <p>An dem Doctype liegt es glaube ich nicht, aber glauben ist nicht wissen, deshalb hier auch nochmal dieser[1]:</p> <pre><code class="block language-html"> <span class="token doctype"><span class="token punctuation"><!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span> <span class="token name">PUBLIC</span> <span class="token string">"-//W3C//DTD XHTML 1.0 Transitional//EN"</span> <span class="token string">"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"</span><span class="token punctuation">></span></span> </code></pre> <p>So, das waren jetzt die Infos, die ich in diesem Fall für maßgeblich halte[2]. Fehlen noch Infos, teilt mir diese bitte mit.</p> <p>Freundliche Grüße</p> <p>zwerg Alex</p> <p>[1]Dieser Doctype müsste doch für den Standardmodus sorgen und die Lösung woanders zu finden sein, oder?</p> <p>[2]Eigentlich wollte ich euch den Link ja noch vorenthalten, weil alles noch ziemlich unausgereift ist, aber falls es zur Problemlösung den nützlich ist: <a href="http://zwergenspiegel.de/hauptseiten/me.php" rel="nofollow noopener noreferrer">Testseite</a></p> https://forum.selfhtml.org/self/2007/jul/6/pseudoklasse-hover-im-ie7/1140952#m1140952 MudGuard http://www.andreas-waechter.de/ 2007-07-06T20:56:07Z 2007-07-06T20:56:07Z Pseudoklasse :hover im IE7 <p>Hi,</p> <blockquote> <p>An dem Doctype liegt es glaube ich nicht, aber glauben ist nicht wissen, deshalb hier auch nochmal dieser[1]:</p> <pre><code class="block language-html"></code></pre> </blockquote> <blockquote> <p><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"<br>    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"></p> </blockquote> <pre><code class="block"> > [1]Dieser Doctype müsste doch für den Standardmodus sorgen und die Lösung woanders zu finden sein, oder? Der Doctype wär vermutlich ok, aber Du versetzt mit <!-- Banner --> vor dem Doctype den Browser doch wieder in den Quirks Mode. cu, Andreas -- [Warum nennt sich Andreas hier MudGuard?](http://MudGuard.de/) [O o ostern ...](http://ostereier.andreas-waechter.de/) Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da. </code></pre> https://forum.selfhtml.org/self/2007/jul/6/pseudoklasse-hover-im-ie7/1140950#m1140950 Mdbelen 2007-07-06T21:01:10Z 2007-07-06T21:01:10Z Pseudoklasse :hover im IE7 <p>hi..<br> das geht mit javascript ziemlich leicht..:<br> z.B. span (weis net ganz, obs mit li auch geht)<br> also: <span id="dings1" style="color: #AAA" OnMouseOver="this.style.color='#FFF';" OnMouseOut="this.stylt.color='#AAA'";>normal: grau/mouseOver: weiss</span></p> https://forum.selfhtml.org/self/2007/jul/6/pseudoklasse-hover-im-ie7/1140951#m1140951 zwerg http://www.zwergenspiegel.de 2007-07-06T21:09:40Z 2007-07-06T21:09:40Z Pseudoklasse :hover im IE7 <p>Glück auf Mdbelen!</p> <blockquote> <p>das geht mit javascript ziemlich leicht..:</p> </blockquote> <p>Danke auch für deine Antwort.</p> <p>Ich wollte aber möglichst auf Javascript verzichten. Damit, dass es in IE <7 mit :hover nicht funktioniert, kann ich leben, da es eigentlich nur eine Spielerei ist und der Text auch in grau gelesen werden kann.<br> Nach dem Tipp von MudGuard, klappt es ja in der aktuellen Version des IE und im FF sowieso.</p> <p>Freundliche Grüße</p> <p>zwerg Alex</p> https://forum.selfhtml.org/self/2007/jul/6/pseudoklasse-hover-im-ie7/1140953#m1140953 zwerg http://www.zwergenspiegel.de 2007-07-06T21:05:01Z 2007-07-06T21:05:01Z Danke, Problem danke MudGuard gelöst :-) <p>Glück auf MudGuard!</p> <blockquote> <p>Der Doctype wär vermutlich ok, aber Du versetzt mit<br> <!-- Banner --><br> vor dem Doctype den Browser doch wieder in den Quirks Mode.</p> </blockquote> <p>Vielen lieben Dank, der Kommentar vor dem Doctype war tatsächlich das Problem. Wenn du wüsstest, was ich in den letzten 1,5 Stunden schon alles probiert habe und für Vermutungen angestellt habe ...</p> <p>Freundliche Grüße</p> <p>zwerg Alex</p> https://forum.selfhtml.org/self/2007/jul/6/pseudoklasse-hover-im-ie7/1140954#m1140954 Ingo Turski http://www.1ngo.de/web/ 2007-07-06T21:36:06Z 2007-07-06T21:36:06Z Danke, Problem danke MudGuard gelöst :-) <p>Hi,</p> <blockquote> <p>Wenn du wüsstest, was ich in den letzten 1,5 Stunden schon alles probiert habe und für Vermutungen angestellt habe ...</p> </blockquote> <p>Ich hätte ja mal <a href="http://www.google.de/search?hl=de&q=IE+7+quirks+mode&btnG=Suche&meta=lr%3Dlang_de" rel="nofollow noopener noreferrer">Google</a> <a href="http://www.google.de/search?q=ie7+bugs" rel="nofollow noopener noreferrer">befragt</a>. ;-)</p> <p>freundliche Grüße<br> Ingo</p> <div class="signature">-- <br> [<a href="http://www.1ngo.de/web/" rel="nofollow noopener noreferrer">barrierefreie Ingo Webdesign</a> » <a href="http://www.1ngo.de/web/seo.html" rel="nofollow noopener noreferrer">Suchmaschinenoptimierung</a> | <a href="http://www.1ngo.de/web/em.html" rel="nofollow noopener noreferrer">em?</a> | <a href="http://www.1ngo.de/web/ie7.html" rel="nofollow noopener noreferrer">IE7 - Bugs</a>] </div> https://forum.selfhtml.org/self/2007/jul/6/pseudoklasse-hover-im-ie7/1140955#m1140955 zwerg http://www.zwergenspiegel.de 2007-07-06T22:13:32Z 2007-07-06T22:13:32Z Danke, Problem danke MudGuard gelöst :-) <p>Glück auf Ingo!</p> <p>Ich habe sowohl Google als auch Selfhtml befragt. Bin dann zwar auf diesen <a href="http://forum.de.selfhtml.org/archiv/2007/3/t148106/#m960708" rel="nofollow noopener noreferrer">Artikel </a> gestoßen, aber wie ich bereits in meinem ersten Posting erwähnt habe, habe ich den Fehler nicht im Doctype vermutet und deshalb auch andere Suchbegriffe verwendet.</p> <p>Ein Bug des IE7 war es ja letztlich auch nicht, sondern ein Fehler meinerseits; aber das weißt du sicherlich selbst und du wolltest nur mal zeigen, bei welchen Suchbegriffen deine Seite so alles auf den ersten Platz auftaucht *scnr* ;)</p> <p>Freundliche Grüße</p> <p>zwerg Alex</p>